.site-floating-ads { position: relative; z-index: 40; }
.site-floating-ad { position: fixed; isolation: isolate; border: 1px solid #d0dfec; border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgba(28, 56, 80, .12); overflow: hidden; }
.floating-ad-body { display: flex; width: 100%; height: 100%; }
.floating-ad-body img { display: block; width: 100%; height: 100%; object-fit: fill; }
.floating-ad-label { position: absolute; z-index: 2; left: 7px; top: 7px; padding: 2px 5px; border-radius: 3px; color: #fff; background: rgba(25, 47, 65, .65); font: 10px/1.5 'Microsoft YaHei', sans-serif; pointer-events: none; }
.floating-ad-close { position: absolute; z-index: 3; top: 3px; right: 3px; display: grid; place-items: center; width: 26px; height: 26px; padding: 0; border: 1px solid rgba(104, 129, 151, .24); border-radius: 50%; color: #38516a; background: rgba(255,255,255,.94); font: 22px/1 Arial, sans-serif; cursor: pointer; }
.floating-ad-close:hover { color: #fff; background: #2a6dad; }
.floating-ad-close:focus-visible, .floating-ad-body:focus-visible { outline: 3px solid #227bbd; outline-offset: -3px; }
.floating-ad-placeholder { flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 30px 10px 14px; text-align: center; color: #36566d; background: linear-gradient(145deg, #f8fcff, #e3edf5); }
.floating-ad-placeholder > span { color: #7b9ab2; font: 10px/1.4 'Segoe UI', sans-serif; letter-spacing: 2px; }
.floating-ad-placeholder strong { font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.floating-ad-placeholder small { color: #7b8e9e; font-size: 11px; line-height: 1.5; }
html[data-theme="dark"] .site-floating-ad { border-color: #3c5368; background: #203140; }
html[data-theme="dark"] .floating-ad-placeholder { color: #d5e6f3; background: linear-gradient(145deg, #293e50, #1b2c3c); }
html[data-theme="dark"] .floating-ad-placeholder small { color: #adc4d5; }
@media (max-width: 1099px) { .site-floating-ads { display: none; } }

/* Keep the full-height manual reader between the same side gutters as other pages. */
.docs-page.has-site-floating-ads .manual-main { width: min(100%, var(--max, 1240px)); margin-inline: auto; }