@import url('zhanlu-case.css?v=case-1');
:root{--case-accent:#507dbd;--case-soft:#edf3fc}.case-hero{border:1px solid var(--line);border-radius:12px;background:#fff;padding:26px 28px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:28px;align-items:center}.case-hero h1{font-size:31px;line-height:1.45;letter-spacing:-.8px;margin:9px 0 13px;font-weight:650}.case-hero .lead{font-size:17px;line-height:1.8;color:#526d91;margin:0 0 11px}.case-hero .description{font-size:12px;line-height:1.95;color:#8796aa}.case-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.case-actions .button{font-size:11px;padding:9px 13px}.case-art{min-width:0;background:#f1f5fb;border:1px solid #e5ebf4;border-radius:9px;padding:10px}.case-art .image-button{border-radius:5px}.case-art img{height:245px;width:100%;object-fit:contain}.case-art figcaption{font-size:9px;color:#98a7bb;margin:7px 2px 0}.case-role{grid-column:1/-1;border-top:1px solid #edf1f6;display:flex;gap:15px;padding-top:13px;margin-top:-7px;font-size:10px;color:#8ea0b9}.case-role b{font-weight:500;color:#6c83a3}.case-role span{color:#a3afbf}.case-chapter{margin-top:30px;scroll-margin-top:82px;position:relative}.case-chapter .chapter-heading{margin-bottom:14px}.case-chapter .chapter-heading h2{font-size:19px}.case-chapter .chapter-heading .eyebrow{font-size:9px}.context-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.context-cards article{border:1px solid var(--line);border-radius:9px;background:#fff;padding:18px}.context-cards article>span{font-size:9px;color:#9caec8}.context-cards h3{font-size:14px;font-weight:550;margin:6px 0 9px;color:#5c7597}.context-cards p{font-size:12px;line-height:1.95;color:#8795aa}.process-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 22px}.case-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(var(--steps,4),minmax(0,1fr));gap:17px}.case-flow li{position:relative;min-width:0}.case-flow li+li:before{content:'→';position:absolute;left:-14px;top:27px;color:#b3c5df;font-size:11px}.case-flow span{font-size:9px;color:#a2b8d6;display:block}.case-flow b{display:block;font-size:13px;font-weight:550;color:#607da5;margin:5px 0}.case-flow p{font-size:10px;color:#94a2b6;line-height:1.9}.proof-card,.module-box{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.case-tabs{display:flex;gap:4px;overflow:auto;padding:7px;background:#f6f8fc;border-bottom:1px solid var(--line);scrollbar-width:thin}.case-tabs button{flex:1;min-width:110px;font-size:11px;padding:10px 12px;text-align:left;border:1px solid transparent;border-radius:5px;line-height:1.7;white-space:nowrap}.case-tabs button[aria-selected=true]{background:var(--case-soft);border-color:#dbe6f8;color:var(--case-accent)}.case-tabs small{display:block;font-size:8px;color:#9aaac1}.proof-panel{padding:22px;min-width:0}.proof-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:23px;align-items:center}.proof-image{border:1px solid #e5ebf5;background:#f3f6fb;border-radius:7px;padding:8px;min-height:260px;display:flex;align-items:center;justify-content:center}.proof-image img{width:100%;max-height:360px;object-fit:contain}.proof-copy h3{font-size:18px;font-weight:550;color:#5b789f;margin:7px 0 13px}.proof-copy p{font-size:12px;line-height:1.95;color:#8796aa}.proof-copy .proof-type{font-size:9px;color:#91a6c4;letter-spacing:.6px}.proof-copy .proof-foot{font-size:10px;color:#a2afc1;border-top:1px solid #edf1f7;padding-top:12px;margin-top:17px}.media-player{border:1px solid #e1e8f3;border-radius:8px;overflow:hidden;background:#ecf1f8;min-width:0}.media-player video{display:block;width:100%;max-height:390px;background:#1e2a3c;object-fit:contain;aspect-ratio:16/9}.media-actions{display:flex;align-items:center;gap:12px;padding:9px 11px;background:#f8fafd;border-top:1px solid #e4ebf4}.media-actions span{font-size:9px;color:#96a9c3;margin-right:auto}.media-actions button{font-size:10px;color:#6687b7;padding:4px}.media-status{font-size:10px;color:#8f6d4e;padding:0 10px;background:#fff7e9}.module-panel{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;min-width:0}.module-panel.text-only{grid-template-columns:1.2fr 1fr}.module-story>span{font-size:9px;letter-spacing:.6px;color:#94a8c5}.module-story h3{font-size:21px;font-weight:550;line-height:1.7;color:#5c7699;margin:9px 0 13px}.module-story>p{font-size:12px;color:#8896ab;line-height:1.95}.field-list{list-style:none;margin:15px 0 0;padding:0}.field-list li{padding:7px 0 7px 13px;border-top:1px solid #edf1f7;font-size:11px;color:#8295b1;position:relative}.field-list li:before{content:'·';position:absolute;left:0;color:#a7bad6}.module-note{margin-top:14px;font-size:10px;color:#a5b0c0}.module-panel .proof-image{min-height:240px}.outcome-card{padding:21px 23px;background:#fff;border:1px solid var(--line);border-radius:9px}.outcome-card h3{font-size:17px;color:#607ba0;font-weight:550;margin-bottom:10px}.outcome-card p{font-size:12px;line-height:1.95;color:#8798af}.boundary{margin-top:15px;padding:12px 15px;background:#f3f6fb;border-left:2px solid #becfe7;border-radius:0 5px 5px 0;font-size:11px;color:#91a1b8;line-height:1.95}.boundary>span{display:block;font-size:9px;color:#9caec7;margin-bottom:3px}.related-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.related-links a{font-size:10px;border:1px solid #e0e8f4;background:#f7f9fd;border-radius:5px;padding:6px 10px;color:#7a95b9}.source-note{margin-top:17px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:10px;color:#95a5bc}.source-note summary{cursor:pointer;padding:11px 14px;list-style:none;display:flex;justify-content:space-between}.source-note summary:after{content:'＋';color:#a3b5ce}.source-note[open] summary:after{content:'－'}.source-note>div{padding:12px 15px;border-top:1px solid #edf1f7;line-height:2}.source-note a{color:#7798c3}.workflow-visual{background:linear-gradient(135deg,#eef3fc,#f7f9fd);border:1px solid #dfe8f6;border-radius:9px;padding:21px;min-height:245px;display:flex;flex-direction:column;justify-content:center;gap:12px}.workflow-visual .visual-label{font-size:9px;color:#9bacbf;letter-spacing:1px}.workflow-node{display:flex;align-items:center;gap:12px;border:1px solid #e0e8f4;border-radius:7px;padding:12px;background:#ffffffd9}.workflow-node>span{display:grid;place-items:center;width:28px;height:28px;background:#edf3fd;color:#8ca9ce;border-radius:6px;font-size:10px;flex-shrink:0}.workflow-node b{font-weight:550;font-size:12px;color:#728caf}.workflow-node small{font-size:9px;color:#a0b0c7;display:block;margin-top:2px}.workflow-arrow{height:9px;line-height:9px;font-size:10px;color:#b0c4df;text-align:center}.workflow-visual .visual-caption{font-size:8px;color:#a9b7c9}.case-art .zoom-label{opacity:1;font-size:8px}.compact-summary{padding:17px 20px;border:1px solid #e2e9f4;background:#f0f5fd;border-radius:8px;font-size:12px;color:#7b91b1;margin-top:15px}.dept-panel{padding:22px;--case-accent:#ae7e96;--case-soft:#f9edf3;background:#fcf5f8}.dept-panel[data-theme=ops]{--case-accent:#6487b9;--case-soft:#ecf3ff;background:#f1f6ff}.dept-panel[data-theme=biz]{--case-accent:#659b94;--case-soft:#eaf7f3;background:#eff9f5}.dept-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px;margin-bottom:20px}.dept-story h3{font-size:21px;color:var(--case-accent);font-weight:550;margin:4px 0 12px}.dept-story p{font-size:12px;line-height:1.95;color:#8491a3}.dept-story .dept-actions{background:#ffffffbd;border:1px solid #e9e7ec;border-radius:7px;padding:16px}.dept-story h4{font-size:12px;color:var(--case-accent);font-weight:550;margin-bottom:7px}.dept-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dept-gallery figure{padding:8px;background:#fff;border:1px solid #e3e9f2;border-radius:7px;min-width:0}.dept-gallery img{width:100%;height:125px;object-fit:contain;background:#f8fafd}.dept-gallery figcaption{font-size:10px;color:#8c9eb8;margin:7px 3px 2px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.principles article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.principles span{font-size:9px;color:#9fb0c7}.principles h3{font-size:16px;color:#6f88a9;font-weight:550;margin:6px 0 9px}.principles p{font-size:12px;line-height:1.95;color:#8b9bb1}.principles a{display:inline-block;font-size:10px;color:#819ec5;margin-top:10px}.archive-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.archive-photos figure{min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.archive-photos img{width:100%;height:240px;object-fit:contain}.archive-photos figcaption{font-size:10px;color:#91a1b6;margin:8px 2px}.architecture-list{display:grid;gap:9px}.architecture-list details{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.architecture-list summary{padding:16px 18px;font-size:13px;color:#6c86aa;cursor:pointer;list-style:none}.architecture-list details[open] summary{background:#f0f5fd}.architecture-list p{padding:15px 18px;font-size:12px;color:#8c9bb1;line-height:1.95}.score-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.score-bars>div{padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.score-bars b{display:block;font-size:28px;color:#7a9bca;font-weight:500}.score-bars span{font-size:11px;color:#91a3bd}.case-sidebar .source-link{margin-top:18px}.case-chapter .anchor-alias{scroll-margin-top:82px}.cinema-body{flex:1;display:grid;place-items:center;min-height:0;background:#172235;padding:12px}.cinema-body video{width:100%;max-height:100%;display:block;object-fit:contain;background:#172235}.case-library .chapter-nav a.active{background:var(--case-soft);color:var(--case-accent)}
@media(max-width:1199px){.case-hero{padding:22px;gap:21px}.case-hero h1{font-size:27px}.case-hero .lead{font-size:15px}.case-art img{height:215px}.case-flow{gap:12px}.case-flow b{font-size:12px}.proof-layout{grid-template-columns:1.1fr .9fr;gap:20px}.proof-copy h3{font-size:16px}.dept-gallery{grid-template-columns:1fr 1fr}.dept-gallery img{height:150px}}
@media(max-width:959px){.case-role{font-size:9px;gap:10px}.case-hero{grid-template-columns:1fr 1fr}.context-cards{gap:9px}.context-cards article{padding:15px}.context-cards p{font-size:11px}.proof-panel{padding:20px}.module-panel{padding:21px;gap:20px}.module-story h3{font-size:18px}.dept-story{gap:20px}}
@media(max-width:639px){.case-hero{grid-template-columns:1fr;padding:21px 18px;gap:20px}.case-hero h1{font-size:27px;margin:8px 0 11px}.case-hero .lead{font-size:16px}.case-hero .description{font-size:11px}.case-art{padding:7px}.case-art img{height:auto;max-height:260px;min-height:140px}.case-role{display:block;font-size:10px;margin-top:-5px;padding-top:12px;line-height:1.9}.case-role span{display:block;font-size:8px}.case-actions{margin-top:15px;gap:8px}.case-actions .button{font-size:10px;gap:12px}.case-chapter{margin-top:25px}.case-chapter .chapter-heading h2{font-size:17px}.context-cards{grid-template-columns:1fr;gap:8px}.context-cards article{padding:14px 16px}.context-cards h3{margin:3px 0 6px;font-size:13px}.context-cards p{font-size:11px}.process-card{padding:17px}.case-flow{grid-template-columns:1fr;gap:0}.case-flow li{display:grid;grid-template-columns:24px 95px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid #edf1f7;align-items:baseline}.case-flow li:last-child{border:0}.case-flow li+li:before{content:'↓';left:2px;top:-8px;font-size:10px;background:#fff}.case-flow span{font-size:8px}.case-flow b{font-size:11px;margin:0}.case-flow p{font-size:9px}.case-tabs button{flex:0 0 auto;min-width:116px;padding:9px 11px;font-size:10px}.proof-panel{padding:16px}.proof-layout{grid-template-columns:1fr;gap:17px}.proof-image{min-height:0;padding:6px}.proof-image img{max-height:340px}.proof-copy h3{font-size:17px;margin:5px 0 9px}.proof-copy p{font-size:11px}.proof-copy .proof-foot{font-size:9px;margin-top:11px;padding-top:9px}.proof-image .zoom-label{opacity:1;font-size:8px;right:5px;bottom:5px;padding:2px 5px}.module-panel,.module-panel.text-only{grid-template-columns:1fr;padding:19px;gap:16px}.module-story h3{font-size:19px}.module-story>p{font-size:11px}.field-list li{font-size:10px}.module-panel .proof-image{min-height:0}.outcome-card{padding:18px}.outcome-card h3{font-size:15px}.outcome-card p{font-size:11px}.boundary{padding:11px 12px;font-size:10px}.workflow-visual{min-height:235px;padding:17px;gap:10px}.workflow-node{padding:10px}.workflow-node b{font-size:11px}.dept-panel{padding:17px}.dept-story{grid-template-columns:1fr;gap:13px;margin-bottom:15px}.dept-story h3{font-size:20px}.dept-story p{font-size:11px}.dept-story .dept-actions{padding:13px}.dept-gallery{gap:7px}.dept-gallery figure{padding:6px}.dept-gallery img{height:110px}.dept-gallery figcaption{font-size:9px}.principles{grid-template-columns:1fr;gap:9px}.principles article{padding:17px}.principles h3{font-size:15px}.principles p{font-size:11px}.archive-photos{grid-template-columns:1fr;gap:9px}.archive-photos img{height:260px}.score-bars{grid-template-columns:1fr 1fr}.score-bars>div{padding:14px}.score-bars b{font-size:25px}.score-bars span{font-size:10px}.media-player video{max-height:290px}.media-actions{padding:7px 9px;gap:8px}.media-actions span{font-size:8px}.media-actions button{font-size:9px}.compact-summary{padding:13px 15px;font-size:11px}}