*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);padding:10px 17px;background:var(--accent);color:var(--btn);border-radius:var(--r);text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(.9);color:var(--btn)}input,select,textarea{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:10px;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{border-bottom:1px solid var(--line);padding:20px 5vw;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{font-size:21px;font-weight:800;text-decoration:none;letter-spacing:1px}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}main{max-width:1280px;padding:36px 38px 70px;margin:auto;min-height:70vh}h1{font-size:clamp(28px,3.9vw,56px);line-height:1.25;max-width:1000px;margin:24px 0}h2{font-size:27px;line-height:1.4;margin:32px 0 18px}h3{font-size:20px;line-height:1.5;margin:10px 0}p{margin:12px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.lede{font-size:19px;max-width:770px;color:var(--muted)}.toolbar{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:25px 0;padding:18px 0;border-block:1px solid var(--line)}label{display:grid;gap:5px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.item{min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:var(--r);overflow:hidden}.item .copy{padding:20px}.item img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.meta{font-size:13px;color:var(--muted)}.tag{display:inline-block;font-size:12px;border:1px solid var(--line);padding:2px 9px;margin-right:7px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.actions a{font-size:14px}.empty{padding:30px;border:1px dashed var(--line)}.hidden,[hidden]{display:none!important}.hero{padding:30px 0 40px}.feature{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.feature img{width:100%;border-radius:var(--r)}.prose{max-width:790px;font-size:18px;line-height:2.05}.prose p{margin:22px 0}.prose h2{line-height:1.4}.detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:42px}.detail img{width:100%}.aside{padding:24px;background:var(--panel);border:1px solid var(--line);align-self:start}.row{display:grid;grid-template-columns:80px 1fr 120px;gap:22px;padding:21px 0;border-bottom:1px solid var(--line);align-items:center}.row img{width:80px;aspect-ratio:1;object-fit:cover}.pill{font-size:13px}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collection{border-top:4px solid var(--accent);background:var(--panel);padding:24px;text-decoration:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:10px 22px;z-index:50;background:var(--ink);color:var(--bg);border:1px solid var(--line);max-width:90vw}footer{padding:30px 5vw;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer p{max-width:1000px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:5px;background:var(--panel);z-index:99}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid var(--line);padding:14px}details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-weight:700}.swatches{display:flex;height:75px}.swatches span{flex:1}.reading-tools{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.scene{padding:28px;border-left:4px solid var(--accent);background:var(--panel);margin:20px 0}.choice{display:flex;gap:15px;flex-wrap:wrap}.case-image{width:100%;max-height:450px;object-fit:cover}.range{width:100%}.beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:18px}.beforeafter img{width:100%}.result{padding:12px;border:1px solid var(--line)}.stat{font-size:36px;font-weight:800}.save{background:transparent;color:var(--ink)}.save[aria-pressed=true]{background:var(--accent);color:var(--btn)}.item[hidden]{display:none}.notice{padding:15px;border-left:3px solid var(--accent);font-size:14px}.wide{max-width:100%}@media(max-width:760px){header{padding:16px 20px;display:block}nav{gap:10px 20px;margin-top:15px}main{padding:22px 20px 50px}.grid,.collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.feature,.detail{grid-template-columns:1fr;gap:23px}.toolbar{gap:12px}.toolbar label{flex:1;min-width:125px}.row{grid-template-columns:60px 1fr;gap:14px}.row img{width:60px}.row>.actions{grid-column:2}.item .copy{padding:15px}h1{overflow-wrap:anywhere}.beforeafter{grid-template-columns:1fr}table{font-size:13px}td,th{padding:8px}.prose{font-size:17px}.aside{padding:18px}}@media(max-width:440px){.grid,.collections{grid-template-columns:1fr}.feature{display:flex;flex-direction:column-reverse}.hero{padding:8px 0 20px}.brand{font-size:19px}h1{font-size:29px}nav a{font-size:13px}button,.button{min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}:root{--bg:#fff;--ink:#17383f;--panel:#f0faf9;--accent:#087f80;--muted:#536f75;--line:#cce4e4;--r:24px;--btn:#fff}.directory header{border:0;background:#def5f0}.directory .hero{background:#def5f0;border-radius:0 0 60px 0;padding:35px}.directory h1{font-size:43px;max-width:800px}.directory .row{grid-template-columns:120px 1fr 180px;border:1px solid var(--line);border-radius:22px;margin:16px 0;padding:20px}.directory .row img{width:120px;aspect-ratio:16/10;border-radius:12px}.directory .collection{border:1px solid var(--line);border-radius:20px}.directory .tag{border-radius:20px}@media(max-width:760px){.directory .row{grid-template-columns:75px 1fr;padding:15px}.directory .row img{width:75px}.directory .hero{padding:22px}.directory h1{font-size:29px}}