:root{--c3-paper:#f4f0e8;--c3-card:#fffdf8;--c3-ink:#232522;--c3-muted:#6d706a;--c3-line:#d6cfc2;--c3-accent:#bd5e34;--c3-accent-soft:#f2ded2;--c3-green:#35654c;--c3-blue:#324e63;--c3-night:#172027;--c3-shadow:0 20px 55px rgba(28,31,29,.11);--c3-serif:"Noto Serif SC","Songti SC","SimSun",serif;--c3-sans:"Noto Sans SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--c3-paper);color:var(--c3-ink);font-family:var(--c3-sans);line-height:1.55}.c3-pending #c3Workbench{visibility:hidden}.c3-shell{min-height:100vh}.c3-topbar{position:sticky;z-index:40;top:0;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:18px;align-items:center;min-height:70px;padding:10px clamp(16px,4vw,58px);background:rgba(244,240,232,.94);border-bottom:1px solid var(--c3-line);backdrop-filter:blur(12px)}.c3-brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:inherit}.c3-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--c3-accent);border-radius:50%;color:var(--c3-accent);font:700 12px var(--c3-serif)}.c3-brand b{display:block;font:700 17px var(--c3-serif);letter-spacing:.08em}.c3-brand small{display:block;color:var(--c3-muted);font-size:9px;letter-spacing:.12em}.c3-lesson-nav{display:flex;gap:5px}.c3-lesson-nav a{min-width:42px;padding:8px 9px;border:1px solid transparent;color:var(--c3-muted);font-size:11px;text-align:center;text-decoration:none}.c3-lesson-nav a:hover,.c3-lesson-nav a[aria-current="page"]{border-color:var(--c3-line);background:var(--c3-card);color:var(--c3-ink)}.c3-status-inline{display:flex;gap:8px;align-items:center}.c3-status-inline span{padding:6px 9px;border:1px solid var(--c3-line);background:var(--c3-card);font-size:10px}.c3-status-inline b{padding:6px 10px;background:var(--c3-night);color:#fff;font-size:10px;letter-spacing:.08em}.c3-status-inline b[data-status="complete"]{background:var(--c3-green)}.c3-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;width:min(1500px,calc(100% - 40px));margin:24px auto 118px}.c3-main{min-width:0}.c3-side{position:relative}.c3-feedback{position:sticky;top:94px;padding:18px;background:var(--c3-night);color:#eef3f0;border-top:3px solid var(--c3-accent);box-shadow:var(--c3-shadow)}.c3-feedback-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.c3-feedback-head span{font-size:10px;letter-spacing:.08em;color:#bdc9c3}.c3-feedback-head b{font:700 13px var(--c3-serif)}.c3-feedback p{font:500 14px/1.75 var(--c3-serif)}.c3-feedback-boundary{padding-top:12px;border-top:1px solid #415057;color:#bfc8c5;font-size:10px}.c3-feedback-boundary b{color:#f5c2a9}.c3-source{margin-top:12px;padding:14px;border:1px solid var(--c3-line);background:var(--c3-card);font-size:10px;color:var(--c3-muted)}.c3-source b{display:block;margin-bottom:5px;color:var(--c3-ink);font:700 13px var(--c3-serif)}.c3-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;min-height:235px;padding:clamp(26px,5vw,58px);background:linear-gradient(132deg,#1d292f 0%,#293c44 62%,#6a3f2f 100%);color:#fff;box-shadow:var(--c3-shadow)}.c3-hero:after{content:"";position:absolute;right:-80px;top:-130px;width:360px;height:360px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.04),0 0 0 96px rgba(255,255,255,.025)}.c3-hero>div{position:relative;z-index:1}.c3-hero h1{max-width:900px;margin:7px 0 12px;font:700 clamp(28px,4.2vw,54px)/1.2 var(--c3-serif);letter-spacing:.03em}.c3-hero p{max-width:850px;margin:0;color:#dce3e1;font-size:14px}.c3-kicker{color:var(--c3-accent);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.c3-hero .c3-kicker{color:#efb290}.c3-badge{flex:0 0 auto;padding:10px 13px;border:1px solid rgba(255,255,255,.38);background:rgba(10,18,22,.36);font:700 12px var(--c3-serif);white-space:nowrap}.c3-badge.ok{border-color:#87b99c}.c3-badge.bad{border-color:#e0846d;background:#6e2e25}.c3-section{margin-top:22px;padding:clamp(18px,3vw,30px);background:rgba(255,253,248,.55);border:1px solid var(--c3-line)}.c3-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.c3-section-head>div{display:flex;gap:11px;align-items:baseline}.c3-section-head span{color:var(--c3-accent);font:700 12px var(--c3-serif)}.c3-section-head h2{margin:0;font:700 clamp(19px,2.2vw,27px) var(--c3-serif)}.c3-section-head p{max-width:520px;margin:0;color:var(--c3-muted);font-size:11px;text-align:right}.c3-grid{display:grid;gap:13px}.c3-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.c3-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.c3-card{position:relative;min-width:0;padding:17px;border:1px solid var(--c3-line);background:var(--c3-card)}.c3-card h3{margin:4px 0 12px;font:700 16px/1.45 var(--c3-serif)}.c3-card p{color:var(--c3-muted);font-size:11px}.c3-card code{display:inline-block;margin-bottom:9px;padding:4px 7px;background:#e8ecec;color:var(--c3-blue);font:600 9px/1.4 Consolas,monospace}.c3-accent{border-top:3px solid var(--c3-accent)}.c3-step{position:absolute;right:12px;top:10px;color:#d9d0c2;font:700 28px var(--c3-serif)}.c3-field{display:block;margin-top:11px}.c3-field>span{display:block;margin-bottom:5px;color:#4c504b;font-size:10px;font-weight:650}.c3-field input[type="text"],.c3-field input[type="number"],.c3-field textarea,.c3-field select{width:100%;min-height:40px;padding:9px 10px;border:1px solid var(--c3-line);border-radius:0;background:#fff;color:var(--c3-ink);font:500 12px/1.55 var(--c3-sans)}.c3-field textarea{resize:vertical}.c3-field input:focus,.c3-field textarea:focus,.c3-field select:focus{outline:2px solid #cf8b67;outline-offset:1px;border-color:#8d5b41}.c3-file{padding:10px;border:1px dashed #b9aa96;background:#f8f3eb}.c3-file input{width:100%;font-size:10px}.c3-file em{display:block;margin-top:7px;color:var(--c3-muted);font-size:9px;font-style:normal;word-break:break-all}.c3-hint{display:block;margin-top:5px;color:var(--c3-muted);font-size:9px}.c3-check{display:flex;gap:9px;align-items:flex-start;margin-top:10px;padding:10px;border:1px solid var(--c3-line);background:#faf7f1;cursor:pointer}.c3-check input{flex:0 0 auto;margin-top:3px;width:16px;height:16px;accent-color:var(--c3-green)}.c3-check b{display:block;font-size:11px}.c3-contract-line{padding:8px 10px;background:#e7ecee;color:var(--c3-blue)!important;font:700 13px var(--c3-serif)}.c3-boundary{margin-top:22px;border-left:4px solid #9c4d43;background:#f8eeea}.c3-boundary ul{padding-left:19px;color:#71483f;font-size:11px}.c3-boundary li{margin:5px 0}.c3-id-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.c3-id-list code{padding:4px 7px;background:#e7ecee;color:var(--c3-blue);font:600 9px Consolas,monospace}.c3-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.c3-time{display:flex;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--c3-line)}.c3-time b{font:700 14px var(--c3-serif)}.c3-time span{color:var(--c3-accent);font:700 12px var(--c3-serif)}.c3-protocol{background:#edf2ef;border-color:#b9cabf}.c3-protocol dl{display:grid;grid-template-columns:1fr auto;margin:10px 0;border-top:1px solid #c7d4cc}.c3-protocol dt,.c3-protocol dd{margin:0;padding:7px 0;border-bottom:1px solid #c7d4cc;font-size:10px}.c3-protocol dd{font-weight:700}.c3-board-card{display:grid;grid-template-columns:minmax(160px,.55fr) minmax(0,1fr);column-gap:16px}.c3-board-preview{grid-row:1/5;aspect-ratio:420/594;display:grid;place-items:center;background:linear-gradient(155deg,#eee7dc,#dcd4c6);border:1px solid #bcb09d;color:#786b5d;text-align:center;font:700 12px/1.7 var(--c3-serif)}.c3-slide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.c3-slide{border-top:3px solid var(--c3-blue)}.c3-slide-head{display:flex;justify-content:space-between;gap:8px}.c3-slide-head b{display:grid;place-items:center;width:34px;height:34px;background:var(--c3-night);color:#fff;font:700 10px var(--c3-serif)}.c3-slide-head span{color:var(--c3-accent);font:700 12px var(--c3-serif)}.c3-note{padding:10px 12px;border-left:3px solid var(--c3-blue);background:#e6ecef;color:#495e6b;font-size:10px}.c3-gate-section{background:#e9ece8}.c3-gates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0;list-style:none}.c3-gates li{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--c3-line);background:var(--c3-card)}.c3-gates li>span{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#eee7dc;color:#8b775e;font-weight:800}.c3-gates li.pass>span{background:#dbe9df;color:var(--c3-green)}.c3-gates b{display:block;font-size:11px}.c3-gates small{display:block;margin-top:3px;color:var(--c3-muted);font-size:9px}.c3-actions{position:fixed;z-index:50;left:0;right:0;bottom:0;display:flex;justify-content:flex-end;gap:8px;align-items:center;padding:12px clamp(16px,4vw,58px);background:rgba(23,32,39,.96);box-shadow:0 -10px 30px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.c3-actions button,.c3-actions a{min-height:42px;padding:10px 15px;border:1px solid #73828a;background:transparent;color:#fff;font:650 11px var(--c3-sans);text-decoration:none;cursor:pointer}.c3-actions button:hover,.c3-actions a:hover{background:#31424b}.c3-actions .primary{border-color:#d47a52;background:var(--c3-accent)}.c3-actions .primary:hover{background:#9f4929}.c3-actions a[aria-disabled="true"]{opacity:.4;pointer-events:none}.c3-toast{position:fixed;z-index:120;left:50%;bottom:78px;transform:translate(-50%,15px);padding:10px 15px;background:var(--c3-night);color:#fff;border:1px solid #72848c;opacity:0;pointer-events:none;transition:.2s;font-size:11px}.c3-toast.show{opacity:1;transform:translate(-50%,0)}.c3-toast.bad{border-color:#d47a52;background:#582b25}.c3-guard{position:fixed;z-index:2147483646;inset:0;display:grid;place-items:center;padding:20px;background:rgba(10,14,16,.91)}.c3-guard[hidden]{display:none}.c3-guard section{width:min(680px,96vw);padding:30px;background:var(--c3-paper);border:1px solid #c49473;box-shadow:0 30px 90px rgba(0,0,0,.45)}.c3-guard h2{font:700 27px var(--c3-serif)}.c3-guard p{color:var(--c3-muted)}.c3-guard code{display:block;padding:9px;background:#e8e1d6;color:#774b39;word-break:break-all}.c3-guard section>div:last-child{display:flex;gap:8px;margin-top:18px}.c3-guard a,.c3-guard button{padding:10px 14px;border:0;background:var(--c3-night);color:#fff;text-decoration:none;cursor:pointer}
@media(max-width:1100px){.c3-layout{grid-template-columns:1fr}.c3-side{order:-1}.c3-feedback{position:static}.c3-timeline,.c3-slide-grid,.c3-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.c3-topbar{grid-template-columns:1fr auto;padding:9px 12px}.c3-lesson-nav{display:none}.c3-status-inline span{display:none}.c3-layout{width:min(100% - 18px,1500px);margin-top:10px}.c3-hero{min-height:250px;display:block;padding:25px 19px}.c3-badge{display:inline-block;margin-top:20px}.c3-section{padding:15px}.c3-section-head{display:block}.c3-section-head p{text-align:left;margin-top:6px}.c3-grid-2,.c3-grid-3,.c3-timeline,.c3-slide-grid,.c3-gates{grid-template-columns:1fr}.c3-board-card{display:block}.c3-board-preview{width:min(230px,100%);margin:0 auto 14px}.c3-actions{overflow:auto;justify-content:flex-start;padding:9px}.c3-actions button,.c3-actions a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.c3-toast{transition:none}}