:root{--ink:#172b30;--sub:#657576;--paper:#f5f6f2;--line:#d9dfd8;--green:#226653;--lime:#d4f58b;--orange:#c77945;--dark:#102c2c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a2cc6c;outline-offset:4px}button{border:1px solid var(--line);border-radius:4px;background:transparent;color:inherit;padding:10px 14px}button:hover{background:#e7ede4}a:hover{color:var(--green)}.site-header{height:86px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.6px;font-weight:700;display:flex;align-items:center;gap:13px}.brand-mark{font-size:36px;line-height:1}.brand-mark span{color:#78997d;font-weight:400}.brand i{font-style:normal;color:var(--sub);font-weight:400}.site-header nav{display:flex;gap:29px;font-size:13px}.back-link{font-size:12px;border:1px solid var(--line);padding:10px 14px;border-radius:4px;white-space:nowrap}.back-link span{margin-left:14px}.hero{margin:24px 28px 0;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:var(--dark);color:#fff;min-height:610px;border-radius:7px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#b6d3bd09 1px,transparent 1px),linear-gradient(90deg,#b6d3bd09 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to right,transparent,#000)}.hero-copy{padding:62px 0 40px 5vw;position:relative;z-index:1}.eyebrow{font-family:ui-monospace,monospace;font-size:10px;line-height:1.6;letter-spacing:1.8px;color:#c5d3c6;display:flex;align-items:center;gap:10px}.eyebrow.ink{color:var(--green)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #c5e77988}.hero h1{font-size:clamp(36px,4.2vw,66px);line-height:1.27;font-weight:500;letter-spacing:-2px;margin:32px 0 26px;white-space:nowrap}.hero h1 span{display:block;color:var(--lime)}.hero p{font-size:15px;line-height:1.9;color:#bfcec3}.hero-actions{display:flex;gap:13px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid transparent;padding:14px 21px;font-size:13px;font-weight:600;border-radius:4px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{color:#19382c;background:var(--lime)}.primary:hover{color:#19382c;background:#e3ffad}.outline{color:#fff;border-color:#557366}.outline:hover{background:#284d43}.hero-foot{display:flex;gap:27px;margin-top:51px;color:#9eb2a8;font-size:10px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 25px 40px 0}.hero-art>img{width:100%;max-width:650px;filter:drop-shadow(0 28px 30px #00161299)}.art-stamp{position:absolute;bottom:35px;left:15%;right:9%;display:flex;justify-content:space-between;font-family:monospace;font-size:9px;color:#a5b7ad;gap:10px}.tool-ribbon{display:flex;align-items:center;justify-content:space-around;gap:18px;padding:29px 5vw 30px;margin:0 28px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tool-ribbon>span{font:9px ui-monospace,monospace;color:var(--sub);letter-spacing:1.5px}.tool-ribbon b{font-size:17px;font-weight:600;letter-spacing:-.5px}.section{padding:76px 6.3vw 60px;max-width:1700px;margin:0 auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-heading h2{font-size:32px;font-weight:500;letter-spacing:-1px;margin:13px 0 0}.section-heading p{font-size:12px;color:var(--sub);line-height:1.9;margin:0}.library-tools{display:flex;gap:10px;margin-top:40px}.search-box{border:1px solid var(--line);background:#fff;display:flex;gap:12px;align-items:center;padding:0 15px;flex:1;border-radius:4px}.search-box>span{font-size:25px;color:#7b8e80}.search-box input{width:100%;border:0;background:none;padding:15px 0;outline:none!important;color:var(--ink);font-size:13px}.select-box select{height:48px;padding:0 33px 0 13px;border:1px solid var(--line);background:#fff;border-radius:4px;color:var(--ink);font-size:12px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 26px}.tool-filters{display:flex;gap:7px;flex-wrap:wrap}.tool-filters button{font-size:12px;padding:8px 14px;border-color:transparent}.tool-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}#result-count{font-size:11px;color:var(--sub);white-space:nowrap}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.case-card{border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.case-card:hover{box-shadow:0 12px 25px #102c2c0b;transform:translateY(-3px)}.case-visual{height:194px;background:#e7eee5;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;border:0;border-radius:0;padding:0;width:100%}.case-visual img{height:100%;width:100%;object-fit:contain;transition:transform .4s}.case-card:hover .case-visual img{transform:scale(1.045)}.case-visual .poster-caption{position:absolute;bottom:9px;left:12px;font:9px ui-monospace,monospace;color:#607b72}.case-visual .case-index{position:absolute;right:14px;top:12px;font:10px ui-monospace,monospace;color:#678477}.case-body{padding:20px;display:flex;flex-direction:column;flex:1}.case-tags{display:flex;gap:7px;font-size:10px;align-items:center;color:var(--green)}.case-tags span{background:#edf3e9;padding:4px 7px;border-radius:3px}.case-tags .kind{background:transparent;color:var(--sub);padding-left:1px}.case-card h3{font-size:18px;line-height:1.55;font-weight:600;margin:14px 0 10px}.case-card p{font-size:12px;line-height:1.85;color:var(--sub);margin:0}.case-output{margin-top:17px;padding-top:13px;border-top:1px solid #edf0ea;display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;font-size:11px;line-height:1.7;color:#4c625a}.case-output>span{color:#8a978c;font-size:9px;padding-top:2px}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px}.card-footer .date{font-size:10px;color:#8b958e}.card-footer button{padding:5px 0;border:0;color:var(--green);font-size:11px}.card-footer button:hover{background:transparent}.evidence-key{display:flex;gap:24px;flex-wrap:wrap;align-items:center;font-size:10px;color:var(--sub);padding:26px 0 0}.evidence-key>span{display:flex;gap:6px;align-items:center}.evidence-key>span:last-child{margin-left:auto}.dot{display:inline-block;width:5px;height:5px;border-radius:50%}.green{background:var(--green)}.orange{background:var(--orange)}.methods-section{padding:62px 6.3vw 31px;background:#19382f;color:#fff;margin:30px 28px 0;border-radius:7px}.methods-section .section-heading p{color:#b5c5b7}.method-layout{display:grid;grid-template-columns:280px 1fr;gap:40px;padding:12px 0 26px}.method-tabs{display:flex;flex-direction:column;gap:9px}.method-tabs button{border-color:#456054;color:#bdcdbd;text-align:left;display:flex;justify-content:space-between;padding:18px;font-size:12px}.method-tabs button[aria-selected=true]{background:var(--lime);color:#17372c;border-color:var(--lime)}.method-tabs button:hover{background:#2d4c3e}.method-tabs button[aria-selected=true]:hover{background:#e0ffa0}.method-meta{font:10px ui-monospace,monospace;letter-spacing:.7px;color:var(--lime)}.method-content h3{font-size:26px;font-weight:500;margin:9px 0 14px}.method-input{font-size:12px;color:#b7c8b7;line-height:1.8}.method-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;counter-reset:steps;padding:0;margin:26px 0;list-style:none}.method-steps li{font-size:12px;line-height:1.8;display:flex;gap:12px}.method-steps li:before{counter-increment:steps;content:'0' counter(steps);font-family:monospace;color:var(--lime);font-size:11px}.method-deliver{font-size:12px;line-height:1.9;border-top:1px solid #456054;padding-top:18px}.method-gate{font-size:11px;line-height:1.8;color:#c2d1bf;border-left:2px solid var(--lime);padding-left:13px;margin:18px 0}.method-links{display:flex;gap:20px;font-size:11px;color:var(--lime);flex-wrap:wrap}.method-links button{border:none;padding:0;color:var(--lime);font-size:11px}.method-links button:hover{background:none;text-decoration:underline}.method-note{font-size:10px;line-height:1.7;color:#9eb5a6;border-top:1px solid #456054;padding-top:18px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{border-top:1px solid var(--ink);padding-top:14px}.video-card .video-thumb{height:155px;display:flex;align-items:center;justify-content:center;background:#e3e9df;position:relative;border:1px solid var(--line);width:100%;border-radius:4px;overflow:hidden;color:#fff}.video-thumb img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.6}.play-circle{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #fff7;border-radius:50%;background:#19382fcc;z-index:1}.video-chip{position:absolute;bottom:11px;left:12px;font:9px monospace;background:#f5f6f2dd;color:var(--ink);padding:5px 7px}.video-card h3{font-size:15px;font-weight:500;line-height:1.65;margin:13px 0 7px}.video-card p{font-size:10px;line-height:1.7;color:var(--sub)}.video-links{display:flex;gap:15px;align-items:center;font-size:11px;color:var(--green)}.video-links button{border:0;padding:5px 0;font-size:11px;color:var(--green)}.video-links button:hover{background:none;text-decoration:underline}.signals-section{padding-top:25px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.news-item{border-left:1px solid var(--line);padding-left:20px}.news-item .meta{font:9px monospace;color:var(--sub)}.news-item h3{font-size:17px;line-height:1.6;margin:13px 0}.news-item p{font-size:12px;line-height:1.8;color:var(--sub)}.news-item a{font-size:11px;color:var(--green)}.resource-heading{display:flex;justify-content:space-between;align-items:center;margin-top:50px;margin-bottom:17px;border-bottom:1px solid var(--line);padding-bottom:15px}.resource-heading h3{font-size:19px;font-weight:500;margin:0}.resource-heading span{font-size:11px;color:var(--sub)}.resources{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.resource{border-bottom:1px solid var(--line);padding:19px 0}.resource h4{font-size:13px;margin:0 0 8px;font-weight:600}.resource p{font-size:11px;line-height:1.8;margin:0;color:var(--sub)}.resource small{font-size:10px;line-height:1.8;display:block;color:#839184;margin-top:7px}.editorial-note{background:#e9eedf;margin:0 28px 28px;padding:37px 4vw;display:grid;grid-template-columns:160px 1fr 1.2fr;align-items:start;gap:20px;border-radius:5px}.editorial-note>span{font:9px monospace;color:var(--green);letter-spacing:1px;padding-top:8px}.editorial-note h2{font-size:24px;font-weight:500;margin:0}.editorial-note p{font-size:11px;line-height:1.9;color:#5a6e59;margin:0}.editorial-note>a{grid-column:3;font-size:10px;color:var(--green)}footer{display:flex;align-items:start;justify-content:space-between;gap:25px;padding:25px 6.3vw 45px}footer p{font-size:10px;line-height:1.8;margin:0;color:var(--sub)}footer>div{display:flex;gap:20px;font-size:10px}dialog{padding:0;border:1px solid #bbc8bb;border-radius:8px;background:#f8f9f5;color:var(--ink);width:min(980px,94vw);max-height:90dvh;box-shadow:0 35px 100px #102c2c66}dialog::backdrop{background:#0a201ed9;backdrop-filter:blur(5px)}.dialog-toolbar{position:sticky;top:0;background:#f8f9f5f5;z-index:3;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.dialog-toolbar>span{font:10px monospace;color:var(--sub);letter-spacing:1px}.dialog-toolbar>div{display:flex;gap:5px}.dialog-toolbar button{border:0;padding:9px 12px}.dialog-toolbar h2{font-size:16px;font-weight:500;margin:0}.detail-hero{display:grid;grid-template-columns:1.2fr 1fr;padding:32px;gap:30px;border-bottom:1px solid var(--line);align-items:center}.detail-hero img{width:100%;height:210px;object-fit:contain;background:#e8eee2;border-radius:5px}.detail-hero h2{font-size:28px;line-height:1.45;letter-spacing:-.8px;margin:14px 0}.detail-hero p{font-size:12px;line-height:1.8;color:var(--sub)}.detail-content{padding:28px 32px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.detail-content h3{font-size:15px;margin:0 0 12px}.detail-content p,.detail-content li{font-size:12px;line-height:1.9;color:#56695d}.detail-content ol,.detail-content ul{padding-left:19px}.detail-section{margin-bottom:26px}.detail-facts{display:grid;grid-template-columns:65px 1fr;gap:9px 12px;font-size:11px;line-height:1.8;margin:18px 0}.detail-facts dt{color:#8a9689}.detail-facts dd{margin:0}.source-panel{background:#eaf0e2;border-radius:4px;padding:20px;margin-top:25px}.source-panel a{overflow-wrap:anywhere;color:var(--green);font-size:12px;text-decoration:underline;text-underline-offset:3px}.source-panel p{margin:5px 0}.source-panel .source-caption{font-size:10px}.detail-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px}.detail-actions button{font-size:11px}.detail-media{margin-top:23px}.detail-media button{font-size:11px;color:var(--green)}.presentation-dialog{width:min(1250px,97vw);max-height:95dvh}.presentation-dialog .detail-hero{grid-template-columns:1fr 1fr}.presentation-dialog .detail-hero h2{font-size:36px}.presentation-dialog .detail-hero img{height:260px}.presentation-dialog .detail-content{font-size:15px}.presentation-dialog .detail-content p,.presentation-dialog .detail-content li{font-size:14px}#video-dialog{width:min(930px,94vw);padding-bottom:23px}#video-player{background:#112b26;aspect-ratio:16/9}#video-player iframe{border:0;width:100%;height:100%}.video-help{margin:18px 25px;font-size:11px;color:var(--sub)}#video-source{margin:0 25px}.empty{text-align:center;padding:70px 20px;border:1px dashed #bdc9b6;border-radius:5px}.empty>span{font-size:40px;color:#7c9680}.empty h3{font-size:19px;font-weight:500}.empty p{font-size:12px;color:var(--sub)}.error-note{padding:25px;background:#fff2e4;font-size:13px}.error-note a{margin-left:18px}.loading-note{padding:50px;font-size:13px;color:var(--sub)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#19382f;color:white;font-size:12px;border-radius:4px;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s}#toast.visible{opacity:1}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.noscript-note{padding:25px;text-align:center}.noscript-note a{text-decoration:underline}@media(min-width:1700px){.hero{max-width:1700px;margin:24px auto 0}.hero-copy{padding-left:80px}}@media(max-width:1050px){.site-header nav{gap:15px}.brand i{display:none}.hero{min-height:530px}.hero-copy{padding-top:50px}.hero h1{font-size:43px}.hero-art{padding-right:0}.hero-foot{flex-direction:column;gap:7px;margin-top:32px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-left:5vw;padding-right:5vw}.method-layout{grid-template-columns:230px 1fr;gap:27px}.editorial-note{grid-template-columns:1fr 1.5fr}.editorial-note>span{grid-column:1/-1}.editorial-note>a{grid-column:2}.tool-ribbon b{font-size:15px}footer{flex-wrap:wrap}}@media(max-width:700px){html{scroll-padding-top:20px}.site-header{height:auto;min-height:74px;padding:18px 21px;flex-wrap:wrap;gap:17px}.site-header nav{order:3;width:100%;justify-content:space-between;font-size:11px;gap:10px}.brand{font-size:11px}.brand-mark{font-size:29px}.back-link{font-size:10px;padding:7px 9px}.hero{margin:12px 12px 0;grid-template-columns:1fr;min-height:0}.hero-copy{padding:32px 25px 5px}.hero h1{font-size:39px;letter-spacing:-1.6px;margin-top:25px}.hero p{font-size:12px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-actions{gap:10px;margin-top:23px}.hero-actions .button{padding:12px 15px;font-size:11px;gap:15px}.hero-foot{flex-direction:row;gap:15px;margin-top:25px;font-size:8px}.hero-art{height:330px;padding:5px 15px 25px}.hero-art>img{max-height:310px}.art-stamp{left:24px;right:24px;bottom:18px;font-size:7px}.tool-ribbon{margin:0 12px;padding:23px 10px;gap:16px 24px;justify-content:center}.tool-ribbon>span{width:100%;text-align:center;font-size:8px}.tool-ribbon b{font-size:13px}.section{padding:43px 22px 35px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:27px;margin-top:10px}.section-heading p{margin-top:16px;font-size:11px}.library-tools{flex-wrap:wrap;margin-top:25px;gap:8px}.search-box{flex-basis:100%}.select-box{flex:1;min-width:0}.select-box select{width:100%;height:42px;font-size:11px;padding-right:12px}.filter-row{display:block;margin-top:15px}.tool-filters{gap:2px}.tool-filters button{padding:8px 11px;font-size:11px}#result-count{display:block;margin:17px 0 0}.case-grid{grid-template-columns:1fr;gap:19px}.case-visual{height:205px}.case-body{padding:21px}.case-card h3{font-size:18px}.case-card p{font-size:12px}.evidence-key{font-size:9px;gap:12px}.evidence-key>span:last-child{margin-left:0}.methods-section{margin:15px 12px 0;padding:32px 22px 22px}.method-layout{display:block}.method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:28px}.method-tabs button{font-size:10px;padding:12px 10px;line-height:1.7;gap:5px}.method-content h3{font-size:24px}.method-steps{display:block;margin:24px 0}.method-steps li{margin:14px 0}.method-note{font-size:9px}.video-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.video-card .video-thumb{height:110px}.video-card h3{font-size:13px}.video-card p{font-size:9px}.video-links{font-size:10px;gap:12px}.video-links button{font-size:10px}.play-circle{width:34px;height:34px}.news-grid{grid-template-columns:1fr;gap:30px}.news-item h3{font-size:17px}.resources{grid-template-columns:1fr}.resource-heading{margin-top:37px}.editorial-note{display:block;margin:12px;padding:28px 23px}.editorial-note h2{margin:13px 0 16px;font-size:25px}.editorial-note p{font-size:11px}.editorial-note>a{display:block;margin-top:15px}footer{padding:25px 25px 35px;display:block}footer>p{margin:19px 0}footer>div{gap:18px}.detail-hero,.presentation-dialog .detail-hero{grid-template-columns:1fr;padding:23px;gap:14px}.detail-hero h2,.presentation-dialog .detail-hero h2{font-size:25px}.detail-hero img,.presentation-dialog .detail-hero img{height:170px}.detail-content{padding:24px}.detail-columns{grid-template-columns:1fr;gap:0}.dialog-toolbar{padding:10px 15px}.dialog-toolbar>span{font-size:9px}.dialog-toolbar h2{font-size:13px}.presentation-dialog .detail-content p,.presentation-dialog .detail-content li{font-size:12px}.dialog-toolbar button{padding:8px}.detail-actions{gap:7px}.detail-actions .button{font-size:11px;padding:11px 14px}.video-help{font-size:10px}.editorial-note>span{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.site-header,.hero,.tool-ribbon,.library-tools,.filter-row,.methods-section,.videos-section,.signals-section,.editorial-note,footer,dialog{display:none}.case-grid{display:block}.case-card{break-inside:avoid;margin-bottom:20px}.case-visual{height:120px}}
.case-card[data-case^="sky001"] .case-visual{background:#183c32}.case-card[data-case^="sky001"] .case-index,.case-card[data-case^="sky001"] .poster-caption{color:#c3d6ad}
.author-preview{margin:22px 0;background:#e8eee2;padding:15px;border-radius:5px}.author-preview img{display:block;max-width:100%;max-height:360px;margin:auto;object-fit:contain}.author-preview figcaption{font-size:10px;color:var(--sub);margin-top:12px;line-height:1.6}
