@charset "UTF-8";
:root{--ink:#18372e;--muted:#617168;--green:#23684e;--deep:#153e30;--lime:#eaf1df;--orange:#ba632d;--paper:#f6f7f1;--line:#d9e1d7;--white:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 "Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.btn{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dc9d42;outline-offset:3px}img{max-width:100%;display:block}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(30px,4vw,54px);line-height:1.35;letter-spacing:-1px;font-weight:750}h2{font-size:28px;line-height:1.45}h3{font-size:18px;line-height:1.5}p{color:var(--muted)}small,.small{font-size:12px;color:var(--muted)}.container{max-width:1240px;padding:0 32px;margin:auto}.topbar{position:sticky;top:0;z-index:30;background:#f6f7f1f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.top-inner{max-width:1360px;min-height:76px;margin:auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;line-height:1.4;font-weight:bold;white-space:nowrap}.brandmark{width:36px;height:36px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:10px;font-size:20px}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:1px}.nav{display:flex;gap:24px;align-items:center;font-size:13px}.nav a:hover{color:var(--orange)}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;color:var(--green);margin-bottom:16px;display:block}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:30px;padding:3px 11px;font-size:12px;background:#fff9;color:var(--green)}.badge.orange{color:var(--orange);background:#fff0e5;border-color:#ead4bd}.hero{padding:66px 0 52px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}.hero p{font-size:16px;max-width:560px;margin-top:22px}.hero h1 em{font-style:normal;color:var(--green)}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}.btn,button.primary{border:1px solid var(--green);border-radius:9px;background:var(--green);padding:11px 20px;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;line-height:1.5;font-size:14px}.btn:hover,button.primary:hover{background:var(--deep)}.btn.secondary,button.secondary{background:transparent;color:var(--green);border:1px solid #b8cbbb}.btn.secondary:hover,button.secondary:hover{background:var(--lime)}.btn.light{background:#fff;color:var(--green);border-color:#fff}.text-link{font-size:13px;border-bottom:1px solid #a5b7ab;color:var(--green)}.hero-shot{border-radius:var(--radius);overflow:hidden;background:#12271f;box-shadow:0 18px 50px #153e301b;position:relative}.hero-shot img{width:100%;height:auto;aspect-ratio:1.47;object-fit:cover}.hero-shot figcaption{padding:13px 18px;color:#dce9df;display:flex;justify-content:space-between;font-size:12px;gap:15px}.hero-foot{display:flex;gap:26px;margin-top:25px;font-size:12px;color:var(--muted)}.hero-foot span:before{content:'•';margin-right:7px;color:var(--orange)}.section{padding:54px 0;border-top:1px solid var(--line)}.section-head{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head p{max-width:530px;font-size:14px}.section-head .eyebrow{margin-bottom:9px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.card .num{display:block;font:24px/1.2 Georgia,serif;color:#a9b8a9;margin-bottom:22px}.card h3{margin-bottom:10px}.card p{font-size:13px}.card .text-link{display:inline-block;margin-top:18px}.card.featured{background:var(--deep);color:#fff;border-color:var(--deep)}.card.featured p,.card.featured .num{color:#bdd3c4}.card.featured .text-link{color:#e8ead0}.resource-icons{display:flex;gap:8px;margin:18px 0 4px;flex-wrap:wrap}.resource-icons span{font-size:11px;color:var(--green);background:var(--lime);padding:2px 9px;border-radius:4px}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.flow a{padding:22px 16px;border-top:3px solid #b2c8b8;background:#fff;border-radius:0 0 10px 10px;transition:transform .2s}.flow a:hover{transform:translateY(-4px);border-color:var(--orange)}.flow b{display:block;font-size:16px}.flow span{font-size:12px;color:var(--muted);display:block;margin-top:8px}.flow i{display:block;color:var(--orange);font-style:normal;font-size:12px;margin-bottom:10px}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic{padding:24px;display:flex;gap:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.topic>span{font:22px Georgia;color:var(--orange)}.topic h3{font-size:16px}.topic p{font-size:12px;margin-top:7px}.topic a{font-size:12px;color:var(--green);margin-top:12px;display:inline-block}.filterbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.filterbar button,.chip{border:1px solid var(--line);background:#fff;border-radius:30px;padding:7px 16px;cursor:pointer;font-size:13px}.filterbar button.active,.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource{display:flex;flex-direction:column;gap:9px;background:#fff;padding:22px;border:1px solid var(--line);border-radius:12px}.resource h3{font-size:16px}.resource p{font-size:12px;flex:1}.resource a{font-size:13px;color:var(--green);font-weight:bold}.search{border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:#fff;color:var(--ink);min-width:240px}.support-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:start}.support-grid ol{padding-left:23px;color:var(--muted);font-size:14px}.support-grid li{padding:5px 0}.banner{padding:36px;background:var(--green);color:white;border-radius:var(--radius);display:flex;gap:30px;justify-content:space-between;align-items:center}.banner p{color:#d1e3d7;margin-top:10px;max-width:700px}.footer{border-top:1px solid var(--line);padding:28px 0 36px;font-size:12px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px}.hero-mini{padding:38px 0 30px}.hero-mini h1{font-size:34px;letter-spacing:0}.hero-mini p{margin-top:12px}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px;margin-bottom:50px}.side{position:sticky;top:95px;height:max-content}.side button{display:block;width:100%;background:transparent;border:0;text-align:left;padding:14px;border-radius:9px;font-size:13px;margin-bottom:5px;cursor:pointer}.side button.current{background:var(--green);color:#fff}.side button .stepno{display:inline-block;margin-right:10px;font-size:11px;opacity:.6}.side small{display:block;padding:15px}.panel{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0}.panel h2{font-size:24px;margin-bottom:10px}.panel h3{margin:23px 0 8px}.panel label{display:block;font-size:13px;color:var(--ink);font-weight:600;margin:16px 0 6px}.panel textarea{width:100%;min-height:115px;border:1px solid #cddace;border-radius:8px;padding:12px;resize:vertical;color:var(--ink);background:#fbfcf9}.panel input[type=number],.panel select{padding:8px;border:1px solid #cddace;border-radius:6px;background:#fff;width:100%;color:var(--ink)}.panel input[type=range]{width:100%;accent-color:var(--green)}.panel input[type=radio],.panel input[type=checkbox]{accent-color:var(--green);margin-right:9px}.panel .choice{display:flex;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:8px;font-weight:normal;cursor:pointer;background:#fbfcf9;margin:9px 0}.panel .choice input{flex:0 0 auto}.note{font-size:12px;border-left:3px solid #c99b54;padding:8px 12px;background:#fbf6ec;color:#6f643f;margin:16px 0}.progress{height:4px;background:#dfe6db;border-radius:4px;margin:20px 0}.progress>span{display:block;height:100%;background:var(--green);border-radius:4px;transition:width .2s}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stat{padding:18px;background:var(--paper);border-radius:9px}.stat b{display:block;color:var(--green);font-size:24px;font-family:Georgia,serif}.stat span{font-size:12px;color:var(--muted)}.feedback{border-left:3px solid var(--green);background:#f0f6ed;padding:16px 20px;font-size:14px;white-space:pre-line;margin:16px 0}.feedback:empty{display:none}.param-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.param{padding:15px;background:#f8faf5;border-radius:8px}.param label{margin:0 0 7px}.param small{display:block;margin-top:5px}.diagram{width:100%;height:auto;background:#f2f5ee;border:1px solid var(--line);border-radius:12px;margin-top:18px}.diagram text{font-family:"Microsoft YaHei",sans-serif}.record-table{border-collapse:collapse;width:100%;font-size:12px;margin:20px 0}.record-table th,.record-table td{padding:10px;border:1px solid var(--line);text-align:left}.record-table th{background:var(--lime)}.record-table td.warn{color:#98411f}.viewer{height:78vh;width:100%;border:1px solid var(--line);border-radius:12px;background:#eaf0e7}.viewer-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.quiz{padding:20px 0;border-bottom:1px solid var(--line)}.quiz>p{color:var(--ink);font-weight:bold}.rubric{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}.rubric>div{padding:15px 10px;background:var(--paper);border-radius:8px;font-size:12px}.rubric b{display:block;font-size:19px;color:var(--green)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--deep);color:#fff;padding:12px 22px;border-radius:10px;z-index:100;box-shadow:0 8px 25px #0003}.empty{padding:35px;text-align:center;color:var(--muted)}.hidden,[hidden]{display:none!important}.seg{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.step-actions{display:flex;justify-content:space-between;gap:15px;margin-top:24px;flex-wrap:wrap}.chapter{font-size:12px;color:var(--green)}.resource:hover,.topic:hover{border-color:#95b29b}.print-only{display:none}@media(max-width:950px){.hero-grid{gap:25px}.nav{gap:13px}.flow{grid-template-columns:repeat(3,1fr)}.topics,.resource-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:165px minmax(0,1fr)}.panel{padding:22px}.split{grid-template-columns:1fr}.param-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.container{padding:0 19px}.top-inner{padding:12px 19px;flex-wrap:wrap;gap:9px}.nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.top-inner .brand{font-size:14px}.brand small{font-size:10px}.hero{padding:35px 0}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:32px}.hero p{font-size:14px}.hero-foot{gap:14px;font-size:11px;flex-wrap:wrap}.section{padding:33px 0}.section-head{display:block}.section-head p{margin-top:12px}.grid-3,.grid-2,.topics,.resource-grid,.support-grid{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}.banner{display:block;padding:26px}.banner .btn{margin-top:20px}.workspace{grid-template-columns:1fr;gap:15px}.side{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.side button{text-align:center;padding:10px 3px;font-size:12px;margin:0}.side small{grid-column:1/-1;padding:5px 3px;font-size:11px}.side .stepno{margin-right:4px}.hero-mini h1{font-size:26px}.panel{padding:19px}.stats{gap:6px}.stat{padding:12px}.stat b{font-size:19px}.param-grid{gap:8px}.param{padding:11px}.rubric{grid-template-columns:repeat(2,1fr)}.footer-inner{display:block}.footer-inner span{display:block;margin:6px 0}.search{width:100%;margin-top:14px}.viewer{height:70vh}.viewer-bar{flex-wrap:wrap}.record-table{font-size:10px}.record-table th,.record-table td{padding:6px}.hero-shot figcaption{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media print{.topbar,.side,.actions,.step-actions,.footer,button,.no-print{display:none!important}.container{max-width:none;padding:0}.workspace{display:block}.panel{border:0;padding:0}.print-only{display:block}body{background:white}.note{background:white}.record-table{page-break-inside:avoid}}

@media(max-width:680px){.nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 16px}}
