
/* Explicit inactive states, accessible viewing controls and consistent brand. */
.case-brand img{width:42px;height:42px;flex:none}.case-nav{height:auto;min-height:76px;padding:12px 0}.case-nav .wrap{gap:18px;flex-wrap:wrap}
.case-language{margin-left:auto}.case-language select{max-width:125px;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.language-note{font-size:10px;color:#627069;margin-left:3px}.compare-card img{image-rendering:auto}.compare-card img.raw-grid{image-rendering:pixelated}
.view-controls{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.view-controls button{padding:10px 14px;border:1px solid #b7c6ba;background:#fffefa;border-radius:10px;color:#1f6252;font:inherit;cursor:pointer}
.view-controls button[aria-pressed=true]{background:#1f6252;color:white}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #dc6b4d;outline-offset:3px}
.case-disclosure{padding:18px;background:#e8efe7;border-radius:12px;color:#46544b}
.v11-setting-grid{grid-template-columns:1fr!important}.v11-setting-grid select{width:100%;min-width:0}
.v11-strength[data-active=false]{opacity:.72}.v11-strength output{font-size:12px}
@media(max-width:580px){.case-nav .nav-cta{padding:10px}.case-brand small{font-size:8px}.case-nav .wrap{gap:8px}.case-brand{gap:5px}.case-brand img{width:34px;height:34px}.case-language select{max-width:110px}.case-nav .nav-cta{font-size:11px}.case-nav .case-language{margin-left:auto}}

.compare-card img{height:auto}.compare-card img,.compare-card canvas{aspect-ratio:1}.case-disclosure{line-height:1.8}

html[lang="zh-CN"] body{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif}html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] h3{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;letter-spacing:-.025em;line-height:1.25}

.case-hero h1,.case-intro h1{overflow-wrap:anywhere;hyphens:auto}.case-nav .wrap>*{min-width:0}html[lang^="zh"] body{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif}html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;line-height:1.3}.quality-presets button{min-height:48px}.controls select,.controls button{font-family:inherit}.dropzone:focus-visible{outline:3px solid #dc6b4d;outline-offset:3px}@media(max-width:360px){.case-hero h1{font-size:36px}.case-nav nav{gap:10px}.case-nav .wrap{gap:8px}}
