:root{color-scheme:dark;--bg:#0a0a0b;--surface:#14141a;--soft:#1c1c25;--text:#eeeeF4;--muted:#aaaabb;--line:#32323c;--accent:#a69bff;--fill:#7765e7;--font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}html[lang=zh-Hans]{color-scheme:light;--bg:#fff;--surface:#f7f7f8;--soft:#eeeef1;--text:#1b2030;--muted:#565d6d;--line:#d9dce3;--accent:#002fa7;--fill:#002fa7;--font:'Noto Sans SC','PingFang SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);font-variant-numeric:tabular-nums}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:10px 16px;color:var(--text);background:var(--surface);cursor:pointer;text-align:center;line-height:1.4;min-height:44px}button:hover,.button:hover{border-color:var(--accent);text-decoration:none}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--soft)}.primary{background:var(--fill);color:#fff;border-color:var(--fill)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(24px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--line);background:var(--bg)}header nav{display:flex;gap:22px;align-items:center;font-size:14px}.brand{font-size:17px;font-weight:700;display:flex;gap:10px;align-items:center;color:var(--text);white-space:nowrap}.brandmark{background:var(--fill);color:#fff;font-weight:800;border-radius:6px;width:30px;text-align:center}.language{border:1px solid var(--line);padding:4px 10px;border-radius:5px}main{max-width:1220px;margin:auto;padding:0 26px}section{margin:52px 0;scroll-margin-top:20px}h1,h2,h3{line-height:1.22;letter-spacing:-.025em}h1{font-size:clamp(34px,4vw,58px);margin:16px 0 24px;max-width:780px}h2{font-size:29px;margin:0 0 16px}h3{font-size:20px}p{max-width:76ch;margin:12px 0}label{display:block;font-size:14px}input:not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:6px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:11px 12px}textarea{resize:vertical}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:58px;align-items:center;margin:65px 0 46px}.kicker{font-size:15px;font-weight:600;color:var(--accent)}.intro{font-size:19px;color:var(--muted)}.quiet,.meta{font-size:13px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 15px}.featured{display:block;color:var(--text)}.featured>span{display:block;font-size:14px;padding:15px 0}.cover{padding:20px;background:#24233f;color:#fff;aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:9px 9px 0 0}.cover.automation{background:#183b4c}.cover.commerce{background:#454037}.cover.design{background:#3d2949}.cover.large{border-radius:12px;aspect-ratio:16/10}.cover strong{font-size:21px;line-height:1.35;max-width:24ch}.cover.large strong{font-size:clamp(24px,2.8vw,35px)}.source-label{font-size:12px;color:#d6d6ed}.cover-diagram{display:flex;align-items:center;gap:7px;margin:20px 0;font-size:11px;color:#e0e0ed}.cover-diagram span{border:1px solid #7d7b93;border-radius:5px;padding:8px}.cover-diagram i{display:block;height:1px;flex:1;background:#7d7b93;position:relative}.cover-diagram i:after{content:'';width:5px;height:5px;transform:rotate(45deg);border-top:1px solid #7d7b93;border-right:1px solid #7d7b93;position:absolute;right:0;top:-2px}.cover-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:22px;color:#ddddea}.cover-bottom b{display:inline-grid;place-items:center;background:#ffffff19;width:36px;height:30px;border-radius:6px}.how{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:35px}.how p{font-size:14px;color:var(--muted);margin:6px 0}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.section-heading p{color:var(--muted)}.filters{display:flex;gap:15px;align-items:end;background:var(--surface);padding:20px;border-radius:10px}.filters .search{flex:1}.filters label{min-width:145px}.filters button{margin-bottom:0}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.case-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.cover-link{display:block}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card-body h3{margin:5px 0 10px}.card-body h3 a{color:var(--text)}.card-body p{font-size:14px;color:var(--muted)}.card-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:auto;padding-top:18px;font-size:14px}.quiet-button{padding:7px 11px;background:transparent}.notebook,.membership{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:var(--surface);padding:32px;border-radius:12px}.notebook form{display:flex;gap:12px;align-items:end}.notebook form label{flex:1}.notebook form button{white-space:nowrap}.private-video{padding:15px 0;border-bottom:1px solid var(--line)}.private-video a{overflow-wrap:anywhere;font-size:14px}.private-video .actions{margin:12px 0}.private-video iframe{width:100%;height:420px;border:0}.membership{align-items:center;border-top:3px solid var(--accent);background:transparent;padding:30px 0;border-radius:0}.breadcrumbs{font-size:14px;color:var(--muted);padding-top:25px}.case-hero{display:grid;grid-template-columns:1.65fr 1fr;gap:55px;align-items:start;margin:36px 0}.case-hero h1{font-size:clamp(30px,3.6vw,46px)}.evidence{padding:24px;border-left:3px solid var(--accent);background:var(--surface)}.evidence h2{font-size:19px}.evidence p,.updated{font-size:13px;color:var(--muted)}.case-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:45px}.case-layout section{margin:12px 0}.player-placeholder{position:relative}.player-placeholder>.load-video{display:block;position:relative;margin:14px auto 0}.watch iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px}.watch .tiktok-frame{aspect-ratio:9/16;max-height:650px}.brief dl{margin:0}.brief dt{font-size:14px;color:var(--accent);font-weight:700;margin-top:15px}.brief dd{margin:3px 0 0;font-size:15px}.delivery{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;border-block:1px solid var(--line);padding:32px 0}.delivery ol{padding-left:24px}.delivery li{padding:9px 0}.delivery aside{background:var(--surface);padding:20px;border-radius:8px}.planner-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px}.project-fields>label{margin-bottom:18px}.cost-panel{background:var(--surface);padding:26px;border-radius:10px}.cost-panel h3{margin-top:0}.number-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.checklist{border:1px solid var(--line);border-radius:8px;padding:18px;margin-top:25px}.checklist label{display:flex;gap:10px;margin:12px 0;align-items:flex-start}.checklist input{margin-top:6px;width:18px;height:18px;flex:none}.checklist output{display:block;font-size:14px;color:var(--accent)}#quote-result{border-top:1px solid var(--line);padding-top:18px}#quote-result dl{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:15px}#quote-result dd{margin:0;font-weight:700}.result-main{font-size:32px;letter-spacing:-.03em}.negative{color:#e05555}html[lang=zh-Hans] .negative{color:#c8102e}.import-label{position:relative;overflow:hidden}.import-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;margin:0}summary{cursor:pointer;padding:14px 0}.embed-code{display:block;padding:16px;overflow-wrap:anywhere;white-space:normal;background:var(--surface);font-size:12px;margin-bottom:12px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.related-grid a{display:block;padding:24px;border:1px solid var(--line);border-radius:9px}.related-grid b,.related-grid span{display:block}.related-grid span{font-size:14px;color:var(--muted);margin-top:10px}.policy{max-width:780px}.policy h2{margin-top:35px}.policy p,.policy li{color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1220px;margin:70px auto 0;padding:28px 26px;font-size:14px}footer nav{display:flex;flex-wrap:wrap;gap:20px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:var(--bg);padding:10px;z-index:20}#status:empty{display:none}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;padding:13px 22px;border:1px solid var(--accent);background:var(--bg);box-shadow:0 3px 20px #0003;z-index:100;border-radius:8px}[hidden]{display:none!important}.embed header,.embed footer,.embed main>*:not(#project){display:none}.embed main{max-width:1000px}.embed #project{margin-top:22px}.embed-brand{font-size:13px;margin:10px 0}.embed #project>details{display:none}@media(max-width:950px){.hero{gap:30px}.case-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.filters .search{flex-basis:100%}.case-hero{gap:25px}.notebook,.membership{gap:25px}.notebook form{display:block}.notebook form button{margin-top:12px}}@media(max-width:650px){header{padding:15px 18px;display:block}header nav{margin-top:14px;gap:17px;flex-wrap:wrap;font-size:13px}main{padding:0 18px}.hero,.case-hero,.case-layout,.delivery,.planner-grid,.notebook,.membership{grid-template-columns:1fr;gap:24px}.hero{margin-top:32px}.hero h1{font-size:36px}.hero .featured{max-width:520px}.hero .intro{font-size:17px}.case-grid{grid-template-columns:1fr}.cover{aspect-ratio:16/9}.how{gap:15px}.how b{font-size:14px}.how p{font-size:12px}.filters{padding:15px;gap:12px}.filters label{min-width:0;flex:1}.filters button{flex-basis:100%}.section-heading{display:block}.section-heading>a,.section-heading>button{margin-top:10px}.notebook{padding:22px}.related-grid{grid-template-columns:1fr}.cost-panel{padding:20px}.case-hero h1{font-size:34px}section{margin:38px 0}h2{font-size:25px}.actions>*{flex-grow:1}.cover.large strong{font-size:27px}.evidence{padding:18px}.watch iframe{min-height:200px}.number-grid{gap:12px}.result-main{font-size:29px}.embed .planner-grid{display:block}.embed .cost-panel{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,footer,.actions,.watch,.related,#status,#project>details{display:none}body{background:white;color:black}.planner-grid,.case-hero,.delivery{display:block}input,textarea,select{color:black;background:white}.cost-panel,.evidence{background:white}.case-card{break-inside:avoid}}