:root{color:#202622;font-synthesis:none;letter-spacing:0;background:#f7f8f5;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8f5f0;border-bottom:1px solid #dfe3dd;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:#202622;border-radius:4px;place-items:center;width:38px;height:38px;display:grid}.brand b,.brand small{display:block}.brand b{font-size:14px}.brand small{color:#707870;margin-top:2px;font-size:11px}.main-nav{gap:8px;height:100%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.main-nav a{color:#687068;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:7px;min-width:104px;height:100%;font-size:13px;display:flex}.main-nav a.active{color:#202622;border-bottom-color:#d94f38;font-weight:700}.course-label{color:#596159;align-items:center;gap:8px;font-size:12px;display:flex}.live-dot{background:#287a62;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #dcebe5}main{flex:1}footer{color:#7a817b;border-top:1px solid #dfe3dd;justify-content:space-between;padding:20px clamp(20px,5vw,72px);font-size:11px;display:flex}.library-intro{justify-content:flex-end;max-width:1280px;margin:auto;padding:34px clamp(24px,6vw,88px);display:flex}.eyebrow,.section-index{color:#767e77;letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:800}.library-intro h1{margin:13px 0 0;font-family:Georgia,Songti SC,serif;font-size:clamp(42px,5vw,68px);font-weight:500;line-height:1.08}.library-intro h1 em{color:#d94f38;margin-left:.18em;font-style:normal;display:inline-block}.intro-copy{border-left:2px solid #d94f38;width:min(620px,100%);padding-left:24px}.intro-copy p{color:#596159;margin:0 0 22px;font-size:16px;line-height:1.8}.library-stats{color:#777f78;align-items:center;gap:7px;font-size:12px;display:flex}.library-stats b{color:#202622;font-size:15px}.library-stats span{background:#ccd1cb;width:1px;height:14px;margin:0 8px}.case-browser{background:#edf0eb;border-top:1px solid #dfe3dd;padding:30px clamp(24px,6vw,88px) 76px}.browser-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:28px;max-width:1180px;margin:auto;display:grid}.browser-content{min-width:0}.chapter-directory{background:#d4dad3;border:1px solid #d4dad3;flex-direction:column;gap:1px;display:flex;position:sticky;top:94px}.chapter-directory button{text-align:left;color:#5f6860;background:#f8f9f7;border:0;grid-template-rows:auto auto;grid-template-columns:1fr auto;min-width:0;min-height:73px;padding:11px 13px;display:grid}.chapter-directory button:hover{background:#fff}.chapter-directory button.active{color:#fff;background:#202622}.chapter-directory button span{color:#858d86;font-size:9px;font-weight:800}.chapter-directory button.active span{color:#aeb9b1}.chapter-directory button b{grid-column:1/-1;margin-top:5px;font-size:11px;font-weight:700;line-height:1.45}.chapter-directory button small{color:#8a928b;font-size:9px}.chapter-directory button.active small{color:#b9c2ba}.browser-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;display:flex}.search-box{color:#7a827b;background:#fff;border:1px solid #d8ddd6;border-radius:4px;align-items:center;gap:10px;width:min(330px,100%);height:42px;padding:0 13px;display:flex}.search-box input{color:#202622;border:0;outline:0;flex:1;min-width:0}.filters{color:#707770;align-items:center;gap:7px;display:flex}.filters button{color:#626a63;background:0 0;border:1px solid #0000;border-radius:3px;padding:8px 10px;font-size:12px}.filters button.active{color:#202622;background:#fff;border-color:#d7dcd5}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.case-card{background:#fff;border:1px solid #dbe0da;border-radius:6px;flex-direction:column;min-height:390px;padding:22px;transition:transform .18s,box-shadow .18s;display:flex}.case-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #222a2414}.case-number{color:var(--accent);letter-spacing:1.3px;font-size:10px;font-weight:800}.case-visual{height:140px;color:var(--accent);background:#f1f3ef;border-radius:3px;flex-direction:column;justify-content:center;margin:17px 0 20px;padding:28px 18%;display:flex;position:relative;overflow:hidden}.case-visual>svg{fill:#fff;filter:drop-shadow(0 2px 2px #0000001a);position:absolute;top:56%;left:51%;transform:rotate(-12deg)}.target-ring{border:10px solid var(--accent);border-radius:50%;position:absolute}.ring-a{opacity:.9;width:74px;height:74px;top:21%;left:21%}.ring-b{opacity:.5;border-width:6px;width:35px;height:35px;bottom:18%;right:20%}.form-line{background:#fff;border:1px solid #cfd5ce;width:76%;height:25px;margin-bottom:9px}.form-line.wide{width:100%}.form-error{color:#af3f30;align-items:center;gap:5px;font-size:10px;display:flex}.demo-block{border:2px solid var(--accent);background:#fff;height:22px;position:absolute}.demo-block.block-a{width:36%;top:38%;left:15%}.demo-block.block-b{width:27%;top:58%;right:14%}.demo-path{border-top:2px dashed var(--accent);opacity:.6;width:31%;position:absolute;top:51%;left:43%;transform:rotate(9deg)}.case-visual>svg:not(.lucide-mouse-pointer-2){fill:none;position:absolute;top:28%;left:47%;transform:none}.case-tags{align-items:center;gap:7px;display:flex}.case-tags span{color:#666e67;background:#f0f2ee;border-radius:2px;padding:4px 7px;font-size:10px}.case-tags .completed{color:#287a62;align-items:center;gap:3px;margin-left:auto;display:flex}.case-card h2{margin:14px 0 8px;font-family:Georgia,Songti SC,serif;font-size:26px;font-weight:600}.case-card>p{color:#697069;margin:0;font-size:13px;line-height:1.65}.card-foot{color:#7c837c;border-top:1px solid #e5e8e3;justify-content:space-between;align-items:center;margin-top:auto;padding-top:17px;font-size:11px;display:flex}.card-foot span{align-items:center;gap:6px;display:flex}.card-foot .enter{color:var(--accent);font-size:12px;font-weight:700}.empty-state{text-align:center;color:#727a72;flex-direction:column;grid-column:1/-1;gap:8px;padding:70px;display:flex}.empty-state b{color:#414841;font-family:Georgia,Songti SC,serif;font-size:20px;font-weight:500}.empty-state span{font-size:11px}.knowledge-intro{justify-content:flex-end;max-width:1280px;margin:auto;padding:34px clamp(24px,6vw,88px);display:flex}.knowledge-intro h1{margin:12px 0 0;font-family:Georgia,Songti SC,serif;font-size:clamp(40px,4.5vw,62px);font-weight:500;line-height:1.1}.knowledge-intro h1 em{color:#287a62;font-style:normal}.knowledge-copy{border-left-color:#287a62}.knowledge-map-visual{color:#657068;justify-content:center;align-items:center;gap:7px;height:180px;display:flex;position:relative}.knowledge-map-visual span{color:#fff;background:#287a62;border-radius:50%;place-items:center;width:72px;height:72px;font-family:Georgia,serif;font-size:30px;display:grid}.knowledge-map-visual i{background:#aeb7af;width:18px;height:1px}.knowledge-map-visual b{background:#f7f8f5;border:1px solid #bdc5bd;border-radius:50%;place-items:center;width:38px;height:38px;font-size:10px;display:grid}.knowledge-browser{background:#eaf0ed;border-top:1px solid #d7dfda;padding:30px clamp(24px,6vw,88px) 76px}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.knowledge-card{background:#fff;border:1px solid #d7dfda;border-radius:5px;flex-direction:column;min-height:300px;padding:22px;transition:transform .18s,box-shadow .18s;display:flex}.knowledge-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #222a2414}.knowledge-card-top{color:#287a62;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.knowledge-card-top span:last-child{color:#287a62;background:#e6f0eb;padding:4px 6px;font-weight:500}.knowledge-card-top span.draft{color:#777f78;background:#f0f2ef}.knowledge-icon{color:#287a62;background:#e3eee8;border-radius:4px;place-items:center;width:42px;height:42px;margin:24px 0 18px;display:grid}.knowledge-card>small{color:#747d75;font-size:10px}.knowledge-card h2{margin:8px 0;font-family:Georgia,Songti SC,serif;font-size:24px;font-weight:600}.knowledge-card p{color:#687169;margin:0;font-size:12px;line-height:1.7}.knowledge-foot{color:#667068;border-top:1px solid #e4e8e3;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:10px;display:flex}.knowledge-foot span{align-items:center;gap:6px;display:flex}.knowledge-detail{max-width:1060px;margin:auto;padding:30px 24px 80px}.knowledge-detail>header{border-bottom:1px solid #dce1da;padding:30px 0 38px}.knowledge-detail>header .eyebrow{color:#287a62}.knowledge-detail>header h1{margin:12px 0;font-family:Georgia,Songti SC,serif;font-size:clamp(38px,5vw,58px);font-weight:500}.knowledge-detail>header>p{color:#626b63;max-width:680px;line-height:1.75}.knowledge-detail-layout{grid-template-columns:1fr 270px;gap:50px;padding-top:36px;display:grid}.knowledge-detail article section{border-bottom:1px solid #e0e4df;padding:28px 0}.knowledge-detail article section:first-of-type{padding-top:8px}.knowledge-detail article h2{margin:13px 0;font-family:Georgia,Songti SC,serif;font-size:28px;font-weight:500;line-height:1.45}.knowledge-detail article h3{margin:12px 0;font-size:16px}.knowledge-detail article p,.knowledge-detail article li{color:#626b63;font-size:13px;line-height:1.8}.knowledge-detail article ul{padding-left:18px}.draft-notice{color:#687168;background:#f0f3ef;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;font-size:12px;line-height:1.6;display:flex}.draft-notice svg{color:#287a62;flex:none}.draft-notice b{color:#303731;display:block}.knowledge-detail aside{background:#edf2ef;border-top:3px solid #287a62;align-self:start;padding:22px}.knowledge-detail aside>a{background:#fff;border:1px solid #d9e0db;flex-direction:column;gap:6px;margin-top:16px;padding:15px;display:flex}.knowledge-detail aside small{color:#287a62;font-size:9px;font-weight:800}.knowledge-detail aside b{font-family:Georgia,Songti SC,serif;font-size:16px}.knowledge-detail aside a span{color:#6b746c;align-items:center;gap:5px;font-size:10px;display:flex}.case-page{max-width:1120px;margin:auto;padding:28px 24px 72px}.back-link{color:#687068;align-items:center;gap:7px;margin-bottom:28px;font-size:12px;display:inline-flex}.case-heading{border-bottom:1px solid #dce1da;justify-content:space-between;align-items:end;gap:24px;padding-bottom:24px;display:flex}.case-heading .eyebrow{color:var(--accent)}.case-heading h1{margin:9px 0 0;font-family:Georgia,Songti SC,serif;font-size:clamp(30px,4vw,46px);font-weight:500}.heading-meta{color:#6d756e;gap:18px;padding-bottom:5px;font-size:12px;display:flex}.heading-meta span{align-items:center;gap:6px;display:flex}.experiment-layout{grid-template-columns:105px 1fr;gap:30px;margin-top:26px;display:grid}.step-rail{padding-top:3px}.step-rail>div{color:#929892;align-items:center;gap:9px;height:46px;font-size:11px;display:flex;position:relative}.step-rail>div:not(:last-child):after{content:"";background:#d8ddd7;width:1px;height:24px;position:absolute;top:34px;left:12px}.step-rail span{background:#f7f8f5;border:1px solid #d3d8d2;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.step-rail .current{color:#202622;font-weight:700}.step-rail .current span{background:var(--accent);border-color:var(--accent);color:#fff}.brief-panel{background:#fff;border:1px solid #d9ded7;border-radius:5px;grid-template-columns:1fr 260px;min-height:470px;display:grid;overflow:hidden}.brief-main{padding:clamp(28px,5vw,58px)}.brief-main h2,.result-heading h2{margin:18px 0;font-family:Georgia,Songti SC,serif;font-size:clamp(28px,3vw,38px);font-weight:500}.brief-main>p{color:#5f675f;max-width:610px;line-height:1.8}.notice{border-left:3px solid var(--accent);color:#586058;background:#f1f4ef;align-items:flex-start;gap:14px;margin-top:36px;padding:17px;font-size:12px;line-height:1.6;display:flex}.notice svg{color:var(--accent);flex:none}.notice b{color:#262c27;display:block}.brief-panel aside{background:#f1f3ef;border-left:1px solid #dde1dc;flex-direction:column;padding:36px 28px;display:flex}.brief-panel aside h3{margin:0 0 18px;font-size:12px}.brief-panel aside>span{color:#616861;border-bottom:1px solid #dce0da;padding:10px 0;font-size:12px}.brief-panel aside .primary{margin-top:auto}.primary,.secondary{border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.primary{color:#fff;background:var(--accent);border:1px solid var(--accent)}.secondary{color:#303631;background:#fff;border:1px solid #cfd5ce}.lab-panel,.result-panel,.form-lab,.scenario-lab{background:#fff;border:1px solid #d9ded7;border-radius:5px;overflow:hidden}.lab-status{color:#747b74;border-bottom:1px solid #e1e5df;align-items:center;gap:18px;height:58px;padding:0 20px;font-size:11px;display:flex}.lab-status b{color:#303630}.lab-status button{color:#646c65;background:#fff;border:1px solid #d9ded7;border-radius:3px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.target-field{background-color:#f4f5f2;background-image:radial-gradient(#ccd1cb 1px,#0000 1px);background-size:22px 22px;height:min(58vh,520px);min-height:360px;margin:18px;position:relative;overflow:hidden}.start-point{color:#8a918a;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.click-target{background:var(--accent);box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 18%, transparent);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.click-target span{background:#fff;border-radius:50%;width:25%;height:25%}.lab-caption{text-align:center;color:#838a83;margin:0 18px 18px;font-size:10px}.scenario-body{max-width:720px;margin:auto;padding:clamp(28px,5vw,58px)}.scenario-screen{border-left:3px solid var(--accent);background:#f0f2ee;flex-direction:column;justify-content:center;min-height:118px;padding:22px;display:flex}.scenario-screen small{color:var(--accent);font-size:9px;font-weight:800}.scenario-screen p{color:#414942;margin:9px 0 0;font-size:14px;line-height:1.75}.scenario-body>h3{margin:28px 0 14px;font-family:Georgia,Songti SC,serif;font-size:20px;font-weight:500;line-height:1.55}.choice-list{gap:8px;display:grid}.choice-list button{color:#404741;text-align:left;background:#fff;border:1px solid #d6dcd5;border-radius:3px;grid-template-columns:28px 1fr 20px;align-items:center;gap:10px;min-height:50px;padding:10px 14px;font-size:12px;display:grid}.choice-list button>span{color:#6f776f;background:#eef1ed;place-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:grid}.choice-list button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.choice-list button.selected>span{background:var(--accent);color:#fff}.choice-list button svg{color:var(--accent)}.scenario-submit{float:right;margin-top:22px}.scenario-submit:disabled{opacity:.42;cursor:not-allowed}.answer-review{gap:8px;margin:26px 0;display:grid}.answer-review>div{background:#f5f6f3;border-left:3px solid #afb6af;gap:11px;padding:13px 15px;display:flex}.answer-review>div.correct{border-left-color:#287a62}.answer-review>div.incorrect{border-left-color:#b64b3c}.answer-review>div>span{color:#6a726b;flex:none;padding-top:1px}.answer-review .correct>span{color:#287a62}.answer-review .incorrect>span{color:#b64b3c}.answer-review b{font-size:11px}.answer-review p{color:#687068;margin:5px 0 0;font-size:11px;line-height:1.6}.result-panel{padding:clamp(24px,4vw,44px)}.result-heading{align-items:flex-start;gap:18px;display:flex}.result-heading h2{margin:9px 0 26px;font-size:clamp(24px,3vw,34px)}.result-check{color:#287a62;background:#e1eee8;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.metric-row{border:1px solid #dce1da;grid-template-columns:repeat(3,1fr);display:grid}.metric-row>div{border-right:1px solid #dce1da;padding:18px}.metric-row>div:last-child{border:0}.metric-row small{color:#717971;margin-bottom:9px;font-size:10px;display:block}.metric-row b{margin-right:6px;font-family:Georgia,serif;font-size:28px}.metric-row span{color:#777f78;font-size:10px}.trial-chart{gap:10px;margin:28px 0;display:grid}.trial-chart>div{color:#6d756e;grid-template-columns:58px 1fr 65px;align-items:center;gap:12px;font-size:10px;display:grid}.trial-chart>div>div{background:#edf0eb;height:8px}.trial-chart i{background:var(--accent);height:100%;display:block}.trial-chart b{text-align:right;color:#3e453f}.principle{border-left:3px solid var(--accent);background:#f2f4f0;padding:19px 22px}.principle h3{margin:0 0 7px;font-size:13px}.principle p{color:#5e665f;margin:0;font-size:12px;line-height:1.75}.reflection{color:#626a63;border:1px dashed #cfd5ce;gap:16px;margin-top:15px;padding:17px 20px;font-size:12px;display:flex}.reflection b{color:var(--accent);flex:none}.related-knowledge{border-top:1px solid #dce1da;grid-template-columns:220px 1fr;gap:28px;margin-top:28px;padding-top:26px;display:grid}.related-knowledge h3{margin:8px 0 0;font-family:Georgia,Songti SC,serif;font-size:19px;font-weight:500}.related-knowledge>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.related-knowledge a{background:#fafbf9;border:1px solid #d6dcd5;justify-content:space-between;align-items:center;min-height:62px;padding:12px 14px;display:flex}.related-knowledge a span{flex-direction:column;gap:4px;display:flex}.related-knowledge a small{color:var(--accent);font-size:9px;font-weight:800}.related-knowledge a b{font-size:12px}.result-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.variant-picker{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px;display:grid}.variant-picker button{text-align:left;background:#fff;border:1px solid #d8ddd6;border-radius:3px;align-items:center;gap:12px;padding:14px;display:flex}.variant-picker button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.variant-picker button>b{width:28px;height:28px;color:var(--accent);background:#eef1ec;place-items:center;display:grid}.variant-picker span{font-size:12px;font-weight:700}.variant-picker small{color:#858c85;margin-top:3px;font-size:10px;font-weight:400;display:block}.form-lab{grid-template-columns:260px 1fr;min-height:500px;display:grid}.form-context{color:#fff;background:#202622;flex-direction:column;padding:42px 30px;display:flex}.form-context>span{color:#9eb8ac;font-size:11px}.form-context b{margin-top:16px;font-family:Georgia,Songti SC,serif;font-size:27px;line-height:1.35}.form-context small{color:#aeb6af;margin-top:auto}.form-lab form{flex-direction:column;justify-content:center;padding:48px clamp(28px,8vw,90px);display:flex}.form-lab label{margin-bottom:20px;display:block}.form-lab label>span{margin-bottom:7px;font-size:11px;font-weight:700;display:block}.form-lab input{border:1px solid #cfd5ce;border-radius:3px;outline:0;width:100%;height:43px;padding:0 12px}.form-lab input:focus{border-color:#287a62;box-shadow:0 0 0 3px #e0ece7}.form-lab .field-invalid input{border-color:#b64738}.form-lab label small{color:#b43f31;align-items:center;gap:5px;margin-top:6px;font-size:10px;display:flex}.summary-error{color:#a63b2e;background:#faebe8;align-items:center;gap:8px;margin-bottom:14px;padding:11px;font-size:11px;display:flex}.submit-button{align-self:flex-start;min-width:140px}@media (width<=760px){.site-header{height:62px;padding-right:12px}.course-label,.brand span:last-child{display:none}.main-nav{margin-left:auto;position:static;transform:none}.main-nav a{min-width:82px;font-size:12px}.library-intro,.knowledge-intro{padding-top:24px;padding-bottom:24px}.intro-copy{margin-left:3px}.browser-toolbar{flex-direction:column;align-items:stretch}.browser-layout{grid-template-columns:1fr;gap:20px}.chapter-directory{scroll-snap-type:x mandatory;background:0 0;border:0;flex-direction:row;gap:7px;margin-left:-24px;margin-right:-24px;padding:0 24px 8px;display:flex;position:static;overflow-x:auto}.chapter-directory button{scroll-snap-align:start;border:1px solid #d4dad3;flex:0 0 150px;min-height:86px}.filters{padding-bottom:4px;overflow-x:auto}.filters>svg{flex:none}.case-grid{grid-template-columns:1fr}.knowledge-intro{grid-template-columns:1fr;gap:24px;padding-top:42px}.knowledge-map-visual{display:none}.knowledge-grid{grid-template-columns:1fr}.knowledge-detail-layout{grid-template-columns:1fr;gap:28px}.case-heading{flex-direction:column;align-items:flex-start}.experiment-layout{grid-template-columns:1fr;gap:14px}.step-rail{padding:0;display:flex}.step-rail>div{flex:1}.step-rail>div:not(:last-child):after{width:calc(100% - 38px);height:1px;top:23px;left:28px}.brief-panel{grid-template-columns:1fr}.brief-panel aside{border-top:1px solid #dde1dc;border-left:0;gap:3px}.brief-panel aside .primary{margin-top:25px}.form-lab{grid-template-columns:1fr}.form-context{min-height:160px}.form-context small{margin-top:30px}.metric-row{grid-template-columns:1fr}.metric-row>div{border-bottom:1px solid #dce1da;border-right:0}.reflection{flex-direction:column;gap:6px}.related-knowledge{grid-template-columns:1fr;gap:14px}.related-knowledge>div:last-child{grid-template-columns:1fr}footer{flex-direction:column;gap:5px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}