@charset "UTF-8";
:root{--navy:#142d52;--blue:#356eea;--paper:#f3f6fa;--white:#fff;--ink:#172b43;--muted:#586b81;--line:#d8e1ec;--orange:#bd541d;--sans:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;--display:"Bahnschrift","Microsoft YaHei UI",sans-serif;--mono:"Cascadia Code",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.8 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--display);line-height:1.3}h1 em{font-style:normal;color:var(--blue)}.wrap{width:min(1224px,calc(100% - 80px));margin:auto}.skip{position:absolute;left:20px;top:-80px;background:var(--white);padding:10px;z-index:10}.skip:focus{top:8px}.edition{background:var(--navy);color:white;text-align:center;font-size:13px;padding:7px 20px;letter-spacing:.03em}.edition span{opacity:.8;margin-left:25px}.header{display:flex;align-items:center;justify-content:space-between;padding:28px 0}.brand{display:flex;align-items:center;gap:12px}.brand>b{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--navy);font:23px var(--display)}.brand>span{font-weight:700;font-size:18px;line-height:1.3}.brand small{display:block;font:10px/1.8 var(--mono);letter-spacing:.07em;color:var(--muted);margin-top:4px}.header nav{display:flex;gap:32px;font-size:14px}.header nav a:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center;padding:36px 0 62px}.eyebrow{font:13px/1.6 var(--mono),var(--sans);letter-spacing:.1em;color:var(--muted);margin-bottom:22px}.hero h1{font-size:clamp(38px,4.8vw,67px);letter-spacing:-.04em;line-height:1.23;margin-bottom:25px}.intro{max-width:510px;color:var(--muted);font-size:18px;line-height:1.9}.button{display:inline-flex;align-items:center;gap:38px;background:var(--blue);color:white;padding:13px 23px;border-radius:5px;margin:10px 0 34px;font-weight:700}.button:hover{background:var(--navy)}.interests{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:25px;font-size:12px;color:var(--muted)}.interests strong{display:block;font-size:14px;color:var(--ink);font-weight:500;margin-top:4px}.hero-art{position:relative;margin:0;background:#e8edf2;border-radius:12px;overflow:hidden;box-shadow:0 18px 65px #142d5210}.hero-art>img{width:100%;height:470px;object-fit:cover;object-position:50% 50%}.hero-art figcaption{display:flex;justify-content:space-between;gap:15px;padding:16px 18px;background:var(--white);border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;font-size:12px}.hero-art figcaption a{color:var(--blue)}.chapter-strip{background:var(--paper);border-block:1px solid var(--line)}.chapter-strip>div{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0}.chapter-strip span{font:11px var(--mono);letter-spacing:.09em;color:var(--muted)}.chapter-strip p{margin:0;font-size:15px}.section{padding-top:86px;padding-bottom:86px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-head .eyebrow{margin-bottom:12px}.section-head h2{font-size:39px;margin:0;letter-spacing:-.02em}.section-head>p{max-width:380px;color:var(--muted);font-size:15px;margin:0}.case{border:1px solid var(--line);border-radius:12px;margin-bottom:30px;padding:30px 38px 0;overflow:hidden}.case-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.case-label{font:13px var(--mono),var(--sans);color:var(--muted)}.status{font-size:12px;background:#eaf2ff;color:#2454a5;padding:4px 11px;border-radius:30px}.status.pending{background:#fff0e6;color:#8e411a}.case-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding-bottom:32px}.case h3{font-size:29px;margin-bottom:10px}.case-intro{color:var(--muted);font-size:16px;margin-bottom:24px}.decision{margin:0 0 22px}.decision>div{display:grid;grid-template-columns:70px 1fr;gap:14px;margin-top:15px;font-size:14px}.decision dt{color:var(--muted)}.decision dd{margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid var(--line);padding:3px 10px;border-radius:4px;font-size:12px;color:var(--muted)}details{margin-top:24px;border-top:1px solid var(--line);font-size:14px}summary{cursor:pointer;padding:15px 0;color:var(--blue);font-weight:600}details[open] summary{padding-bottom:8px}.details-body{padding:7px 0 0}.details-body p{margin-bottom:12px}.muted{color:var(--muted)}.recipe-art{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:25px 18px 43px;background:var(--paper);border-radius:8px}.recipe-art img{border-radius:5px;box-shadow:0 9px 20px #142d5215}.recipe-art>a:first-child{transform:translateY(-12px)}.recipe-art>a:nth-child(2){transform:translateY(12px)}.recipe-art>span{position:absolute;bottom:10px;width:100%;text-align:center;font-size:12px;color:var(--muted)}.workflow{margin:0 -38px;padding:20px 38px;background:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.workflow b{font-weight:400;color:#8fa2ba}.portrait-case{padding-bottom:0}.flow-panel{background:var(--navy);color:white;border-radius:8px;padding:28px;align-self:start}.flow-panel>.eyebrow{color:#c1cee0;margin-bottom:18px;font-size:12px}.flow-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flow-tabs button{background:#ffffff08;border:1px solid #6b829f;color:#e6effe;padding:12px;font-size:13px;border-radius:4px}.flow-tabs button[aria-selected=true]{background:#fff;color:var(--navy);border-color:white;font-weight:700}#flow-detail{margin-top:26px;min-height:195px}.panel-kicker{font:12px var(--mono);color:#acc8ff}#flow-detail h4{font-size:22px;margin:13px 0}#flow-detail p{font-size:14px;color:#e0e7f2;margin-bottom:18px}#flow-detail small{font-size:12px;color:#b4c5dd}.prototype-head{display:flex;align-items:baseline;justify-content:space-between;margin:53px 0 20px;gap:20px}.prototype-head h3{font-size:24px;margin:0}.prototype-head p{font-size:13px;color:var(--muted);margin:0}.prototype-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.prototype{border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .2s}.prototype:hover{transform:translateY(-4px)}.prototype>img{width:100%;aspect-ratio:1.75;object-fit:cover}.prototype>div{padding:24px}.prototype h4{font-size:22px;margin:0 0 8px}.prototype h4 span{float:right;color:var(--blue)}.prototype p{font-size:14px;color:var(--muted);margin:0 0 14px}.prototype small{font:12px var(--mono),var(--sans);color:var(--muted)}.image-section{background:var(--paper);border-block:1px solid var(--line)}.gallery-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px;align-items:center}.gallery-top p{margin:0;font-size:12px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.gallery>a{min-width:0}.gallery img{border-radius:5px;border:1px solid var(--line);aspect-ratio:2/3;object-fit:contain;transition:transform .2s;background:#e7e9e9}.gallery a:hover img{transform:translateY(-4px)}.gallery span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.image-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.image-notes p{font-size:14px;color:var(--muted);margin:0}.image-notes b{color:var(--ink);font-size:15px;display:inline-block;margin-bottom:6px}.video-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:35px}.video-grid video{display:block;width:100%;aspect-ratio:16/9;background:#09101b;border-radius:8px}.video-grid>div>p{font-size:12px;color:var(--muted);margin:10px 0}.video-buttons{display:flex;flex-direction:column;gap:10px}.video-buttons button{border:1px solid var(--line);background:white;text-align:left;padding:15px 18px;border-radius:6px;font-size:14px;color:var(--ink);display:grid;grid-template-columns:80px 1fr auto;gap:7px;align-items:center}.video-buttons button>span{font:12px var(--mono);color:var(--muted)}.video-buttons button>small{font-size:12px;color:var(--muted)}.video-buttons button.selected{background:var(--paper);border-color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.video-info>p{margin-top:23px!important;font-size:13px!important}.text-link{font-size:14px;color:var(--blue);display:inline-block;margin-top:9px}.about{background:var(--navy);color:white;padding:62px 0}.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.about .eyebrow{color:#bccbe0}.about h2{font-size:40px;margin-bottom:18px}.about p{color:#d5dfed}.about-grid>div:first-child>p:last-child{font-size:14px;margin:0}.about-grid>div:last-child>p{font-size:16px}.background>div{display:grid;grid-template-columns:90px 1fr;gap:20px;border-top:1px solid #ffffff24;padding:15px 0;font-size:14px}.background b{font-weight:500;color:#fff}.background span{color:#d5dfed}.footer{display:flex;justify-content:space-between;gap:20px;padding:23px 0;font-size:12px;color:var(--muted)}dialog{width:min(960px,calc(100vw - 32px));max-height:94vh;border:0;border-radius:10px;padding:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#071426dc}body.modal-open{overflow:hidden}.dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--white);position:sticky;top:0;z-index:2;gap:15px}.dialog-bar p{margin:0;font-size:14px}.dialog-bar button,.dialog-controls button{border:1px solid var(--line);border-radius:5px;padding:7px 13px;background:var(--white);color:var(--ink);font-size:14px}#gallery-image{max-height:73vh;max-width:100%;width:auto;margin:auto;object-fit:contain}.dialog-controls{padding:14px;display:flex;align-items:center;justify-content:center;gap:20px;background:white;font-size:14px}.dialog-controls a{color:var(--blue)}
@media(min-width:1450px){.hero-art>img{height:510px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:35px}.hero-art>img{height:430px}.hero-art figcaption{display:block}.hero-art figcaption a{display:block}.header nav{gap:20px}.case{padding:25px 25px 0}.case-grid{gap:28px}.workflow{margin:0 -25px;padding:18px 25px}.recipe-art{padding:20px 10px 40px}.section-head h2{font-size:34px}.gallery{gap:12px}.video-buttons button{grid-template-columns:62px 1fr}.video-buttons small{display:none}.flow-panel{padding:22px}.flow-tabs button{padding:10px 5px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.edition{font-size:12px}.edition span{display:none}.header{padding:20px 0;flex-wrap:wrap;gap:20px}.brand small{font-size:9px}.header nav{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;gap:12px}.hero{grid-template-columns:1fr;padding:25px 0 35px;gap:25px}.hero h1{font-size:44px}.hero .eyebrow{font-size:12px;margin-bottom:15px}.intro{font-size:16px}.button{margin-bottom:22px}.interests{gap:22px}.hero-art>img{height:390px;object-position:center 53%}.hero-art figcaption{display:flex;font-size:11px}.chapter-strip>div{padding:17px 0;gap:13px}.chapter-strip span{font-size:9px}.chapter-strip span:last-child{display:none}.chapter-strip p{font-size:13px}.section{padding-top:48px;padding-bottom:48px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:32px}.section-head>p{margin-top:18px;font-size:14px;max-width:none}.case{padding:20px 18px 0;margin-bottom:20px}.case-heading{align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:24px}.case-label{font-size:12px}.status{font-size:11px}.case-grid{grid-template-columns:1fr;gap:24px;padding-bottom:22px}.case h3{font-size:25px}.case-intro{font-size:15px}.decision>div{grid-template-columns:54px 1fr;gap:10px}.recipe-art{padding:28px 18px 45px}.workflow{flex-wrap:wrap;justify-content:center;margin:0 -18px;padding:18px;gap:8px;font-size:12px}.workflow span{white-space:nowrap}.flow-panel{padding:22px}#flow-detail{min-height:170px}.prototype-head{display:block;margin-top:33px}.prototype-head p{margin-top:10px}.prototype-grid{grid-template-columns:1fr;gap:20px}.prototype>div{padding:20px}.gallery-top{display:block}.gallery-top p{margin-top:12px}.gallery{grid-template-columns:repeat(2,1fr);gap:18px 12px}.gallery span{font-size:11px}.image-notes{grid-template-columns:1fr;gap:20px;padding-top:22px;margin-top:26px}.video-grid{grid-template-columns:1fr;gap:15px}.video-buttons button{grid-template-columns:75px 1fr auto}.video-buttons small{display:block}.video-info>p{margin-top:17px!important}.about{padding:42px 0}.about-grid{grid-template-columns:1fr;gap:25px}.about h2{font-size:34px}.background>div{grid-template-columns:72px 1fr;gap:12px}.footer{flex-wrap:wrap;font-size:11px;gap:10px}.footer span:first-child{width:100%}.dialog-controls{gap:10px;flex-wrap:wrap}.dialog-controls button{font-size:13px}.dialog-controls a{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.prototype-actions{display:flex;justify-content:space-between;gap:14px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--blue)}.prototype-actions a:hover{text-decoration:underline;text-underline-offset:4px}.echo-subtitle{font-size:25px;font-weight:500;color:var(--muted)}.echo-award{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:22px;align-self:start}.echo-award .eyebrow{margin-bottom:8px;font-size:12px;color:var(--blue)}.echo-award h3{font-size:25px;margin-bottom:5px}.echo-award>p{font-size:14px;margin-bottom:15px}.echo-award img{border-radius:5px;width:100%;height:auto}.echo-award>a:last-child{font-size:13px}.echo-process{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0;margin-top:10px;border-block:1px solid var(--line)}.echo-process b{display:block;font-size:14px}.echo-process span{font-size:12px;color:var(--muted)}.echo-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.echo-evidence h3{font-size:18px;margin-bottom:10px}.echo-evidence p,.echo-evidence a{font-size:14px;color:var(--muted)}.echo-evidence a{display:block;margin-bottom:8px;color:var(--blue)}.echo-evidence p{margin-bottom:0}.echo-evidence>div:last-child p{font-size:12px;margin-top:15px}
@media(max-width:720px){.echo-subtitle{font-size:20px}.echo-evidence{grid-template-columns:1fr;gap:24px}.echo-process{gap:6px}.echo-process b{font-size:13px}.echo-process span{font-size:11px}.echo-award{padding:20px}.echo-award img{max-height:270px;object-fit:contain;background:#1457bf}.prototype-actions{font-size:12px}}