:root{--bg:#f6faf8;--surface:#fff;--text:#1e293b;--text-muted:#5b7285;--accent:#10b981;--accent-dark:#059669;--accent-soft:#ecfdf5;--sky:#38bdf8;--sky-dark:#0284c7;--border:#dbe7e2;--radius:12px;--shadow:0 2px 10px #0f172a0d;--font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:"SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;line-height:1.75}a{color:var(--sky-dark);text-decoration:none}a:hover{text-decoration:underline}.bg-grid{background-image:linear-gradient(90deg,#10b9810d 1px,#0000 1px),linear-gradient(#10b9810d 1px,#0000 1px);background-size:36px 36px}.text-gradient{background:linear-gradient(120deg, var(--accent-dark), var(--sky-dark));color:#0000;background-clip:text}.gradient-card{background:linear-gradient(135deg,#ecfdf5cc,#ffffffe6);border:1px solid #10b98138}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:.6s ease-out both fade-up}.container{max-width:880px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border);backdrop-filter:blur(8px);z-index:10;background:#ffffffeb;position:sticky;top:0}.nav{align-items:center;gap:24px;max-width:880px;margin:0 auto;padding:14px 20px;display:flex}.nav .brand{letter-spacing:1px;color:var(--text);font-size:1.1rem;font-weight:800}.nav .brand:hover{text-decoration:none}.nav .brand em{background:linear-gradient(120deg, var(--accent), var(--sky));color:#0000;background-clip:text;font-style:normal}.nav a:not(.brand){color:var(--text-muted);font-size:.95rem}.nav a:not(.brand):hover{color:var(--accent-dark);text-decoration:none}.nav a.active{color:var(--accent-dark);font-weight:600}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:70px;padding:26px 0;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 24px}.page-hero{padding:44px 0 20px}.page-hero h1{letter-spacing:-.01em;margin:0 0 10px;font-size:1.9rem}.page-hero .subtitle{color:var(--text-muted);max-width:640px;margin:0;font-size:1.02rem}.md-body{color:#334155;font-size:15.5px;line-height:1.9}.md-body h1{letter-spacing:-.01em;color:var(--text);margin:4px 0 22px;font-size:1.65rem;font-weight:800}.md-body h2{color:var(--text);align-items:center;gap:10px;margin:40px 0 14px;font-size:1.28rem;font-weight:700;display:flex}.md-body h2:before{content:"";background:linear-gradient(180deg, var(--accent), var(--sky));border-radius:2px;flex-shrink:0;width:4px;height:1.05em}.md-body h3{color:var(--text);margin:26px 0 10px;font-size:1.08rem;font-weight:700}.md-body p{margin:14px 0}.md-body a{color:var(--sky-dark);text-underline-offset:3px;text-decoration:underline #38bdf866}.md-body a:hover{text-decoration-color:var(--sky)}.md-body strong{color:var(--text);font-weight:700}.md-body ul,.md-body ol{margin:14px 0;padding-left:26px}.md-body ul{list-style:outside}.md-body ul li::marker{color:var(--accent)}.md-body ol{list-style:decimal}.md-body ol li::marker{color:var(--accent-dark);font-family:var(--mono);font-size:.9em}.md-body li{margin:6px 0}.md-body blockquote{border-left:4px solid var(--accent);background:var(--accent-soft);color:#47665a;border-radius:0 10px 10px 0;margin:18px 0;padding:10px 18px}.md-body blockquote p{margin:4px 0}.md-body hr{border:none;border-top:1px solid var(--border);margin:34px 0}.md-body code{font-family:var(--mono);color:#047857;background:#eaf4ef;border-radius:5px;padding:2px 6px;font-size:.88em}.md-body pre{border-radius:var(--radius);box-shadow:var(--shadow);background:#f2f7f5;border:1px solid #dcebe4;margin:18px 0;padding:16px 18px;overflow-x:auto}.md-body pre code{color:#334155;background:0 0;padding:0;font-size:13px;line-height:1.7}.md-body table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.93em}.md-body thead th{border-bottom:1px solid var(--border);text-align:left;color:#065f46;background:#10b98114;padding:9px 14px;font-weight:700}.md-body tbody td{vertical-align:top;border-bottom:1px solid #dbe7e2cc;padding:9px 14px}.md-body tbody tr:last-child td{border-bottom:none}.md-body tbody tr:nth-child(2n){background:#f7faf8e6}.hero{text-align:center;padding:72px 0 40px}.hero .kicker{font-family:var(--mono);letter-spacing:.22em;color:var(--accent-dark);margin:0 0 16px;font-size:12px}.hero h1{letter-spacing:-.02em;margin:0 0 14px;font-size:2.7rem;font-weight:900;line-height:1.2}.hero p.lead{max-width:560px;color:var(--text-muted);margin:0 auto 26px;font-size:1.05rem}.hero .cta-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn{border-radius:999px;padding:11px 26px;font-size:.98rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-block}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:linear-gradient(120deg, var(--accent), var(--sky));color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-primary:hover{box-shadow:0 6px 18px #0ea5e959}.btn-ghost{border:1px solid var(--border);color:var(--text);background:var(--surface)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-dark)}.section-title{text-align:center;margin:54px 0 8px;font-size:1.5rem;font-weight:800}.section-sub{text-align:center;color:var(--text-muted);margin:0 0 28px;font-size:.95rem}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;padding-bottom:10px;display:grid}.chapter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;transition:transform .15s,border-color .15s,box-shadow .15s;display:block;position:relative}.chapter-card:hover{border-color:#10b98173;text-decoration:none;transform:translateY(-3px);box-shadow:0 8px 22px #0f172a14}.chapter-card .ch-num{font-family:var(--mono);letter-spacing:.1em;color:var(--accent-dark);font-size:11px;font-weight:700}.chapter-card h3{margin:10px 0 8px;font-size:1.05rem;font-weight:700;line-height:1.4}.chapter-card p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.6}.chapter-card .ch-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tag{background:var(--accent-soft);color:#047857;border:1px solid #10b98133;border-radius:999px;padding:2px 9px;font-size:11px}.path-list{gap:16px;max-width:680px;margin:0 auto;padding-bottom:20px;display:grid}.path-item{align-items:flex-start;gap:18px;display:flex}.path-item .step-badge{color:#fff;background:linear-gradient(135deg, var(--accent), var(--sky));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:800;display:flex}.path-item h3{margin:0 0 4px;font-size:1.02rem}.path-item p{color:var(--text-muted);margin:0;font-size:.9rem}.chapter-header{padding:36px 0 10px}.chapter-header .ch-num{font-family:var(--mono);letter-spacing:.18em;color:var(--accent-dark);font-size:12px;font-weight:700}.chapter-header h1{letter-spacing:-.01em;margin:10px 0 8px;font-size:1.9rem;font-weight:900}.chapter-header .subtitle{color:var(--text-muted);margin:0 0 14px;font-size:1.02rem}.chapter-header .ch-tags{flex-wrap:wrap;gap:6px;display:flex}.questions-box{border-radius:var(--radius);margin:22px 0 8px;padding:18px 22px}.questions-box h2{align-items:center;gap:8px;margin:0 0 12px;font-size:1rem;font-weight:700;display:flex}.questions-box h2 .q-icon{color:#fff;background:linear-gradient(135deg,#34d399,#38bdf8);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.questions-box ul.question-list{margin:0;padding-left:20px;list-style:none}.questions-box li{color:#2f4a41;margin:8px 0;font-size:.95rem;position:relative}.questions-box li:before{content:"";background:linear-gradient(120deg, var(--accent), var(--sky));border-radius:50%;width:6px;height:6px;position:absolute;top:.65em;left:-14px}.body-card{margin-top:8px;padding:26px 30px 30px}.chapter-nav{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:28px;display:flex}.chapter-nav a{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);color:var(--text-muted);max-width:46%;padding:12px 18px;font-size:.92rem;transition:border-color .15s,color .15s;display:block}.chapter-nav a:hover{color:var(--accent-dark);border-color:#10b98180;text-decoration:none}.chapter-nav a .dir{font-size:.78rem;font-family:var(--mono);letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px;display:block}.chapter-nav a .t{color:var(--text);font-weight:600}.chapter-nav .next{text-align:right;margin-left:auto}.chapter-nav a.disabled{opacity:.45;pointer-events:none}.quiz-section{margin-bottom:36px}.quiz-section h2{margin:0 0 4px;font-size:1.2rem;font-weight:800}.quiz-section .ch-link{color:var(--text-muted);font-size:.85rem}.quiz-item{border-radius:var(--radius);margin-top:14px;padding:16px 20px}.quiz-item h3{margin:0 0 6px;font-size:1rem;font-weight:700}.quiz-item p{color:#47665a;margin:0;font-size:.92rem}.quiz-item .q-marker{font-family:var(--mono);color:var(--accent-dark);letter-spacing:.1em;font-size:11px;font-weight:700}@media (width<=640px){.hero h1{font-size:1.9rem}.chapter-header h1{font-size:1.5rem}.body-card{padding:18px}.chapter-nav a{max-width:100%}.nav{gap:16px}}