:root{--paper:#f8f9f5;--ink:#24362e;--green:#3e7558;--muted:#788178;--line:#e0e5dd;--lime:#d5edaa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.75}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #81a964;outline-offset:4px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#eef1e9;border-right:1px solid var(--line);padding:35px 25px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-size:24px;font-weight:700;letter-spacing:2px}.brand-icon{background:#284c37;color:#e1efcc;border-radius:10px;width:35px;height:35px;display:grid;place-items:center;font-size:26px}.brand-en{font-size:10px;letter-spacing:2px;font-weight:500;color:#7b887a}.side-label{font-size:9px;letter-spacing:1.5px;color:#929b8d;margin:55px 7px 16px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:12px;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:14px;color:#6f796e}.sidebar nav a span{font-size:10px;opacity:.7;font-family:monospace}.sidebar nav a i{margin-left:auto;font-style:normal;opacity:0}.sidebar nav a.active{background:#dfe8d5;color:#2c5038;font-weight:600}.sidebar nav a.active i{opacity:1}.side-bottom{margin-top:auto;font-size:10px;color:#6c7b69;padding:30px 6px 0}.side-bottom small{display:block;font-size:9px;margin-top:7px;color:#8b9485}.live-dot{display:inline-block;width:6px;height:6px;background:#6b9256;border-radius:50%;margin-right:7px}.mini-line{width:30px;border-top:1px solid #b4c1aa;margin:20px 0}main{margin-left:248px}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;position:sticky;top:0;z-index:10;background:#f8f9f5f2;backdrop-filter:blur(12px)}.breadcrumb{font-size:11px;color:#6a796d}.breadcrumb span{margin:0 13px;color:#c0c8bb}.actions{display:flex;align-items:center;gap:10px}.actions>span{font-size:10px;color:#8a9486;margin-right:8px}button{border:1px solid #dbe1d5;background:transparent;border-radius:5px;padding:8px 13px;font-size:11px;color:var(--ink)}button:hover{background:#e8edde}button.dark{background:#2d4b37;color:white;border-color:#2d4b37}button.dark:hover{background:#43674b}.hero,.chapter{max-width:1110px;margin:auto;padding:48px 54px}.eyebrow{font-size:9px;letter-spacing:2px;color:#7b8e74;display:flex;align-items:center;gap:8px}.eyebrow>span:first-child:empty{width:5px;height:5px;background:#659453;border-radius:50%}.template-badge{font-size:9px;letter-spacing:1px;border:1px solid #dbe3d3;padding:2px 8px;border-radius:3px;margin-left:8px}h1{font-family:"Microsoft YaHei",sans-serif;font-size:clamp(34px,3.7vw,54px);line-height:1.4;letter-spacing:-1.7px;font-weight:600;margin:24px 0 18px}h1>span{color:#6e8e53}.hero-desc{color:#87907f;font-size:13px;line-height:2}.project-card{margin-top:34px;background:#eaf0e1;border:1px solid #dfe7d5;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:6px}.label{display:block;font-size:10px;color:#7b8973;letter-spacing:1px;margin-bottom:9px}h2,h3,p{margin-top:0}.project-card h2{font-size:22px;font-weight:500;margin-bottom:7px}.project-card p{font-size:11px;color:#7b8872;margin-bottom:0}.project-tag{border-left:1px solid #cad6bf;padding-left:25px;white-space:nowrap;font-size:11px;color:#607653}.project-tag span{display:block;font-size:8px;letter-spacing:1.5px;margin-top:6px}.metadata{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;padding:24px 0}.metadata>div{padding:0 20px;border-right:1px solid var(--line);font-size:11px}.metadata>div:first-child{padding-left:0}.metadata>div:last-child{border:0}.status-pill{display:inline-block;font-size:10px;color:#78925c}.status-pill:before{content:'●';font-size:7px;margin-right:7px}.journey{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:18px 4px;font-size:11px;color:#566c4b}.journey b{font-weight:400;color:#adbba1}.chapter{padding-top:34px;padding-bottom:32px;scroll-margin-top:10px}.section-heading{display:flex;align-items:center;gap:16px}.number{font-family:Georgia,serif;font-size:38px;line-height:1.2;color:#a3b68f;font-style:italic}.section-heading h2{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:6px 0 0}.section-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.section-note{margin-left:auto;color:#929e89;font-size:10px}.section-intro{color:#8a9483;font-size:11px;margin:18px 0 23px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.paper{background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px}.paper h3{font-size:15px;font-weight:500;margin-bottom:10px}.paper p,.paper li{font-size:11px;color:#87917f;line-height:1.9;margin-bottom:0}.paper ul{padding-left:16px;margin:0}.image-slot{margin-top:18px;background:repeating-linear-gradient(135deg,#f0f3eb,#f0f3eb 1px,#f5f7f1 1px,#f5f7f1 8px);border:1px dashed #ccd6bf;border-radius:6px;position:relative;overflow:hidden;min-height:204px;display:grid;place-items:center}.image-slot.large{min-height:280px;margin-top:0}.upload{width:100%;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;padding:25px;background:transparent;border-radius:0}.upload:hover{background:#e5eddb80}.image-icon{width:40px;height:40px;border:1px solid #d6dfcc;background:#f9fbf5;color:#879d71;font-size:24px;border-radius:10px;margin-bottom:8px;display:grid;place-items:center}.upload strong{font-weight:500;font-size:12px;color:#6d805e}.upload>span:not(.image-icon){font-size:10px;color:#93a084}.upload small{font-size:9px;color:#a3ad99}.image-slot img{display:block;width:100%;height:auto;object-fit:contain;background:white}.image-tools{position:absolute;right:10px;top:10px;display:flex;gap:5px}.image-tools button{background:#fffffff0}.keyword-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:white;border-radius:6px;padding:22px 0}.keyword-grid>div{padding:0 22px;border-right:1px solid var(--line)}.keyword-grid>div:last-child{border:0}.keyword-grid p{font-size:12px;margin:0;color:#698256}.query-block{background:#293e30;color:#d8e8c7;border-radius:6px;margin:18px 0;padding:22px 25px}.query-block>div{display:flex;align-items:center;justify-content:space-between}.code-label{font-size:8px;letter-spacing:1.6px;color:#a2b496}.query-block button{color:#b9caa8;border-color:#5a7050;font-size:9px;padding:4px 8px}.query-block button:hover{background:#3c5541}.query-block code{display:block;font-size:14px;margin:17px 0;white-space:pre-wrap;overflow-wrap:anywhere}.query-block p{font-size:10px;color:#9fb392;margin:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px;margin-top:18px}table{width:100%;border-collapse:collapse;font-size:10px;text-align:left;background:white}th{background:#edf1e7;color:#738366;font-weight:500;white-space:nowrap}td,th{padding:15px 20px;border-bottom:1px solid var(--line);min-width:130px}tr:last-child td{border:0}td{color:#86907e}.round{border:1px solid var(--line);background:white;border-radius:6px;padding:22px;margin-top:18px}.round-head{display:flex;align-items:center;gap:12px}.round-badge{font-size:8px;letter-spacing:1px;color:#708858;border:1px solid #dfe7d5;background:#f4f7ee;padding:4px 8px;border-radius:3px}.round-head h3{font-size:14px;font-weight:500;margin:0}.pending{font-size:9px;color:#98a08e;margin-left:auto}.round-info{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:22px 0 15px}.round-info p{font-size:10px;color:#87917f;line-height:1.9}.caption{font-size:9px;color:#9ba391;margin:12px 0 0}.iteration{display:flex;gap:18px;border-left:2px solid #d2dfbf;margin:22px 0 22px 20px;padding:5px 20px;color:#8da477}.iteration>span{font-size:22px}.iteration p{font-size:11px;color:#839076;margin:0}.conclusion-box{background:#eaf0e1;border:1px solid #dbe5ce;border-radius:6px;padding:30px;margin-top:25px}.conclusion-box h3{font-size:18px;font-weight:500;margin-bottom:15px}.conclusion-box p{font-size:11px;color:#7e8b71}.reflection{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #d4dfc9;padding-top:22px;margin-top:24px}.reflection p{margin:0}footer{margin:30px 54px 0;padding:30px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px}footer .brand{font-size:17px}footer p{color:#9ba48f;font-size:10px;margin:0}footer>span{margin-left:auto;font-size:9px;color:#9ba48f}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);padding:10px 22px;background:#28432f;color:#fff;border-radius:6px;opacity:0;pointer-events:none;transition:.2s;z-index:30;font-size:12px}#toast.show{opacity:1;transform:translateX(-50%)}[contenteditable=true]{outline:1px dashed #98b580;outline-offset:5px;min-width:20px;border-radius:2px}[contenteditable=true]:focus{outline:2px solid #6c954b;background:#eff6e6}.editing #edit{background:#dfeacb}.presentation header,.presentation .image-tools{display:none}@media(min-width:1500px){.hero,.chapter{max-width:1170px;padding-inline:65px}}@media(max-width:1050px){.sidebar{width:205px;padding:30px 18px}main{margin-left:205px}.hero,.chapter{padding-inline:30px}header{padding:0 30px}.actions>span{display:none}.section-note{display:none}.project-tag{display:none}footer{margin-inline:30px}footer>span{display:none}}@media(max-width:720px){html{scroll-padding-top:120px}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:12px 18px;z-index:20}.sidebar .brand{font-size:19px}.brand-icon{width:28px;height:28px;font-size:22px}.side-label,.side-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:4px;margin-top:12px}.sidebar nav a{white-space:nowrap;padding:7px;font-size:10px;gap:5px}.sidebar nav a i{display:none}main{margin:0}header{position:static;height:60px;padding:0 20px}.breadcrumb{font-size:10px}.actions{gap:5px}button{font-size:10px;padding:7px 9px}.hero,.chapter{padding:30px 22px}.hero{padding-top:30px}h1{font-size:36px}.project-card{padding:20px;margin-top:25px}.project-card h2{font-size:19px}.metadata{grid-template-columns:1fr 1fr;gap:18px}.metadata>div:nth-child(3){padding-left:0}.metadata>div:nth-child(2){border:0}.two-col,.round-info,.reflection{grid-template-columns:1fr;gap:12px}.section-heading h2{font-size:18px}.number{font-size:32px}.keyword-grid{grid-template-columns:1fr;padding:0}.keyword-grid>div{border:0;border-bottom:1px solid var(--line);padding:16px 20px}.query-block{padding:20px}.query-block code{font-size:12px}.round{padding:16px}.round-head{gap:8px}.round-head h3{font-size:12px}.round-badge{font-size:7px}.round-info{gap:0}.image-slot.large{min-height:220px}.conclusion-box{padding:22px}.journey{font-size:10px}footer{margin:20px 22px 0;display:block}footer p{margin-top:8px}}@media print{.sidebar,header,.image-tools,#toast{display:none!important}main{margin:0}.hero,.chapter{padding:20px 25px;max-width:none}.chapter{break-inside:avoid}.image-slot img{max-height:none}.round{break-inside:avoid}body{background:white;font-size:11px}h1{font-size:36px}footer{margin:15px 25px}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}