:root{color-scheme:dark;--font-sans: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--font-mono: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", monospace;--bg: #07101f;--bg-soft: #0d1830;--bg-elevated: rgba(17, 31, 58, .84);--bg-panel: rgba(14, 25, 48, .92);--bg-panel-strong: rgba(19, 34, 63, .98);--bg-accent: rgba(255, 160, 66, .12);--surface-border: rgba(157, 185, 255, .16);--surface-border-strong: rgba(255, 160, 66, .34);--text: #ebf1ff;--text-muted: #a8b7db;--text-soft: #8292bc;--heading: #f8fbff;--primary: #ffa042;--primary-strong: #ffbd6e;--secondary: #61d6ff;--success: #55d7a5;--warning: #ffc36c;--danger: #ff8e8e;--shadow-lg: 0 30px 80px rgba(0, 0, 0, .32);--shadow-md: 0 18px 44px rgba(0, 0, 0, .26);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .2);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--container: 1180px;--space-1: .375rem;--space-2: .625rem;--space-3: .875rem;--space-4: 1.125rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.75rem;--space-8: 4rem;--space-9: 5.5rem;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left,rgba(97,214,255,.18),transparent 28rem),radial-gradient(circle at top right,rgba(255,160,66,.16),transparent 24rem),radial-gradient(circle at 15% 85%,rgba(73,117,255,.12),transparent 28rem),linear-gradient(180deg,#07101f,#0c1730 46%,#08101d);line-height:1.7;text-rendering:optimizeLegibility}body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:-1}body:before{top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,rgba(0,0,0,.48),transparent 88%);opacity:.22}body:after{top:6rem;right:-5rem;width:22rem;height:22rem;background:radial-gradient(circle,rgba(255,160,66,.2),transparent 72%);filter:blur(24px)}img,svg,video,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{color:#04101d;background:#ffbd6eeb}:focus-visible{outline:2px solid rgba(255,189,110,.92);outline-offset:3px}h1,h2,h3,h4,h5,h6{margin:0;color:var(--heading);line-height:1.15;letter-spacing:-.02em}h1,h2{font-family:var(--font-serif)}h1{font-size:clamp(2.9rem,6vw,5.6rem)}h2{font-size:clamp(2rem,4vw,3.3rem)}h3{font-size:clamp(1.25rem,2.4vw,1.8rem)}p,ul,ol,pre,blockquote{margin:0}ul,ol{padding-left:1.25rem}code,pre{font-family:var(--font-mono)}pre{overflow-x:auto}blockquote{padding-left:1rem;border-left:3px solid rgba(255,160,66,.55);color:var(--text-muted)}.page-shell{position:relative;overflow:clip}.container{width:min(calc(100% - 2rem),var(--container));margin:0 auto}.section{padding:var(--space-9) 0}.section--dense{padding:var(--space-8) 0}.section-heading,.section-intro{display:grid;gap:var(--space-3);max-width:48rem;margin-bottom:var(--space-6)}.eyebrow,.badge,.pill,.tag{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;border-radius:999px;letter-spacing:.02em}.eyebrow{padding:.45rem .8rem;background:#ffa04224;border:1px solid rgba(255,160,66,.22);color:var(--primary-strong);font-size:.8rem;font-weight:700;text-transform:uppercase}.badge,.pill,.tag{padding:.35rem .7rem;background:#9db9ff14;border:1px solid rgba(157,185,255,.15);color:var(--text-muted);font-size:.82rem;font-weight:600}.badge--hot,.pill--accent,.tag--accent{background:#ffa0421f;border-color:#ffa0424d;color:var(--primary-strong)}.badge--success,.pill--success,.tag--success{background:#55d7a51f;border-color:#55d7a547;color:var(--success)}.badge--info,.pill--info,.tag--info{background:#61d6ff1f;border-color:#61d6ff3d;color:var(--secondary)}.lede,.text-muted{color:var(--text-muted)}.lede{font-size:clamp(1.05rem,2vw,1.28rem);max-width:42rem}.text-soft{color:var(--text-soft)}.surface,.panel,.glass-card,.card,.module-card,.resource-card,.feature-card,.stage-card,.lesson-card,.lab-card,.timeline-card,.stat-card,.checklist-card,.notice{background:linear-gradient(180deg,#142241fa,#0b162bf0);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);backdrop-filter:blur(18px)}.panel,.glass-card,.card,.module-card,.resource-card,.feature-card,.stage-card,.lesson-card,.lab-card,.timeline-card,.stat-card,.checklist-card{padding:var(--space-5)}.surface--accent,.card--accent,.lab-card--accent{border-color:var(--surface-border-strong);background:linear-gradient(180deg,#202b48fa,#10192bf0),radial-gradient(circle at top right,rgba(255,160,66,.12),transparent 54%)}.card-stack,.flow-stack,.card-grid,.feature-grid,.stage-grid,.resource-grid,.stats-grid,.interactive-grid,.lesson-grid,.cta-grid{display:grid;gap:var(--space-4)}.card-grid,.feature-grid,.resource-grid,.lesson-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stage-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.interactive-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(157,185,255,.08);background:#07101fb8;backdrop-filter:blur(18px)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:4.75rem}.brand{display:inline-flex;align-items:center;gap:.85rem;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.95rem;color:#08101d;font-size:1.05rem;font-weight:900;background:radial-gradient(circle at top left,#ffe0bb,transparent 38%),linear-gradient(135deg,#ffc36c,#ff8d35);box-shadow:0 14px 28px #ffa04259}.brand-copy{display:grid;gap:.05rem}.brand-title{font-size:1rem}.brand-subtitle{color:var(--text-soft);font-size:.78rem}.nav-links,.nav-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.nav-link{padding:.55rem .85rem;color:var(--text-muted);border-radius:999px;transition:color var(--transition),background-color var(--transition),transform var(--transition)}.nav-link:hover,.nav-link[data-active=true]{color:var(--heading);background:#9db9ff17}.button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.9rem;padding:.78rem 1.2rem;border:0;border-radius:999px;font-weight:700;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition),color var(--transition),border-color var(--transition)}.button:hover,.button-link:hover{transform:translateY(-1px)}.button--primary,.button-link--primary{color:#09111e;background:linear-gradient(135deg,#ffc46d,#ff9943);box-shadow:0 18px 35px #ffa04238}.button--secondary,.button-link--secondary{color:var(--heading);border:1px solid rgba(157,185,255,.18);background:#9db9ff14}.button--ghost,.button-link--ghost{color:var(--text-muted);border:1px solid transparent;background:transparent}.button--danger{color:#fff3f3;background:#ff8e8e29;border:1px solid rgba(255,142,142,.28)}.button[disabled],.button-link[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.hero{position:relative;padding:5.8rem 0 4.5rem}.hero:after{content:"";position:absolute;right:10%;bottom:2rem;width:22rem;height:12rem;border-radius:999px;background:radial-gradient(circle,rgba(97,214,255,.16),transparent 70%);filter:blur(16px);z-index:-1}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);gap:var(--space-6);align-items:center}.hero-copy,.hero-panel{position:relative}.hero-copy{display:grid;gap:var(--space-5)}.hero-kicker{display:inline-flex;align-items:center;gap:.55rem;color:var(--secondary);font-size:.92rem;font-weight:700}.hero-title{max-width:12ch}.hero-subtitle{max-width:38rem;color:var(--text-muted);font-size:clamp(1.06rem,2vw,1.28rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.95rem}.hero-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.hero-highlight{padding:1rem 1.1rem;border-radius:var(--radius-md);background:#9db9ff0f;border:1px solid rgba(157,185,255,.1)}.hero-highlight strong{display:block;margin-bottom:.3rem;color:var(--heading)}.hero-panel{padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid rgba(255,160,66,.16);background:radial-gradient(circle at top right,rgba(255,160,66,.16),transparent 42%),linear-gradient(180deg,#111e37f5,#091325f0);box-shadow:var(--shadow-lg)}.hero-panel:before{content:"";position:absolute;inset:1.05rem;border:1px dashed rgba(255,255,255,.07);border-radius:calc(var(--radius-xl) - .5rem);pointer-events:none}.panel-title,.card-title,.stage-title,.resource-title,.lab-title{margin-bottom:.55rem}.stats-strip{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:auto -20% -55% auto;width:8rem;height:8rem;border-radius:50%;background:radial-gradient(circle,rgba(255,160,66,.16),transparent 72%)}.stat-value{display:block;color:var(--heading);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.stat-label{display:block;margin-top:.25rem;color:var(--text-muted);font-weight:600}.stat-detail{margin-top:.55rem;color:var(--text-soft);font-size:.9rem}.timeline{position:relative;display:grid;gap:var(--space-4)}.timeline:before{content:"";position:absolute;top:.25rem;bottom:.25rem;left:1rem;width:1px;background:linear-gradient(180deg,#ffa04233,#61d6ff38)}.timeline-item{position:relative;display:grid;gap:var(--space-2);padding-left:3rem}.timeline-item:before{content:"";position:absolute;top:.5rem;left:.52rem;width:.95rem;height:.95rem;border-radius:50%;background:linear-gradient(180deg,#ffc46d,#ff9440);box-shadow:0 0 0 6px #ffa0421f}.timeline-step{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem}.timeline-index{color:var(--primary-strong);font-weight:800}.timeline-meta{color:var(--text-soft);font-size:.88rem}.stage-card,.module-card{display:grid;gap:var(--space-3)}.stage-card .stage-number{color:var(--secondary);font-size:.9rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.stage-card .stage-summary,.module-card .module-summary{color:var(--text-muted)}.lesson-list,.outcome-list,.checkpoint-list,.pitfall-list,.resource-list,.metric-list,.micro-list{display:grid;gap:.8rem;padding:0;list-style:none}.lesson-item,.outcome-item,.checkpoint-item,.pitfall-item,.resource-item,.metric-item,.micro-item{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem .95rem;border-radius:var(--radius-md);background:#9db9ff0d;border:1px solid rgba(157,185,255,.08)}.lesson-item:before,.outcome-item:before,.checkpoint-item:before,.pitfall-item:before,.resource-item:before,.metric-item:before,.micro-item:before{flex:none;width:.7rem;height:.7rem;margin-top:.5rem;border-radius:50%;content:"";background:#61d6ffcc;box-shadow:0 0 0 6px #61d6ff14}.checkpoint-item:before,.metric-item:before{background:#55d7a5d1;box-shadow:0 0 0 6px #55d7a514}.pitfall-item:before{background:#ff8e8ed1;box-shadow:0 0 0 6px #ff8e8e14}.resource-item:before{background:#ffa042d1;box-shadow:0 0 0 6px #ffa04214}.lesson-item strong,.resource-item strong{display:block;color:var(--heading)}.resource-meta{display:inline-flex;gap:.55rem;flex-wrap:wrap;margin-top:.4rem}.content-columns,.stage-layout,.page-layout,.detail-layout{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1.35fr) minmax(280px,.78fr)}.stage-main,.page-main,.detail-main{display:grid;gap:var(--space-5)}.stage-aside,.page-aside,.detail-aside{display:grid;gap:var(--space-4);align-content:start}.article-flow,.reading-flow,.content-flow{display:grid;gap:var(--space-4)}.content-flow p+p,.reading-flow p+p,.article-flow p+p{margin-top:1rem}.content-block{display:grid;gap:var(--space-3)}.mission-card{display:grid;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid rgba(255,160,66,.26);background:linear-gradient(180deg,#1b2743fa,#0e1627f2),radial-gradient(circle at top right,rgba(255,160,66,.16),transparent 48%);box-shadow:var(--shadow-md)}.mission-prompt{padding:1rem 1.1rem;border-radius:var(--radius-md);background:#081223b8;border:1px solid rgba(97,214,255,.15);color:var(--text-muted)}.mission-steps{counter-reset:mission-step;display:grid;gap:.85rem;padding:0;list-style:none}.mission-steps li{position:relative;padding:.95rem 1rem .95rem 3.2rem;border-radius:var(--radius-md);background:#9db9ff0d;border:1px solid rgba(157,185,255,.08)}.mission-steps li:before{counter-increment:mission-step;content:counter(mission-step);position:absolute;top:.82rem;left:1rem;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;color:#08101d;font-size:.82rem;font-weight:800;background:linear-gradient(180deg,#ffc36c,#ff9640)}.code-panel,.command-panel{position:relative;overflow:hidden;padding:1.1rem 1.2rem;border-radius:var(--radius-lg);border:1px solid rgba(97,214,255,.12);background:linear-gradient(180deg,#08101ef2,#070d18fa);box-shadow:inset 0 1px #ffffff08}.code-panel:before,.command-panel:before{content:"";position:absolute;top:.95rem;left:1rem;width:.6rem;height:.6rem;border-radius:50%;background:#ff7b72;box-shadow:1rem 0 #f2cc60,2rem 0 #55d7a5}.code-panel pre,.command-panel pre{margin-top:1.35rem;color:#e1edff;font-size:.94rem}.inline-code,code:not(pre code){padding:.15rem .42rem;border-radius:.45rem;background:#61d6ff1a;color:#d1f7ff}.notice{display:grid;gap:.55rem;padding:1rem 1.1rem}.notice--warning{border-color:#ffc36c47;background:#ffc36c17}.notice--success{border-color:#55d7a547;background:#55d7a514}.notice--info{border-color:#61d6ff3d;background:#61d6ff14}.form-grid,.field-grid{display:grid;gap:var(--space-4)}.field-group{display:grid;gap:.55rem}.field-label{color:var(--heading);font-size:.95rem;font-weight:700}.field-hint{color:var(--text-soft);font-size:.88rem}.input,.textarea,.select,input[type=text],input[type=email],input[type=search],textarea,select{width:100%;padding:.9rem 1rem;border:1px solid rgba(157,185,255,.16);border-radius:var(--radius-md);color:var(--heading);background:#050e1bbf;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.textarea,textarea{min-height:8rem;resize:vertical}.input::placeholder,.textarea::placeholder,input::placeholder,textarea::placeholder{color:#a8b7dbad}.input:hover,.textarea:hover,.select:hover,input:hover,textarea:hover,select:hover{border-color:#61d6ff3d}.input:focus,.textarea:focus,.select:focus,input:focus,textarea:focus,select:focus{border-color:#ffa04275;box-shadow:0 0 0 4px #ffa0421f;background:#09111fe6;outline:none}.toggle-row,.option-row,.choice-row,.filter-row{display:flex;gap:.7rem;flex-wrap:wrap}.option-pill,.filter-chip,.choice-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border-radius:999px;border:1px solid rgba(157,185,255,.16);background:#9db9ff0f;color:var(--text-muted);transition:transform var(--transition),border-color var(--transition),background-color var(--transition),color var(--transition)}.option-pill:hover,.filter-chip:hover,.choice-pill:hover{transform:translateY(-1px);border-color:#ffa0424d}.option-pill[aria-pressed=true],.filter-chip[aria-pressed=true],.choice-pill[data-active=true]{color:#09111e;border-color:#ffa0428a;background:linear-gradient(135deg,#ffc36c,#ff9640)}.quiz-card,.progress-board,.planner-board,.prompt-lab,.agent-board,.feature-explorer{display:grid;gap:var(--space-4)}.progress-meter{width:100%;height:.75rem;overflow:hidden;border-radius:999px;background:#9db9ff14}.progress-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5ed8ff,#ffae55)}.progress-steps,.agent-lanes,.planner-steps,.review-points{display:grid;gap:.85rem;padding:0;list-style:none}.progress-step,.planner-step,.review-point{display:grid;gap:.45rem;padding:.9rem 1rem;border-radius:var(--radius-md);background:#9db9ff0d;border:1px solid rgba(157,185,255,.09)}.progress-step[data-state=done],.planner-step[data-state=done]{border-color:#55d7a547;background:#55d7a514}.progress-step[data-state=current]{border-color:#ffa04252;background:#ffa04217}.quiz-options{display:grid;gap:.75rem}.quiz-option{justify-content:flex-start;width:100%;padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(157,185,255,.15);background:#9db9ff0d;color:var(--heading);text-align:left}.quiz-option:hover{border-color:#61d6ff3d}.quiz-option[data-state=correct]{border-color:#55d7a552;background:#55d7a51f}.quiz-option[data-state=wrong]{border-color:#ff8e8e52;background:#ff8e8e1a}.quiz-feedback{padding:.95rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(255,160,66,.2);background:#ffa04214;color:var(--text-muted)}.planner-columns,.agent-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-3)}.planner-column,.agent-lane{display:grid;gap:.75rem;padding:1rem;border-radius:var(--radius-md);border:1px solid rgba(157,185,255,.12);background:#9db9ff0d}.agent-lane[data-role=lead]{border-color:#ffa0424d;background:#ffa04214}.agent-lane[data-role=review]{border-color:#61d6ff47}.agent-lane[data-role=test]{border-color:#55d7a547}.agent-card{display:grid;gap:.45rem;padding:.85rem .95rem;border-radius:var(--radius-sm);background:#050e1b85;border:1px solid rgba(255,255,255,.05)}.feature-explorer-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3)}.feature-list{display:grid;gap:var(--space-3)}.feature-card-header,.resource-card-header,.lab-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.feature-meta,.card-meta,.resource-meta{display:flex;gap:.55rem;flex-wrap:wrap}.feature-watchouts{display:grid;gap:.55rem;padding:0;list-style:none}.feature-watchouts li{padding-left:1.2rem;position:relative;color:var(--text-muted)}.feature-watchouts li:before{content:"!";position:absolute;top:.06rem;left:0;color:var(--primary-strong);font-weight:800}.split-banner,.cta-banner{display:grid;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid rgba(255,160,66,.18);background:radial-gradient(circle at top right,rgba(255,160,66,.18),transparent 32%),linear-gradient(180deg,#131e37fa,#0a1221f2);box-shadow:var(--shadow-lg)}.split-banner{grid-template-columns:minmax(0,1.1fr) minmax(260px,.85fr);align-items:center}.cta-banner .button-row,.button-row{display:flex;gap:.9rem;flex-wrap:wrap}.resource-card{display:grid;gap:var(--space-3)}.resource-card a:hover .resource-title,.resource-item a:hover strong{color:var(--primary-strong)}.site-footer{padding:2.5rem 0 3.5rem;border-top:1px solid rgba(157,185,255,.08);background:#050a128c}.footer-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(180px,.8fr))}.footer-title{margin-bottom:.75rem;font-size:1rem}.footer-list{display:grid;gap:.6rem;padding:0;list-style:none}.footer-note{color:var(--text-soft);font-size:.92rem}.subtle-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(157,185,255,.18),transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1080px){.hero-grid,.content-columns,.stage-layout,.page-layout,.detail-layout,.split-banner,.footer-grid{grid-template-columns:1fr}.hero-title{max-width:14ch}}@media(max-width:820px){.section{padding:var(--space-8) 0}.nav-row{align-items:flex-start;padding:.95rem 0}.nav-links,.nav-actions{width:100%}.hero{padding-top:4.75rem}.hero-highlights,.stats-strip,.card-grid,.feature-grid,.resource-grid,.lesson-grid,.stage-grid,.interactive-grid,.planner-columns,.agent-columns{grid-template-columns:1fr}}@media(max-width:640px){html{font-size:15px}.container{width:min(calc(100% - 1.2rem),var(--container))}.panel,.glass-card,.card,.module-card,.resource-card,.feature-card,.stage-card,.lesson-card,.lab-card,.timeline-card,.stat-card,.checklist-card,.hero-panel,.split-banner,.mission-card{padding:1rem}.hero-actions,.button-row,.feature-explorer-toolbar,.toggle-row,.option-row,.choice-row,.filter-row{flex-direction:column;align-items:stretch}.button,.button-link,.quiz-option{width:100%}.timeline-item{padding-left:2.5rem}.timeline:before{left:.8rem}.timeline-item:before{left:.33rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}