@font-face{font-family:Montserrat;src:url('../assets/fonts/montserrat-600-latin-v1.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('../assets/fonts/montserrat-700-latin-v1.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--canvas:#f4f7fc;--white:#fff;--ink:#19232e;--muted:#65717f;--blue:#afc7ff;--green:#2f665b;--line:#dbe1e9;--display:Montserrat,'Noto Sans SC','PingFang SC',sans-serif;--body:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--mono:'JetBrains Mono','SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--body);font-size:15px;-webkit-font-smoothing:antialiased;line-height:1.6}
button,a,input{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button:disabled{cursor:default}
button,a{touch-action:manipulation}
button{border:0;background:none}
a:focus-visible,button:focus-visible{outline:3px solid #4574cb;outline-offset:5px}
::selection{background:var(--blue);color:var(--ink)}
img{display:block;max-width:100%;height:auto}
button[hidden],[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
.page-shell{max-width:1600px;margin:0 auto;padding:0 64px}
.mono,.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.065em}
.eyebrow{font-weight:500;line-height:1.5}
.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px 20px;border-radius:8px}
.skip-link:focus{top:15px}
.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.identity{display:flex;align-items:center;gap:15px;font-family:var(--display);font-size:15px;font-weight:600;line-height:1.4}
.identity-cn{font-family:var(--body);display:block;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:.16em;margin-top:3px}
.monogram{position:relative;font-family:var(--display);font-size:35px;font-weight:700;letter-spacing:-5px;line-height:1;padding:0 11px 5px 0}
.monogram>span{position:absolute;right:-1px;top:-7px;font-family:var(--body);font-size:23px;line-height:1;color:#4b6fae;letter-spacing:0}
.site-header nav{display:flex;gap:34px;margin-left:20px;font-size:13px;align-items:center}
.site-header nav a{position:relative;padding:10px 0;transition:color .2s}
.site-header nav a:hover,.site-header nav a[aria-current]{color:#4165a1}
.nav-dot{display:inline-block;width:5px;height:5px;background:#5d8f7a;border-radius:50%;margin:0 0 8px 4px}
.header-contact{border:1px solid #bcc5d0;border-radius:30px;padding:10px 18px;font-size:12px;display:flex;gap:20px;align-items:center;transition:background .2s}
.header-contact:hover{background:var(--white)}
.header-contact span{font-size:20px;line-height:1}
.hero{padding:78px 0 0;display:grid;grid-template-columns:1.65fr 1fr;column-gap:80px}
.hero .eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:28px;font-size:10px;letter-spacing:.09em}
.tiny-orbit{font-size:20px;line-height:1;color:#5374ad}
h1{font-family:var(--display);font-size:clamp(52px,5.3vw,81px);font-weight:600;letter-spacing:-.065em;line-height:1.22;white-space:nowrap}
.hand-underline{position:relative;display:inline-block;z-index:0}
.hand-underline svg{position:absolute;width:103%;height:25px;left:-1%;bottom:-14px;fill:none;stroke:var(--blue);stroke-width:6;stroke-linecap:round;z-index:-1}
.period{color:#6382bd}
.hero-aside{padding-top:71px;max-width:340px;justify-self:end}
.hello{font-size:17px;font-weight:600;display:flex;align-items:center;gap:14px;margin-bottom:15px}
.hello span{font-size:25px;font-weight:400}
.hero-aside>p:not(.hello){font-size:14px;line-height:1.95;color:var(--muted)}
.hero-links{display:flex;gap:29px;margin-top:25px;font-size:12px}
.hero-links a{padding-bottom:5px;border-bottom:1px solid #b9c3d0}
.hero-links a span{margin-left:12px}
.hero-links a:hover{color:#4165a1;border-color:#4165a1}
.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.025em;padding:57px 0 23px;margin-top:24px}
.hero-foot i{font-style:normal;padding:0 10px;color:#a3adba}
.hero-foot .mono{font-size:9px}
.featured{display:grid;grid-template-columns:1.36fr 1fr;border-radius:24px;overflow:hidden;background:var(--white);border:1px solid #e3e8ef;scroll-margin-top:24px}
.feature-visual{position:relative;min-width:0;background:#edeef0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:27px 28px 22px}
.visual-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}
.pill{display:flex;align-items:center;gap:7px;background:#ffffffe8;border:1px solid #e5e7ec;padding:7px 10px;border-radius:20px;font-family:var(--mono);font-size:8px;letter-spacing:.035em;white-space:nowrap}
.status-dot{width:5px;height:5px;background:#39735f;border-radius:50%;display:inline-block;flex:none}
.visual-caption{font-size:10px;color:#77808a}
.cabin-image{position:absolute;inset:48px -44px 126px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cabin-image img{width:122%;max-width:none;mix-blend-mode:multiply;filter:contrast(.99);transition:filter 1.2s}
.stage-marker{position:absolute;left:62%;top:25%;padding:7px 12px;background:#fffdf7eb;border:1px solid #d4d9de;border-radius:10px;font-size:10px;line-height:1.5;box-shadow:0 3px 10px #19232e05;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.stage-marker span{display:block;color:var(--muted);font-size:8px}
.marker-space{top:58%;left:24%}
.feature-visual[data-stage=prepared] .stage-marker,.feature-visual[data-stage=complete] .stage-marker{opacity:1;transform:translateY(0)}
.feature-visual[data-stage=prepared] .cabin-image img,.feature-visual[data-stage=complete] .cabin-image img{filter:contrast(.99) sepia(.13)}
.intent-bubble{margin-top:auto;position:relative;z-index:2;margin-bottom:24px;display:flex;align-items:center;gap:13px;background:#fffffff2;border:1px solid #fff;border-radius:15px;padding:16px 18px;box-shadow:0 6px 30px #15203905}
.intent-symbol{font-size:24px;color:#637fae;line-height:1}
.intent-bubble .mono{font-size:8px;color:#8993a0;letter-spacing:.1em}
.intent-bubble p{font-size:12px;margin-top:2px}
.intent-arrow{margin-left:auto;font-size:22px;color:#8396b7}
.visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;color:#707984;position:relative;z-index:1}
.visual-bottom span:first-child{color:#465464}
.small-cross{padding-right:6px;color:#8899b1;font-size:14px}
.feature-content{padding:33px 36px 25px;min-width:0}
.feature-label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:22px}
.feature-label .eyebrow,.feature-label .mono{font-size:8px}
.feature-content h2{font-family:var(--display);font-size:32px;line-height:1.2;letter-spacing:-.045em;font-weight:600}
.feature-content h2 span{display:block;font-family:var(--body);font-size:21px;letter-spacing:-.025em;font-weight:500;margin-top:10px}
.feature-description{color:var(--muted);font-size:12px;line-height:1.85;margin-top:18px;max-width:330px}
.orchestration{margin:24px 0 12px}
.flow-row{display:flex;align-items:center;gap:11px;position:relative;min-height:53px;font-size:11px}
.flow-row:not(:last-child)::after{content:'';position:absolute;width:1px;height:23px;background:#dbe1e8;left:13px;top:39px}
.flow-point{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f0f3f8;border:1px solid #e4e9ef;border-radius:9px;color:#7c899b;font-size:15px;flex:none;transition:background .25s}
.step-description{display:block;font-size:9px;color:#83909d;margin-top:1px}
.step-state{font-size:9px;color:#8c97a4;margin-left:auto;white-space:nowrap}
.flow-row.done .flow-point{background:#e4f0eb;color:var(--green);border-color:#d3e4dd}
.flow-row.done .step-state{color:var(--green)}
.flow-row.current .flow-point{background:#dfeaff;border-color:#afc7ff;color:#426aa8}
.flow-row.current .step-state{color:#426aa8}
.flow-row.blocked .flow-point{background:#fff0e3;border-color:#e7bea1;color:#985b32}
.flow-row.blocked .step-state{color:#985b32}
.demo-status{font-size:10px;line-height:1.7;min-height:34px;color:var(--muted);margin:8px 0 13px}
.demo-status.warning{color:#93572f}
.demo-actions{display:flex;gap:9px}
.button{min-height:43px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-1px)}
.button-dark{background:var(--ink);color:white}
.button-dark:hover{background:#35475a}
.demo-actions .button{flex:1}
.button-dark:disabled{opacity:.5;transform:none}
.reset-button{width:43px;border:1px solid #dce2eb;border-radius:9px;font-size:23px;line-height:1}
.reset-button:hover{background:var(--canvas)}
.button-confirm{background:#e3eee8;color:var(--green);width:100%;margin-top:8px;border:1px solid #b6cfc4}
.button-confirm:hover{background:#d1e5d9}
.demo-utilities{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
#safety-toggle{display:flex;align-items:center;gap:5px;font-size:9px;color:#6c7b78;padding:2px 0}
#safety-toggle.unsafe{color:#9a5a33}
#safety-toggle.unsafe .status-dot{background:#a7673f}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;padding:3px 0;border-bottom:1px solid transparent}
.text-button:hover{border-bottom-color:currentColor}
.work-section{padding-top:108px;scroll-margin-top:-20px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}
.section-heading .eyebrow{color:var(--muted);margin-bottom:15px}
.section-heading h2{font-size:30px;letter-spacing:-.04em;font-weight:500;line-height:1.45}
.section-heading>p{font-size:12px;color:var(--muted);line-height:1.8;padding-bottom:3px}
.work-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:32px;gap:20px}
.filters{display:flex;gap:7px;flex-wrap:wrap}
.filters button{border-radius:20px;padding:8px 15px;font-size:11px;color:var(--muted);line-height:1.4;border:1px solid transparent;transition:all .2s}
.filters button span{display:inline-block;background:#ffffff21;margin-left:6px;border-radius:50%;font-family:var(--mono);font-size:9px;width:16px;height:16px;line-height:16px}
.filters button:hover{background:#e7edf6;color:var(--ink)}
.filters button.active{background:var(--ink);color:#fff}
.work-counter{font-size:9px;color:#8792a0;white-space:nowrap}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:47px 28px}
.project-card{min-width:0}
.project-link{width:100%;display:block;padding:0;text-align:left}
.project-visual{position:relative;overflow:hidden;background:#e7edf6;aspect-ratio:1.52;border-radius:15px;isolation:isolate}
.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.project-link:hover .project-visual img{transform:scale(1.035)}
.project-open{position:absolute;right:18px;bottom:18px;background:#fffffff0;color:var(--ink);font-size:24px;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 9px #19232e0a;transition:background .2s,transform .2s}
.project-link:hover .project-open{background:var(--blue);transform:rotate(45deg)}
.visual-calendar{background:#e2e9e4}
.visual-calendar img{position:absolute;object-fit:contain;width:85%;height:74%;left:21%;top:32%;transform:rotate(-7deg);mix-blend-mode:multiply}
.project-link:hover .visual-calendar img{transform:rotate(-5deg) scale(1.035)}
.calendar-word{position:absolute;top:27px;left:30px;font-family:var(--display);font-size:35px;letter-spacing:-.045em;font-weight:600;color:#38584b;line-height:1.05;z-index:1}
.visual-podcast img{object-position:center}
.visual-fanta{background:#6b72a4}
.visual-fanta img{object-fit:cover}
.visual-retail{background:#e3edf5}
.visual-retail img{object-fit:contain;width:94%;height:94%;margin:3%;mix-blend-mode:multiply}
.project-info{padding:20px 2px 0}
.project-meta{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:9px}
.project-meta .mono{font-size:8px;color:#7c8898}
.project-info h3{font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1.4}
.project-thesis{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.7}
.project-wide{grid-column:1/-1;background:#e7ecf4;border-radius:16px;overflow:hidden;margin:3px 0}
.project-wide .project-link{display:grid;grid-template-columns:1.45fr 1fr;align-items:center}
.project-wide .project-visual{border-radius:0;aspect-ratio:1.6;background:#131b22}
.project-wide .project-info{padding:32px 38px}
.project-wide .project-meta{display:block;margin-bottom:30px}
.project-wide .project-meta .mono{display:block;margin-top:5px}
.project-wide .project-info h3{font-size:22px}
.project-wide .project-thesis{font-size:17px;color:var(--ink);margin-top:10px;max-width:230px}
.project-summary{font-size:11px;color:var(--muted);line-height:1.9;margin-top:17px;max-width:260px}
.project-cta{display:inline-flex;gap:26px;font-size:11px;margin-top:26px;padding-bottom:5px;border-bottom:1px solid #aebaca}
.portfolio-link{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:45px;padding:26px 2px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}
.portfolio-link strong{font-weight:500;color:var(--ink);margin-left:24px}
.portfolio-link strong span{margin-left:12px}
.portfolio-link>.mono{font-size:9px}
.portfolio-link:hover strong{color:#4165a1}
.about-section{padding:112px 0;display:grid;grid-template-columns:1fr 1fr;gap:110px}
.about-intro>.eyebrow,.approach>.eyebrow{color:var(--muted);margin-bottom:25px}
.about-intro h2{font-size:39px;font-weight:500;letter-spacing:-.045em;line-height:1.45}
.about-intro>p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);max-width:365px;margin-top:23px}
.text-link{font-size:11px;display:inline-flex;gap:24px;border-bottom:1px solid #adb9c9;padding-bottom:5px;margin-top:27px}
.approach{padding-top:7px}
.approach article{display:flex;align-items:start;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.approach article:last-child{border:0}
.approach>.eyebrow{margin-bottom:1px}
.approach-symbol{font-size:28px;font-family:var(--body);line-height:1.1;width:30px;flex:none;color:#637ea8}
.approach h3{font-size:14px;font-weight:500;letter-spacing:-.015em;margin-bottom:7px}
.approach article p{font-size:11px;color:var(--muted);max-width:300px;line-height:1.85}
.contact-section{background:#dce7fa;border-radius:20px;padding:44px 50px 30px;position:relative;overflow:hidden}
.contact-section>.eyebrow{font-size:9px;color:#556c8e}
.contact-section>div:not(.contact-bottom){display:flex;align-items:center;justify-content:space-between;margin-top:25px}
.contact-section h2{font-size:48px;letter-spacing:-.055em;line-height:1.3;font-weight:500}
.contact-section h2>span{color:#758fc1}
.contact-orbit{display:flex;width:98px;height:98px;align-items:center;justify-content:center;border:1px solid #899ebf;border-radius:50%;margin-right:20px;transition:background .25s,transform .25s}
.contact-orbit span{font-size:56px;font-family:Arial,sans-serif;line-height:1;font-weight:300}
.contact-orbit:hover{background:#bcd1f3;transform:rotate(45deg)}
.contact-bottom{display:flex;gap:20px;align-items:center;border-top:1px solid #bdcce3;margin-top:34px;padding-top:23px;font-size:12px}
.contact-bottom>a:first-child{font-family:var(--display);font-size:16px;letter-spacing:-.02em}
.contact-bottom>a:first-child span{margin-left:15px}
.contact-bottom>a:last-child{margin-left:auto;font-size:11px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 32px;color:#7c8796;font-size:9px;font-family:var(--mono)}
.site-footer>a{font-family:var(--body);color:var(--muted)}
.mobile-only{display:none}
/* 原图案例与完整原型各有独立弹层；关闭时卸载 iframe。 */
.modal-open{overflow:hidden}
dialog{border:1px solid #d6deea;background:var(--canvas);color:var(--ink);border-radius:18px;padding:0;max-width:1120px;width:calc(100% - 60px);max-height:calc(100dvh - 60px);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 120px #13213b35}
dialog::backdrop{background:#15223375;backdrop-filter:blur(7px)}
.dialog-top{position:sticky;z-index:5;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f4f7fcf5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:17px 25px}
.dialog-home{font-family:var(--mono);font-size:11px;color:var(--muted)}
.close-dialog{flex:none;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e3;border-radius:50%;width:36px;height:36px;font-size:26px;line-height:1}
.close-dialog:hover{background:#dfe7f3}
.case-intro{padding:50px 60px 30px}
.case-intro>.eyebrow{color:var(--muted);font-family:var(--body);font-size:12px}
.case-intro h2{font-family:var(--display);font-size:48px;letter-spacing:-.055em;margin-top:12px;line-height:1.25}
.case-thesis{font-size:24px;margin-top:15px;letter-spacing:-.025em}
.case-description{font-size:14px;color:var(--muted);margin-top:15px;max-width:650px;line-height:1.9}
.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.case-tags span{font-size:10px;padding:5px 12px;border:1px solid #c8d2e1;border-radius:30px;color:#5d6d83}
.case-context{margin:15px 60px 40px;display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:30px 0;border-block:1px solid var(--line)}
.case-context .eyebrow{color:#71829a;font-size:9px}
.case-context h3{font-size:17px;font-weight:500;margin-top:10px}
.case-context p:last-child{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.9}
.case-gallery{padding:0 30px}
.case-gallery figure{margin:0 0 38px}
.case-gallery img{width:100%;height:auto;border-radius:9px;object-fit:contain;background:#e2e8f1}
.case-gallery figcaption{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);margin:13px 3px 0}
.case-gallery figcaption span{font-size:10px;white-space:nowrap}
.case-footer{padding:0 60px 50px;display:flex;gap:25px;flex-wrap:wrap;align-items:center}
.case-footer p{font-size:11px;color:var(--muted);width:100%}
.case-footer .button{margin-top:0}
#demo-dialog{width:calc(100% - 36px);max-width:1600px;height:calc(100dvh - 36px);max-height:none;overflow:hidden}
#demo-dialog .dialog-top{height:87px}
.dialog-top h2{font-size:15px;font-weight:500}
.dialog-top p{font-size:10px;color:var(--muted);margin-top:4px}
#demo-frame-container{height:calc(100% - 87px);display:flex;flex-direction:column;background:#e9edf2}
.frame-help{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:10px;gap:20px;background:#e1e8f2}
.frame-help>a{white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
#demo-frame-container iframe{width:100%;flex:1;border:0;min-height:0;background:#edeef0}
.demo-empty{margin:auto;text-align:center;max-width:460px;padding:30px}
.demo-empty>span{font-size:55px;color:#6789bd}
.demo-empty h3{font-size:23px;font-weight:500;margin-top:10px}
.demo-empty p{font-size:13px;color:var(--muted);margin:16px 0 24px}
.demo-empty .text-button{display:block;margin:20px auto 0}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:12px 20px;background:var(--ink);color:white;border-radius:10px;box-shadow:0 4px 25px #19232e22;font-size:12px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:30;white-space:normal;text-align:center}
.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(min-width:1500px){.feature-content{padding:45px 50px 34px}.featured{grid-template-columns:1.45fr 1fr}.feature-content h2{font-size:38px}.feature-content h2 span{font-size:24px}.feature-description{font-size:14px;max-width:370px}.flow-row{min-height:58px;font-size:12px}.step-description,.step-state{font-size:10px}.flow-row:not(:last-child)::after{height:28px}.feature-visual{padding:34px}.intent-bubble{padding:22px}.intent-bubble p{font-size:14px}.hero{padding-top:96px}.hero-aside{padding-top:80px}.hero-aside>p:not(.hello){font-size:16px}.hero-foot{padding-top:74px}.calendar-word{font-size:45px}}
@media(max-width:1150px){.page-shell{padding:0 38px}.hero{gap:35px;padding-top:55px}.hero-aside{padding-top:55px}.hero-aside>p:not(.hello){font-size:12px}.hero-links{gap:18px}.hero-foot{padding-top:44px}.featured{grid-template-columns:1.15fr 1fr}.feature-content{padding:28px}.feature-content h2{font-size:29px}.feature-content h2 span{font-size:19px}.feature-visual{padding:23px 20px}.visual-caption{display:none}.cabin-image{inset:55px -60px 135px}.cabin-image img{width:130%}.intent-bubble{padding:13px 11px;gap:8px}.intent-bubble p{font-size:10px}.intent-symbol{font-size:21px}.intent-arrow{display:none}.visual-bottom{font-size:8px}.section-heading h2{font-size:27px}.about-section{gap:60px}.project-wide .project-info{padding:24px}.project-wide .project-meta{margin-bottom:15px}.project-wide .project-info h3{font-size:20px}.project-wide .project-thesis{font-size:15px}.project-meta .mono{display:none}.contact-section h2{font-size:43px}}
@media(max-width:800px){.page-shell{padding:0 26px}.site-header{height:90px;gap:16px}.identity{font-size:13px;gap:11px}.site-header nav{gap:22px;font-size:12px;margin-left:auto}.header-contact{display:none}.hero{grid-template-columns:1fr;gap:0;padding-top:45px}.hero .eyebrow{font-size:9px;margin-bottom:25px}h1{font-size:62px}.hero-aside{justify-self:start;padding-top:38px;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 55px;width:100%}.hello{font-size:14px;margin-bottom:0}.hero-aside>p:not(.hello){grid-row:1/3;grid-column:2;font-size:12px}.hero-links{margin-top:12px;gap:25px;font-size:10px}.hero-foot{padding-top:30px;margin-top:16px}.hero-foot .mono{font-size:7px}.featured{grid-template-columns:1fr 1fr}.feature-content{padding:25px 22px}.feature-content h2{font-size:26px}.feature-content h2 span{font-size:17px}.feature-label .mono{display:none}.feature-description{font-size:11px}.feature-visual{padding:22px 15px}.cabin-image{inset:80px -120px 155px}.cabin-image img{width:120%}.intent-bubble p{font-size:10px}.intent-symbol{display:none}.visual-bottom>span:last-child{display:none}.pill{font-size:6px;padding:6px 7px}.flow-row{gap:7px;font-size:10px}.step-description{font-size:8px}.step-state{font-size:8px}.demo-utilities{gap:6px;flex-wrap:wrap}.demo-utilities .text-button{font-size:10px}.button{font-size:11px}.work-section{padding-top:75px}.section-heading{gap:20px}.section-heading h2{font-size:24px}.section-heading>p{font-size:10px}.project-grid{gap:35px 20px}.calendar-word{font-size:27px;top:20px;left:22px}.project-info{padding-top:16px}.project-info h3{font-size:18px}.project-thesis{font-size:11px}.project-wide .project-link{grid-template-columns:1.25fr 1fr}.project-wide .project-visual{aspect-ratio:.95}.project-wide .project-visual img{object-position:58%}.project-wide .project-info{padding:20px}.project-wide .project-info h3{font-size:19px}.project-wide .project-thesis{font-size:15px}.project-summary{font-size:10px}.about-section{gap:40px;padding:80px 0}.about-intro h2{font-size:30px}.about-intro>p:not(.eyebrow){font-size:11px}.approach article{gap:12px;padding:21px 0}.approach h3{font-size:12px}.approach article p{font-size:10px}.approach-symbol{font-size:24px;width:24px}.contact-section{padding:35px 32px 25px}.contact-section h2{font-size:38px}.contact-orbit{width:80px;height:80px;margin-right:0}.contact-orbit span{font-size:45px}.contact-bottom{gap:15px;flex-wrap:wrap}.contact-bottom>a:first-child{font-size:14px}.contact-bottom>a:last-child{font-size:10px}.site-footer{font-size:8px}.site-footer>span:nth-child(2){display:none}.case-intro{padding:35px}.case-context{margin:10px 35px 30px;gap:30px}.case-intro h2{font-size:36px}.case-thesis{font-size:20px}.case-footer{padding:0 35px 40px}.case-gallery{padding:0 20px}}
@media(max-width:600px){html{scroll-padding-top:25px}.page-shell{padding:0 20px}.site-header{height:84px}.site-header nav{gap:18px;font-size:11px}.site-header nav a:nth-child(2){display:none}.identity{font-size:12px}.identity-cn{font-size:9px}.monogram{font-size:29px}.monogram>span{font-size:19px}.hero{padding-top:34px}.hero .eyebrow{font-size:7px;letter-spacing:.05em;margin-bottom:23px}.tiny-orbit{font-size:16px}h1{font-size:clamp(39px,10.8vw,60px);letter-spacing:-.06em;line-height:1.27}.hand-underline svg{bottom:-9px;height:18px}.hero-aside{display:block;padding-top:33px}.hello{font-size:13px;margin-bottom:9px}.hello span{font-size:20px}.hero-aside>p:not(.hello){font-size:12px;line-height:1.85}.hero-aside>p:not(.hello) br:first-child{display:none}.hero-links{margin-top:18px;gap:28px;font-size:11px}.hero-foot{padding:30px 0 18px;font-size:9px;margin-top:10px}.hero-foot .mono{display:none}.hero-foot i{padding:0 7px}.featured{grid-template-columns:1fr;border-radius:18px}.feature-visual{height:360px;padding:20px}.visual-caption{display:block;font-size:8px}.pill{font-size:6px;padding:6px 8px}.cabin-image{inset:20px -44px 80px}.cabin-image img{width:112%}.intent-bubble{margin-bottom:12px;padding:12px 14px;gap:11px;border-radius:12px}.intent-bubble p{font-size:10px}.intent-symbol{display:block;font-size:19px}.intent-bubble .mono{font-size:7px}.visual-bottom{font-size:8px}.visual-bottom>span:last-child{display:block;font-size:7px}.feature-content{padding:27px 24px 22px}.feature-label{margin-bottom:17px}.feature-label .eyebrow{font-size:8px}.feature-label .mono{display:block}.feature-content h2{font-size:31px}.feature-content h2 span{font-size:20px}.feature-description{font-size:12px;margin-top:15px;max-width:none}.orchestration{margin-top:22px}.flow-row{min-height:54px;font-size:12px;gap:12px}.step-description{font-size:9px}.step-state{font-size:9px}.demo-status{font-size:10px;min-height:34px}.button{font-size:12px;min-height:45px}.demo-utilities{margin-top:17px}.demo-utilities .text-button{font-size:11px}#safety-toggle{font-size:9px}.work-section{padding-top:65px}.section-heading{display:block;margin-bottom:24px}.section-heading .eyebrow{font-size:9px;margin-bottom:12px}.section-heading h2{font-size:24px;max-width:300px;line-height:1.5}.section-heading>p{font-size:11px;margin-top:12px}.section-heading>p br{display:none}.work-toolbar{gap:0;margin-bottom:23px;padding-bottom:15px}.filters{gap:3px;flex-wrap:nowrap;justify-content:space-between;width:100%}.filters button{font-size:10px;padding:7px 10px}.filters button span{font-size:8px;margin-left:4px}.work-counter{display:none}.project-grid{grid-template-columns:1fr;gap:33px}.project-visual{aspect-ratio:1.4;border-radius:13px}.calendar-word{font-size:32px;top:24px;left:25px}.project-info{padding-top:15px}.project-meta{font-size:9px;margin-bottom:7px}.project-meta .mono{display:block;font-size:7px}.project-info h3{font-size:21px}.project-thesis{font-size:12px}.project-wide{margin:0;border-radius:14px}.project-wide .project-link{display:block}.project-wide .project-visual{aspect-ratio:1.5}.project-wide .project-visual img{object-position:center}.project-wide .project-info{padding:22px 23px 25px}.project-wide .project-meta{display:flex;margin-bottom:12px}.project-wide .project-meta .mono{margin:0}.project-wide .project-info h3{font-size:21px}.project-wide .project-thesis{max-width:none;font-size:15px;margin-top:7px}.project-summary{font-size:11px;max-width:none;margin-top:12px}.project-cta{margin-top:20px}.portfolio-link{margin-top:35px;padding:22px 0;font-size:10px}.portfolio-link strong{display:block;margin:7px 0 0;font-size:12px}.portfolio-link>.mono{font-size:8px}.about-section{display:block;padding:66px 0}.about-intro>.eyebrow,.approach>.eyebrow{font-size:9px;margin-bottom:18px}.about-intro h2{font-size:33px}.about-intro>p:not(.eyebrow){font-size:12px;max-width:none;margin-top:19px}.text-link{margin-top:20px;font-size:11px}.approach{margin-top:45px}.approach>.eyebrow{margin-bottom:4px}.approach article{padding:21px 0;gap:19px}.approach h3{font-size:14px}.approach article p{font-size:11px;max-width:none}.approach-symbol{font-size:26px;width:28px}.contact-section{border-radius:16px;padding:28px 24px 24px}.contact-section>.eyebrow{font-size:7px;letter-spacing:.04em}.contact-section h2{font-size:32px}.contact-section>div:not(.contact-bottom){margin-top:22px;gap:14px}.contact-orbit{width:53px;height:53px;flex:none}.contact-orbit span{font-size:30px}.contact-bottom{margin-top:26px;padding-top:20px;gap:14px 20px}.contact-bottom>a:first-child{font-size:12px;width:100%}.contact-bottom>a:first-child span{margin-left:5px}.contact-bottom>a:last-child{margin-left:0}.contact-bottom .text-button{font-size:10px}.site-footer{padding:23px 0;font-size:8px}.site-footer>a{font-size:9px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:13px}.dialog-top{padding:13px 16px;gap:12px}.dialog-home{font-size:9px}.close-dialog{width:34px;height:34px}.case-intro{padding:30px 22px 22px}.case-intro h2{font-size:30px;overflow-wrap:anywhere}.case-thesis{font-size:18px}.case-description{font-size:12px}.case-tags{gap:6px}.case-tags span{font-size:9px}.case-context{display:block;margin:5px 22px 25px;padding:23px 0}.case-context>div+div{margin-top:24px}.case-context h3{font-size:15px}.case-gallery{padding:0 12px}.case-gallery figure{margin-bottom:25px}.case-gallery figcaption{display:block;font-size:10px;margin-top:9px}.case-gallery figcaption span{display:block;font-size:8px;margin-top:3px}.case-footer{padding:0 22px 30px;gap:20px}.case-footer p{font-size:10px}.case-footer .button{font-size:11px}#demo-dialog{width:calc(100% - 12px);height:calc(100dvh - 12px)}#demo-dialog .dialog-top{height:96px}.dialog-top h2{font-size:13px}.dialog-top p{font-size:9px;max-width:250px}#demo-frame-container{height:calc(100% - 96px)}.frame-help{display:block;padding:9px 14px;font-size:9px}.frame-help a{display:inline-block;margin-top:5px}.demo-empty{padding:22px}.demo-empty h3{font-size:20px}.demo-empty p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project-link:hover .project-visual img{transform:none}.project-link:hover .visual-calendar img{transform:rotate(-7deg)}.button:hover,.contact-orbit:hover,.project-link:hover .project-open{transform:none}}
/* 主案例与三个补充项目形成不同层级。 */
.project-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.project-card{grid-column:span 3}
.project-wide{grid-column:1/-1}
.project-small{grid-column:span 2}
.project-small .project-visual{aspect-ratio:1.3}
.project-small .project-info h3{font-size:18px}
.project-small .project-meta .mono{display:none}
.feature-visual{background:#ededef}
.cabin-image img{mix-blend-mode:normal;filter:none}
.visual-calendar img{top:27%;left:14%;height:85%;width:91%}
@media(max-width:800px) and (min-width:601px){.project-small .project-info h3{font-size:14px}.project-small .project-thesis{font-size:10px}.project-small .project-meta{font-size:8px}.project-small .project-visual{aspect-ratio:1}}
@media(max-width:600px){.project-grid{grid-template-columns:minmax(0,1fr)}.project-card,.project-small,.project-wide{grid-column:1}.project-small .project-info h3{font-size:21px}.project-small .project-visual{aspect-ratio:1.4}.project-small .project-meta .mono{display:block}}
.feature-visual{background:#eeeff3}
.visual-nio img{object-position:left center}
#demo-dialog{width:calc(100% - 30px);max-width:720px;height:auto;max-height:calc(100dvh - 30px)}
#demo-frame-container{height:auto;min-height:340px}
@media(max-width:600px){#demo-dialog{width:calc(100% - 20px);height:auto}.project-wide .visual-nio img{object-position:left center}}
@media(max-width:600px){.contact-section>div:not(.contact-bottom){display:block}.contact-orbit{position:absolute;top:22px;right:24px;width:38px;height:38px}.contact-orbit span{font-size:24px}.contact-section>.eyebrow{max-width:calc(100% - 45px)}.site-header nav a{min-height:40px;display:flex;align-items:center}.demo-utilities #safety-toggle,.demo-utilities .text-button{min-height:36px}.filters button{min-height:36px}}

/* Podcast interactive entry remains a separate link from the case-study button. */
.podcast-entry{margin-top:2px;padding:16px 0;border-top:1px solid var(--line,#dce3eb);display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:#365579;text-decoration:none}.podcast-entry>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600}.podcast-entry>span:last-child{font-size:10px;color:#65717f}.podcast-entry-dot{height:6px;width:6px;background:#648abd;border-radius:50%}.podcast-entry:hover{color:#102c50}.podcast-case-demo{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 45px;padding:28px;background:#eaf0f9;border-radius:16px}.podcast-case-demo h3{font-size:25px;margin:10px 0}.podcast-case-demo p:last-child{font-size:13px;color:#65717f;line-height:1.8}.podcast-case-demo .button{flex:none}@media(max-width:620px){.podcast-case-demo{flex-direction:column;align-items:start;padding:22px}.podcast-entry{gap:8px}.podcast-entry>span:last-child{font-size:9px}}