/* Compressvip 公共样式 — 由 _extract_css.py 从全站内联 <style> 归并生成。
   仅收录「同选择器、单一变体、覆盖率>=90%」的组件规则（共 182 条）。
   :root / html / body / * 等基础选择器一律保留在各页内联，避免页面级差异被覆盖。
   改公共样式：改本文件 + 全站升 ?v= 戳。 */

.skip-nav{position:fixed;left:-9999px;top:0;z-index:9999;background:#fff;color:#1f2328;padding:12px 20px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.18);text-decoration:none;font-weight:600;font-size:16px}
.skip-nav:focus{left:12px;top:12px;outline:3px solid #0066cc;outline-offset:2px}
[dir="rtl"] .skip-nav:focus{left:auto;right:12px}
.noscript-banner{margin:16px auto;max-width:960px;padding:16px 20px;background:#fff7e6;border:1px solid #ffd591;border-left:4px solid #fa8c16;border-radius:10px;color:#7a4a00;line-height:1.8}
[dir="rtl"] .noscript-banner{border-left:none;border-right:4px solid #fa8c16}
main:focus{outline:none}
.btn-download { padding:6px 18px;background:var(--clr-success);color:#fff;border:none;border-radius:var(--radius-full);font-size:.85rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) }
.nav-right { display:flex;align-items:center;gap:var(--space-2);flex-shrink:0 }
.nav-links { display:flex;align-items:center;gap:2px;flex:1;justify-content:center }
.dropzone-thumb-remove:hover { background:var(--clr-error);color:#fff;border-color:var(--clr-error) }
.toast.error { background:var(--clr-error) }
.toast.success { background:var(--clr-success) }
.nav-dropdown-toggle:after { content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid;opacity:.7;margin-top:2px }
.footer-col li { margin-bottom:var(--space-2) }
.panel-btn-choose:hover { background:var(--clr-brand-hover) }
.section-desc { text-align:center;color:var(--clr-text-secondary);max-width:560px;margin:calc(-1 * var(--space-6)) auto var(--space-8);font-size:.92rem }
.dropzone-thumb-name { font-size:.72rem;color:var(--clr-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.compress-panel .compress-controls select,.compress-panel .compress-controls input { padding:4px 8px;font-size:.74rem;border-radius:var(--radius-sm) }
.tool-card-header { display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2) }
.tool-card h3 { font-size:.95rem;font-weight:var(--font-weight-semibold) }
.cta-btn:hover { background:var(--clr-brand-hover) }
.faq-item.open .faq-answer { display:block }
.mt-4 { margin-top:var(--space-4) }
.dropzone-thumb-img { width:140px;height:140px;border-radius:var(--radius-lg);overflow:hidden;background:var(--clr-bg-input);margin-bottom:6px;box-shadow:var(--shadow-sm) }
.compress-panel .compress-controls input[type=range] { width:64px }
.result-info { flex:1;min-width:0 }
.faq-list { max-width:680px;margin:0 auto }
.hero .subtitle { font-size:1.05rem;color:var(--clr-text-secondary);max-width:620px;margin:0 auto var(--space-8);line-height:1.75 }
.ed-ctrl input[type=color] { width:42px;height:32px;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:none;padding:2px;cursor:pointer }
.footer-col h3 { font-size:.95rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4) }
.compress-controls select { min-width:0;flex:0 1 auto }
.dropzone-thumbs { display:flex;flex-wrap:wrap;gap:12px;justify-content:center }
.breadcrumbs a { color:var(--clr-text-secondary);text-decoration:none;transition:color var(--transition-base) }
.nav-links>a:hover,.nav-dropdown-toggle:hover { background:rgba(255,255,255,.2);color:#fff }
.result-thumb { width:52px;height:52px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0 }
.faq-question:after { content:'+';font-size:1.3rem;color:var(--clr-text-muted);transition:transform var(--transition-fast) }
.panel-btn-save:hover { filter:brightness(1.08) }
.result-filename { font-size:.9rem;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.section { padding:var(--space-12) 0 }
.steps { display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);counter-reset:step }
.footer-bottom-links a { color:var(--clr-text-muted);padding:4px 0;display:inline-block }
.lang-option { display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);font-size:0.9rem;color:var(--clr-text);white-space:nowrap;cursor:pointer }
.faq-item { border:1px solid var(--clr-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2);overflow:hidden;background:var(--clr-bg-card) }
.footer-col a:hover { color:var(--clr-brand) }
.hero:has(.dropzone) { padding:var(--space-3) var(--space-6) var(--space-5) }
.lang-toggle { display:flex;align-items:center;gap:6px;height:44px;padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:#fff;font-size:0.95rem;font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit }
.toast { position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 24px;background:var(--clr-text);color:#fff;border-radius:var(--radius-full);font-size:.88rem;z-index:9999;opacity:0;pointer-events:none;transition:opacity var(--transition-base);box-shadow:var(--shadow-lg) }
.panel-btn-clear:hover { filter:brightness(.96) }
.ed-ctrl select,.ed-ctrl input[type=range] { accent-color:var(--clr-brand) }
.blog-card-title a { color:var(--clr-text) }
.nav-dropdown-col { flex:1;min-width:130px }
.nav { background:#0066cc;border-bottom:2px solid rgba(255,255,255,.2);box-shadow:0 2px 12px rgba(0,0,0,.15);position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top,0) }
.trust-card h3 { font-size:.95rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2) }
.text-error { color:var(--clr-error) }
.how-it-works p { font-size:1.1rem;line-height:1.85;color:var(--clr-text-secondary);margin-bottom:var(--space-3) }
.compress-controls .btn-compress { padding:6px 16px;font-size:.82rem }
.compress-panel { max-width:780px;zoom:1;margin:0 auto;text-align:left;background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg) }
.btn-download:hover { filter:brightness(1.1);transform:translateY(-1px) }
.text-center { text-align:center }
.panel-btn-clear { background:var(--clr-error-bg);color:var(--clr-error) }
.footer-bottom-links { display:flex;flex-wrap:wrap;gap:var(--space-4) }
.nav-dropdown { position:relative }
.dropzone-thumb-remove { position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--clr-border);background:var(--clr-bg-card);color:var(--clr-text);cursor:pointer;font-size:12px;line-height:20px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast) }
.how-it-works .section-title { font-size:1.7rem;margin-bottom:var(--space-3) }
.compress-tab.active { background:var(--clr-bg-card);color:var(--clr-brand);position:relative;top:1px }
.footer-bottom-links a:hover { color:var(--clr-brand) }
.faq-question { padding:var(--space-4) var(--space-6);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:background var(--transition-fast) }
.article-body img { max-width:100%;height:auto;border-radius:var(--radius-lg) }
.dropzone-filled { border-style:solid!important;padding:var(--space-6)!important;background:var(--clr-bg-card)!important }
.cta-section { text-align:center;padding:var(--space-12) var(--space-4) }
.blog-card-title a:hover { color:var(--clr-brand) }
@media(max-width:480px) { .hero h1{font-size:1.3rem} .hero .subtitle{font-size:.85rem} .footer-grid{grid-template-columns:1fr;gap:var(--space-6)} .dropzone-thumb-item{width:120px} .dropzone-thumb-img{width:120px;height:120px} .result-item{flex-wrap:wrap} .btn-download{width:100%;text-align:center;padding:10px} .browse-btn{padding:10px 20px;font-size:.85rem} .btn-compress{padding:10px 24px;font-size:.9rem} .related-articles ul{grid-template-columns:1fr} .article-body h2{border-left-width:3px;padding-left:10px} .article-header h1{font-size:1.3rem} }
.cta-section h2 { font-size:1.4rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-3) }
img { max-width:100%;height:auto }
.tool-card { display:block;padding:var(--space-5);background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);color:var(--clr-text) }
.btn-compress:disabled { opacity:.5;cursor:not-allowed;transform:none }
.faq-answer { padding:0 var(--space-6) var(--space-4);color:var(--clr-text-secondary);font-size:.9rem;line-height:1.7;display:none }
a.compress-tab:hover { color:var(--clr-brand) }
.hero h1 { font-size:2.4rem;font-weight:var(--font-weight-bold);color:var(--clr-text);line-height:1.35;margin-bottom:var(--space-4);max-width:720px;margin-left:auto;margin-right:auto }
.compress-controls .control-group { max-width:100%;min-width:0 }
.ed-ctrl label { font-weight:var(--font-weight-medium) }
.result-item:hover { box-shadow:var(--shadow-sm) }
.lang-toggle:hover { background:rgba(255,255,255,.2) }
.compress-panel .results-area { max-width:none;margin:2px 0 0;box-shadow:none;background:var(--clr-bg-alt) }
.trust-card p { font-size:.85rem;color:var(--clr-text-secondary);line-height:1.65 }
.result-item { display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--clr-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2);background:var(--clr-bg);transition:box-shadow var(--transition-fast) }
button { cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent }
.breadcrumbs>span { color:var(--clr-text);font-weight:var(--font-weight-medium) }
.control-group select,.control-group input { padding:8px 12px;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-bg);font-size:.88rem;color:var(--clr-text) }
.dropzone-thumb-item { position:relative;width:140px;text-align:center }
.step { text-align:center;padding:var(--space-6);position:relative }
.panel-actions-bottom { margin-top:2px }
.result-stats { font-size:.82rem;color:var(--clr-text-secondary);margin-top:2px;display:flex;gap:var(--space-2);align-items:center }
.hero-compact h1 { font-size:1rem;margin-bottom:var(--space-2);line-height:1.3 }
.dropzone-add-more { margin-top:16px;text-align:center }
.tool-card p { font-size:.82rem;color:var(--clr-text-secondary);margin:0 }
.compress-controls select,.compress-controls input { padding:4px 8px;font-size:.76rem }
.step p { font-size:.85rem;color:var(--clr-text-secondary) }
.compress-panel .compress-controls .control-group label { font-size:.72rem }
.ed-btn:hover { transform:translateY(-1px) }
.cta-section p { color:var(--clr-text-secondary);margin-bottom:var(--space-6) }
.lang-menu { display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:#fff;border:1px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;z-index:200;overflow:auto;max-height:70vh }
.compress-controls input[type=range] { width:70px }
.panel-btn { display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:.78rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);line-height:1.2 }
.footer-bottom { display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);margin-top:var(--space-8);border-top:1px solid var(--clr-border);font-size:.8rem;color:var(--clr-text-muted) }
.nav-links>a,.nav-dropdown-toggle { display:flex;align-items:center;gap:3px;height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:0.95rem;color:#fff;white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;font-weight:var(--font-weight-medium) }
.hero { text-align:center;padding:var(--space-20) var(--space-6) var(--space-12);background:var(--clr-bg) }
.lang-caret { opacity:.7;transition:transform .15s }
.lang-dropdown.open .lang-caret { transform:rotate(180deg) }
.lang-option:hover { background:var(--clr-brand-soft);color:var(--clr-brand) }
.hero:has(.dropzone) h1 { font-size:1.15rem;margin-bottom:var(--space-3) }
.compress-panel .dz-main-hint { font-size:.92rem;color:var(--clr-text-secondary);margin:0 0 4px }
.dropzone-thumb-img img { width:100%;height:100%;object-fit:cover }
.control-group label { font-size:.88rem;font-weight:var(--font-weight-medium);color:var(--clr-text-secondary);white-space:nowrap }
.ed-btn { padding:9px 20px;background:var(--clr-bg-input);color:var(--clr-text);border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:.95rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap }
.control-group { display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto }
.nav-dropdown-menu { display:none;visibility:hidden;opacity:0;pointer-events:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:180px;background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:200 }
.nav-dropdown-wide { min-width:460px;gap:var(--space-2) }
.dropzone-thumb-size { font-size:.68rem;color:var(--clr-text-muted) }
.faq-question:hover { background:var(--clr-bg-hover) }
.compress-controls .control-group label { font-size:.75rem }
.compress-tab { display:inline-block;padding:6px 16px;font-size:.78rem;font-weight:var(--font-weight-semibold);color:var(--clr-text-muted);background:var(--clr-bg-alt);border:1px solid var(--clr-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;text-decoration:none;transition:color var(--transition-fast) }
*,*::before,*::after { box-sizing:border-box;margin:0;padding:0 }
.how-it-works .section { padding:var(--space-5) 0 }
.panel-btn svg { width:13px;height:13px }
.breadcrumbs a:hover { color:var(--clr-brand) }
.compress-panel-body { border-top:1px solid var(--clr-border);padding:3px var(--space-3);text-align:center }
.text-success { color:var(--clr-success) }
.results-area { margin-top:var(--space-6);padding:var(--space-6);background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);max-width:680px;margin-left:auto;margin-right:auto }
.nav-dropdown-col strong { display:block;padding:8px 14px 4px;font-size:0.75rem;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em }
.control-group input[type=range] { accent-color:var(--clr-brand);width:100px }
.text-muted { color:var(--clr-text-muted) }
.compress-panel .dz-sub-hint { font-size:.72rem;color:var(--clr-text-muted);opacity:.85;margin:0 }
.nav-dropdown-menu a:hover { background:var(--clr-brand-soft);color:var(--clr-brand) }
.results-area h3 { font-size:1.05rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--clr-border) }
.section-title { font-size:1.5rem;font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-8) }
.faq-item.open .faq-question:after { content:'−' }
.compress-panel .dropzone:hover,.compress-panel .dropzone.drag-over { transform:none;background:var(--clr-brand-soft) }
.compress-panel-foot { margin:1px 0 0;font-size:.66rem;color:var(--clr-text-muted) }
.cards-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:var(--space-4) }
.btn-compress svg { width:16px;height:16px }
.btn-compress:hover { background:var(--clr-brand-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,132,233,.4) }
.lang-dropdown { position:relative;flex-shrink:0 }
.container { max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6) }
.trust-cards { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--space-4) }
.footer { background:var(--clr-bg-alt);border-top:1px solid var(--clr-border);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-16) }
.nav-mobile-toggle { display:none;background:none;border:none;cursor:pointer;padding:12px;color:#fff }
@media (max-width:1024px) { .nav .container{flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:8px} .nav-mobile-toggle{display:block;min-width:44px;min-height:40px} .nav-links{display:none;flex:0 0 100%;width:100%;max-width:100%;min-width:0;flex-direction:column;padding:8px 0;order:10;justify-content:flex-start} .nav-links.open{display:flex;max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);overflow-y:auto;-webkit-overflow-scrolling:touch} .nav-links>a,.nav-dropdown-toggle{width:100%;justify-content:flex-start} .nav-dropdown-menu{position:static;box-shadow:none;transform:none;left:auto;visibility:hidden;opacity:0} .nav-dropdown.open .nav-dropdown-menu{visibility:visible;opacity:1} .nav-dropdown-wide{flex-direction:column;min-width:auto} .nav-right{margin-left:auto} .lang-dropdown{margin-left:auto} .lang-toggle{height:40px;justify-content:center} }
.ed-ctrl { display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--clr-text-secondary) }
.nav .container { display:flex;align-items:center;height:56px;gap:var(--space-4) }
.footer-col ul { list-style:none }
.tool-card-icon svg { width:18px;height:18px;stroke:var(--clr-brand) }
.panel-btn-save { background:var(--clr-success);color:#fff;box-shadow:0 2px 8px rgba(22,163,74,.22) }
.compress-panel-tabs { display:flex;align-items:flex-end;gap:3px;padding:0 var(--space-3) }
.compress-panel .compress-controls { background:var(--clr-bg-alt);border:none;box-shadow:none;max-width:100%;margin:2px 0 0;padding:2px 8px;flex-wrap:wrap;gap:var(--space-2) var(--space-3);border-radius:var(--radius-md) }
.panel-btn-choose { background:var(--clr-brand);color:#fff;box-shadow:0 2px 8px rgba(0,132,233,.22) }
.nav-dropdown-menu a { display:block;padding:8px 14px;border-radius:var(--radius-md);font-size:0.85rem;color:var(--clr-text-secondary);white-space:nowrap }
.nav-brand:hover { color:#fff;opacity:.85 }
.compress-panel-actions { display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap }
.nav-dropdown.open .nav-dropdown-menu { display:block;visibility:visible;opacity:1;pointer-events:auto }
.nav-dropdown.open .nav-dropdown-wide { display:flex }
.lang-dropdown.open .lang-menu { display:block }
.footer-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--space-8) }
.dropzone:hover,.dropzone.drag-over { border-color:var(--clr-brand);background:var(--clr-brand-soft);box-shadow:var(--shadow-lg);transform:translateY(-2px) }
.nav-links>a.active,.nav-dropdown-toggle.active { color:#fff;font-weight:var(--font-weight-bold);background:rgba(255,255,255,.15) }
.tool-card-icon { width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--clr-brand-soft);border-radius:var(--radius-md);flex-shrink:0 }
.trust-card:hover { transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--clr-brand) }
.panel-btn-save:disabled { opacity:.45;cursor:not-allowed;box-shadow:none }
.tool-card:hover { transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--clr-brand);color:var(--clr-text) }
.result-saving { font-weight:var(--font-weight-bold) }
.compress-panel .compress-controls input[type=text] { width:82px }
.trust-card { background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm) }
.toast.show { opacity:1 }
.footer-col a { font-size:.85rem;color:var(--clr-text-secondary);padding:4px 0;display:inline-block }
.ed-ctrl select { padding:6px 10px;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-bg-input);color:var(--clr-text) }
.breadcrumbs { display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);max-width:1280px;margin:0 auto;font-size:.85rem;color:var(--clr-text-secondary);flex-wrap:wrap }
.compress-panel .dropzone { max-width:none;margin:4px 0 0;padding:var(--space-8) var(--space-4);background:transparent;box-shadow:none;border-radius:var(--radius-md) }
.cta-btn { display:inline-block;background:var(--clr-brand);color:#fff;padding:12px 32px;border-radius:var(--radius-full);font-size:1rem;font-weight:var(--font-weight-semibold);text-decoration:none;transition:background var(--transition-fast) }
@media (max-width: 768px) { .lang-dropdown{margin-left:auto}.lang-toggle{height:40px;justify-content:center} }
.step h3 { font-size:1.05rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2) }
.btn-compress { padding:10px 32px;background:var(--clr-brand);color:#fff;border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:0 4px 14px rgba(0,132,233,.3);display:inline-flex;align-items:center;gap:8px }
.progress-fill { height:100%;background:var(--clr-brand);border-radius:var(--radius-full);transition:width var(--transition-base);width:0 }
.step:before { counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--clr-brand);color:#fff;font-size:1.1rem;font-weight:var(--font-weight-bold);margin:0 auto var(--space-4);box-shadow:0 4px 14px rgba(0,132,233,.3) }
.compress-panel .btn-compress { border-radius:var(--radius-md);padding:6px 14px;font-size:.8rem }
.hero-compact { padding:var(--space-3) var(--space-6) var(--space-3) }
.breadcrumbs .bc-sep { margin:0 var(--space-1);opacity:.4;user-select:none }
.nav-brand { display:flex;align-items:center;gap:var(--space-2);font-size:1.15rem;font-weight:var(--font-weight-bold);color:#fff;flex-shrink:0 }
.hero-compact .subtitle { font-size:.78rem;margin:0 auto var(--space-2);line-height:1.5;max-width:560px }
.browse-btn:hover { background:var(--clr-brand-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,132,233,.4) }
/* RTL 镜像（第 21 轮补）:compress-panel 文字对齐 / 缩略图删除钮 / 移动端 h2 内边距 */
[dir="rtl"] .compress-panel{text-align:right}
[dir="rtl"] .dropzone-thumb-remove{right:auto;left:-6px}
@media(max-width:480px){[dir="rtl"] .article-body h2{padding-left:0;padding-right:10px}}
/* RTL 镜像（第 24 轮补）:① .lang-menu 锚定按钮左缘内展——原 right:0 在 RTL 下菜单相对按钮左移外展，且 ≤768 行内按钮居左时菜单开在右侧与按钮错位（真机实测 button L=16-124 vs menu L=199-359）② ≤1024 .lang-dropdown 推至最左——margin-left:auto 在 RTL flex 行推向 start(右)侧，与镜像期望相反 ③ ≤768 .nav-mobile-toggle 推至最左（同因） */
[dir="rtl"] .lang-menu{right:auto;left:0}
@media(max-width:1024px){[dir="rtl"] .lang-dropdown{margin-left:0;margin-right:auto}}
@media(max-width:768px){[dir="rtl"] .nav-mobile-toggle{margin-left:0;margin-right:auto}}
/* R26 补：显式声明本站仅浅色。防止 Chrome 自动深色模式（chrome://flags/#enable-force-dark，
   部分渠道默认开启的实验性 UA 行为）强制反色——无色声明时 UA 会把白底反成深底但正文深色文字
   不变，导致全文不可读。本站无深色设计，显式 light 是最稳的兜底。 */
:root{color-scheme:light}
/* R26 补：SEO 集群内链（.result-table li a）触控目标 padding——原 21px 高低于 WCAG 2.5.8 的 24px 最低标准；
   inline-block 让垂直 padding 计入布局与点击区。footer-col a 同因补 padding:4px 0（19→27px）。 */
.result-table li a{padding:3px 0;display:inline-block}
html{scroll-padding-top:58px}
@media(max-width:768px){html{scroll-padding-top:125px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* 移动端防横向溢出(2026-10-29) */
@media (max-width: 768px){
  table{table-layout:fixed!important;width:100%!important}
  table th,table td{overflow-wrap:anywhere!important;word-break:break-word!important}
  .legal-content,.legal-content li,.legal-content p,.legal-content a{overflow-wrap:anywhere!important;word-break:break-word!important}
}