.case-hero{padding:145px var(--page-gutter) 65px}.case-back{border-bottom:1px solid var(--line);padding-bottom:8px;font-size:17px;display:inline-block}.case-introduction{grid-template-columns:1fr 1fr;gap:8%;display:grid}.case-introduction h2{letter-spacing:-.04em;max-width:620px;font-size:40px;line-height:1.4}.case-introduction p{color:var(--body);max-width:650px;font-size:19px;line-height:1.85}.case-meta{border-top:1px solid var(--line);grid-template-columns:1.3fr 1fr 1fr;gap:40px;margin-top:55px;padding-top:25px;display:grid}.case-meta dt{color:var(--muted);margin-bottom:12px;font-size:16px}.case-content{padding:0 var(--page-gutter)}.case-toc{z-index:15;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);scrollbar-width:none;background:#f0f0ecf5;gap:30px;margin-top:35px;padding:24px 0;display:flex;position:sticky;top:0;overflow:auto}.case-toc a{white-space:nowrap;color:var(--muted);border-bottom:2px solid #0000;padding:5px 0;font-size:16px;transition:color .2s}.case-toc a:hover,.case-toc a[aria-current]{color:var(--blue);border-color:var(--blue)}.case-section{border-bottom:1px solid var(--line);padding:110px 0;scroll-margin-top:75px}.section-introduction{grid-template-columns:1fr 1fr;gap:8%;margin-bottom:45px;display:grid}.section-introduction h2{letter-spacing:-.045em;white-space:pre-line;max-width:580px;font-size:40px;line-height:1.4}.section-body p{color:var(--body);font-size:19px;line-height:1.9}.section-body p+p{margin-top:20px}.decision-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin-top:35px;display:grid}.decision-card{background:#e5e6df;border-radius:12px;padding:32px}.decision-card>span{color:var(--muted);margin-bottom:30px;font-size:16px;display:block}.decision-card h3{margin-bottom:14px;font-size:26px;line-height:1.4}.decision-card p{color:var(--body);font-size:17px;line-height:1.8}.loop-strip{counter-reset:step;gap:2px;margin:35px 0;padding:0;list-style:none;display:flex}.loop-strip li{background:var(--ink);color:#fff;counter-increment:step;flex:1;padding:30px 25px;font-size:23px;line-height:1.5}.loop-strip li:before{content:"0" counter(step);color:#b7bcb0;margin-bottom:30px;font-size:17px;display:block}.loop-strip li:first-child{border-radius:12px 0 0 12px}.loop-strip li:last-child{border-radius:0 12px 12px 0}.evidence-note{color:var(--muted);border-left:2px solid var(--blue);margin-top:30px;padding-left:20px;font-size:16px;line-height:1.8}.case-stats{gap:12%;padding:25px 0;display:flex}.case-stats>div{flex-direction:column;display:flex}.case-stats strong{letter-spacing:-.065em;color:var(--blue);font-size:120px;font-weight:500;line-height:1.2}.case-stats span{margin-top:12px;font-size:20px}blockquote{background:#dfe6f6;border-radius:16px;margin:50px 0 0;padding:45px 5%}blockquote p{letter-spacing:-.03em;font-size:36px;line-height:1.6}blockquote cite{color:var(--body);margin-top:25px;font-size:17px;font-style:normal;display:block}.case-next{margin:0 var(--page-gutter);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 100px);padding:100px 0;display:flex}.case-next>p{color:var(--muted);font-size:14px;line-height:1.7}.case-next a{width:fit-content;max-width:100%;margin:28px auto 0;padding:25px 0;display:block;position:relative}.case-next h2{letter-spacing:-.055em;margin:0;font-size:clamp(56px,10vw,160px);font-weight:500;line-height:1.1}.case-next h2>span{display:block}.case-next a:before,.case-next a:after{content:"";height:1px;transition:transform .45s var(--ease-out);background:currentColor;position:absolute;left:0;right:0;transform:scaleX(0)}.case-next a:before{top:0}.case-next a:after{transition-delay:60ms;bottom:0}.case-next a:is(:hover,:focus-visible):before,.case-next a:is(:hover,:focus-visible):after{transform:scaleX(1)}.next-action{border:1px solid var(--ink);white-space:nowrap;border-radius:40px;padding:17px 25px;font-size:17px}.project-image{margin-top:40px}.image-open{background:0 0;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:visible}.image-open img{width:100%;height:auto}.image-open-label{background:var(--ink);color:#fff;border-radius:40px;padding:12px 22px;font-size:16px;position:absolute;bottom:20px;right:20px}.image-dialog{background:var(--paper);border:0;border-radius:16px;width:96vw;max-width:none;height:94svh;max-height:none;padding:0;position:fixed;inset:0}.image-dialog::backdrop{backdrop-filter:blur(6px);background:#151812db}.image-dialog-bar{justify-content:space-between;align-items:center;gap:25px;height:80px;padding:20px 30px;display:flex}.image-dialog-bar button{white-space:nowrap;background:#fff;border-radius:35px;padding:12px 18px}.image-dialog-scroll{height:calc(100% - 80px);padding:30px;overflow:auto}.image-dialog-scroll img{width:100%;max-width:none}.diagram{background:#e4e7ee;border-radius:16px;margin-top:35px;padding:45px}.diagram-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:40px;display:flex}.diagram h3{font-size:27px;line-height:1.45}.segmented{background:#cdd3e0;border-radius:40px;flex-shrink:0;gap:5px;padding:5px;display:flex}.segmented button{border-radius:40px;padding:12px 22px;font-size:16px}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff}.comparison-view{animation:diagram-enter .45s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.comparison-view p{color:var(--body);text-align:center;margin-top:32px;font-size:17px;line-height:1.7}.compare-node,.merged-node{background:#fff;border-radius:10px;padding:24px 30px;font-size:22px;box-shadow:0 15px 40px #24365a0d}.compare-lines{border-top:2px solid #9dacc7;border-left:2px solid #9dacc7;border-right:2px solid #9dacc7;width:min(433px,66.66%);height:40px;margin-top:25px;position:relative}.compare-lines:before{content:"";background:#9dacc7;width:2px;height:67px;position:absolute;top:-27px;left:50%}.separate-branches{justify-content:center;gap:16px;width:min(650px,100%);display:flex}.separate-branches span{text-align:center;background:#fff;border-radius:8px;flex:1;padding:15px 25px;font-size:17px}.merged-node{width:min(650px,100%)}.merged-branches{gap:15px;margin-top:30px;display:flex}.merged-branches span{text-align:center;background:#edf1fb;border-radius:5px;flex:1;padding:14px 10px;font-size:17px}.connection-view{animation:diagram-enter .45s var(--ease-out);max-width:850px;margin:auto}.connection-sources,.connection-targets{justify-content:space-around;gap:10px;display:flex}.connection-sources span,.connection-targets span{background:#fff;border-radius:8px;padding:16px 22px;font-size:18px}.connection-view svg{width:100%;height:auto;display:block;overflow:visible}.connection-view path{stroke:#8394b7;fill:none;stroke-width:3px}.connection-view .after path:nth-child(2n){stroke:#2547ec}.diagram-caption{color:var(--body);margin-top:30px;font-size:16px}.checklist-diagram{background:#dfe7df;grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.checklist-diagram h3{font-size:36px}.checklist-diagram p{color:var(--body);margin-top:25px;font-size:18px;line-height:1.8}.checklist-diagram ol{margin:0;padding:0;list-style:none}.checklist-diagram li{border-bottom:1px solid #b5c6b5;align-items:center;gap:18px;padding:20px 0;font-size:19px;display:flex}.check-index{color:#fff;background:#56715c;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;display:flex}.task-channel{color:#566251;margin-left:auto;font-size:16px}.tokens-diagram{background:#e1e8e2;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:35px;display:grid}.color-chips{gap:10px;margin-bottom:30px;display:flex}.color-chips i{background:#308061;border-radius:50%;width:40px;height:40px}.token-rule p{margin-top:12px;font-size:17px}.token-core{color:#fff;text-align:center;background:#253a2b;border-radius:14px;padding:45px 20px}.token-core strong{font-size:27px;font-weight:500;display:block}.token-core span{margin-top:15px;font-size:17px;display:block}.token-result{grid-template-columns:1fr 1fr;gap:15px;display:grid}.token-result span{text-align:center;background:#fff;border-radius:8px;padding:18px 10px;font-size:16px}.table-process{background:#dedaf0;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.table-process>div{background:#f9f7ff;border-top:4px solid #8b77ba;border-radius:12px;padding:30px 25px}.table-process p{color:#5d526f;margin-top:35px;font-size:17px;line-height:1.9}.table-process .process-intelligence{color:#fff;background:#5b4784}.agent-process{background:#e0e8d8}.agent-human,.agent-memory{justify-content:space-between;align-items:center;gap:25px;display:flex}.agent-process p{color:var(--body);font-size:18px;line-height:1.8}.agent-runtime{gap:18px;margin:35px 0;display:flex}.agent-runtime span{color:#e0edcf;text-align:center;background:#2b3829;border-radius:10px;flex:1;padding:35px 15px;font-size:25px}@media (width<=900px){.case-introduction,.section-introduction{gap:5%}.case-meta{gap:20px}.case-meta dd{font-size:16px}.diagram{padding:30px}.tokens-diagram{grid-template-columns:1fr;gap:20px}.token-rule{text-align:center}.color-chips{justify-content:center}.token-result{grid-template-columns:repeat(4,1fr)}.table-process{gap:12px;padding:25px}.table-process>div{padding:25px 18px}.agent-human,.agent-memory{display:block}.agent-process p{margin-top:12px}}@media (width<=700px){.case-hero{padding-top:120px;padding-bottom:35px}.case-title{margin:30px 0;font-size:52px}.case-introduction,.section-introduction{grid-template-columns:1fr;gap:25px}.case-introduction h2{font-size:29px}.case-introduction p,.section-body p{font-size:17px}.case-meta{grid-template-columns:1fr;gap:22px;margin-top:30px}.case-meta>div{grid-template-columns:90px 1fr;gap:20px;display:grid}.case-meta dt{margin:0}.case-toc{gap:25px;margin-top:15px;padding:18px 0}.case-toc a{font-size:15px}.case-section{padding:65px 0}.section-introduction{margin-bottom:30px}.section-introduction h2{font-size:30px}.decision-cards{gap:15px}.decision-card{padding:25px}.decision-card>span{margin-bottom:18px}.decision-card h3{font-size:25px}.loop-strip{grid-template-columns:1fr 1fr;gap:2px;display:grid}.loop-strip li{padding:22px 18px;font-size:18px;border-radius:0!important}.loop-strip li:before{margin-bottom:18px}.diagram{padding:25px 18px}.diagram-heading{display:block}.diagram h3{font-size:24px}.segmented{width:fit-content;margin-top:22px}.segmented button{padding:10px 19px;font-size:15px}.comparison-view{min-height:250px}.merged-node{padding:20px 15px}.merged-branches{gap:8px}.merged-branches span{padding:12px 5px;font-size:14px}.separate-branches{gap:8px}.separate-branches span{padding:12px 10px;font-size:14px}.comparison-view p{font-size:16px}.connection-sources span,.connection-targets span{padding:12px 7px;font-size:13px}.connection-targets{gap:6px}.checklist-diagram{grid-template-columns:1fr;gap:30px}.checklist-diagram li{font-size:17px}.task-channel{font-size:14px}.token-result{grid-template-columns:1fr 1fr}.table-process{grid-template-columns:1fr;gap:15px}.table-process p{margin-top:16px}.agent-runtime{gap:8px}.agent-runtime span{padding:25px 8px;font-size:16px}.case-stats{gap:35px}.case-stats strong{font-size:70px}.case-stats span{font-size:17px}blockquote{padding:30px 24px}blockquote p{font-size:25px}.case-next{padding:65px 0}.case-next a{padding:20px 0}.case-next h2{font-size:clamp(40px,10vw,72px)}.image-dialog-bar{gap:10px;padding:15px}.image-dialog-scroll{padding:10px}}@keyframes diagram-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.case-front{isolation:isolate;color:#fff;border-radius:20px;height:calc(100svh - 140px);min-height:560px;max-height:850px;margin:108px 28px 0;position:relative;overflow:hidden}.case-front-title{pointer-events:none;z-index:3;max-width:75%;position:absolute;bottom:42px;left:5%}.case-front-title>span{margin-bottom:15px;font-size:17px;display:block}.case-front-title .case-title{letter-spacing:-.055em;text-shadow:0 2px 24px #0c225326;margin:0;font-size:104px;line-height:1}.case-front-yizhi{color:#152743}.case-scroll{backdrop-filter:blur(12px);z-index:4;background:#ffffff1c;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:58px;height:58px;transition:background .3s,color .3s;display:grid;position:absolute;bottom:45px;right:4%}.case-scroll:hover{color:#17213b;background:#fff}.case-front-yizhi .case-scroll{border-color:#8197bd}.case-hero{padding:75px var(--page-gutter) 30px;scroll-margin-top:25px}.case-back{color:var(--muted);border:0;align-items:center;gap:12px;margin-bottom:45px;display:inline-flex}.case-introduction h2{font-size:40px}.case-introduction p{font-size:18px}.case-toc{background:#ffffffed;box-shadow:0 10px 25px #21457d04}.case-section{border-bottom:0;padding:100px 0}.case-section+.case-section{border-top:1px solid var(--line)}.section-introduction h2{font-size:40px}.section-body p{font-size:18px}.decision-card{background:#f5f8fd;border:1px solid #e8edf6;border-radius:14px}.decision-card>span{color:#4f6d9e}.diagram{background:#f0f5fe;border:1px solid #e2ebfa}.checklist-diagram,.tokens-diagram,.agent-process{background:#f2f7ff}.checklist-diagram li{border-color:#d3e0f2}.check-index{background:#3264df}.task-channel{color:#6b7e9b}.token-core{background:#1a3159}.color-chips i{background:#3165ed}.color-chips i:nth-child(2){background:#8aaef5}.color-chips i:nth-child(3){background:#fff}.color-chips i:nth-child(4){background:#182743}.agent-runtime span{color:#eff5ff;background:#15294a}.table-process{background:#eef4ff}.table-process>div{background:#fff;border-color:#83a8f3}.table-process .process-intelligence{background:#2457da}.table-process .process-intelligence p{color:#ebf1ff}.table-process p{color:#586b8b}.loop-strip li{background:#17243b}.loop-strip li:before{color:#92accf}.segmented{background:#dce7f8}blockquote{background:#f0f5ff;border-left:3px solid #3864e8;border-radius:0 18px 18px 0}.case-next{padding:100px 0}.case-next a{padding:25px 0}.case-next .next-action{color:#fff;background:#17243b;border:0;align-items:center;gap:24px;display:flex}.contact h1 span{color:#587dbd}.contact-methods button:hover{background:var(--blue)}.resume-intro{top:45px}.job-meta{color:#6f819d}.job{border-top-color:#dae5f6}@media (width<=700px){.case-front{border-radius:18px;height:570px;min-height:0;margin:86px 14px 0}.case-front-title{max-width:86%;bottom:30px;left:7%}.case-front-title .case-title{font-size:44px}.case-front-title>span{margin-bottom:12px;font-size:14px}.case-scroll{width:42px;height:42px;bottom:31px;right:22px}.case-scroll svg{width:19px}.case-front-title{padding-bottom:48px}.case-hero{padding:45px var(--page-gutter) 15px}.case-introduction h2,.section-introduction h2{font-size:28px}.case-back{margin-bottom:28px}.case-introduction p,.section-body p{font-size:17px}.case-section{padding:60px 0}.case-next{padding:65px 0}.case-next a{padding:20px 0}.case-front .project-visual{height:100%}}.case-page{--case-rail:clamp(210px, 18vw, 280px);--case-gap:clamp(24px, 3vw, 56px);--case-gutter:clamp(24px, 3vw, 64px);display:flow-root}.case-hero{padding:126px var(--case-gutter) 64px;text-align:center}.case-back{left:var(--case-gutter);margin:0;font-size:13px;position:absolute;top:134px}.case-kicker{color:var(--muted);letter-spacing:.08em;font-size:11px}.case-title{letter-spacing:-.065em;margin:12px 0 16px;font-size:clamp(48px,6.5vw,104px);line-height:1.1}.case-subtitle{color:var(--body);font-size:15px}.case-content{grid-template-columns:var(--case-rail) minmax(0, 1fr) var(--case-rail);column-gap:var(--case-gap);padding:0 var(--case-gutter);align-items:start;max-width:1920px;margin-inline:auto;display:grid}.case-project-info{grid-area:1/1;padding:0 10px 16px 0;position:sticky;top:112px}.case-info-name{margin-bottom:10px;font-size:19px}.case-overview-intro{color:var(--body);margin-top:24px;font-size:13px;line-height:1.95}.case-meta{border-top:1px solid var(--line);grid-template-columns:1fr;gap:22px;margin-top:30px;padding:24px 0 0;display:grid}.case-meta>div{display:block}.case-meta dt{margin-bottom:6px;font-size:11px}.case-meta dd{font-size:12px;line-height:1.7}.case-gallery{flex-direction:column;grid-area:1/2;gap:8px;min-width:0;display:flex}.project-image{margin:0 auto;scroll-margin-top:112px}.image-open img{object-fit:contain;width:100%;height:auto;margin-inline:auto;display:block}.image-open-label{opacity:0;padding:8px 14px;font-size:11px;transition:opacity .2s,transform .2s;bottom:12px;right:12px;transform:translateY(6px)}.image-open:is(:hover,:focus-visible) .image-open-label{opacity:1;transform:none}.case-toc.case-image-map{width:120px;max-height:calc(100svh - 144px);box-shadow:none;backdrop-filter:none;background:0 0;border:0;flex-direction:column;grid-area:1/3;justify-self:end;gap:14px;margin:0;padding:0;display:flex;position:sticky;top:112px;overflow:visible}.image-map-heading{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.image-map-heading span{font-size:10px}.image-map-scroll{scrollbar-width:thin;overscroll-behavior:contain;cursor:grab;user-select:none;touch-action:pan-x;min-height:0;padding:3px;overflow:auto}.image-map-scroll.is-dragging{cursor:grabbing;scroll-behavior:auto}.case-image-map .image-map-thumbnail{border:1px solid var(--line);opacity:.5;margin-bottom:8px;padding:3px;transition:border-color .2s,opacity .2s;display:block;position:relative}.image-map-thumbnail img{pointer-events:none;width:100%;height:auto;display:block}.image-map-viewport{border:2px solid var(--blue);pointer-events:none;background:#3165ed14;position:absolute;inset:0}.image-map-viewport[hidden]{display:none}.image-map-thumbnail>span{color:var(--muted);background:#fffd;padding:3px;font-size:9px;line-height:1;position:absolute;bottom:4px;right:4px}.case-image-map .image-map-thumbnail:is(:hover,:focus-visible,[aria-current]){opacity:1;border-color:var(--blue)}.case-image-map a:focus-visible{outline-offset:1px}@media (width<=1100px){.case-page{--case-rail:180px;--case-gap:20px;--case-gutter:24px}}@media (width<=850px){.case-page{--case-gutter:20px}.case-hero{padding:130px 20px 38px}.case-back{top:95px;left:20px}.case-title{font-size:clamp(40px,9vw,68px)}.case-subtitle{font-size:13px}.case-content{flex-direction:column;display:flex}.case-toc.case-image-map{z-index:20;border-block:1px solid var(--line);background:#fffffff2;gap:8px;width:calc(100% + 40px);max-height:none;margin-inline:-20px;padding:12px 20px;position:sticky;top:76px}.image-map-heading{justify-content:flex-start;gap:12px}.image-map-scroll{touch-action:pan-y;gap:8px;padding:3px;display:flex}.case-image-map .image-map-thumbnail{flex:none;width:72px;margin:0}.case-project-info{padding:28px 0 32px;position:static}.case-overview-intro{margin-top:16px;font-size:14px}.case-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;padding-top:20px}.case-gallery{width:100%}.project-image{scroll-margin-top:196px}.image-open-label{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.image-map-thumbnail,.image-open-label{transition:none}}
