:root{--bg: #0a0e1a;--bg-elevated: #111827;--bg-card: #0f1524;--bg-hover: #1a2332;--border: #1f2a3d;--border-strong: #2d3d55;--text: #e6edf3;--text-dim: #9aa7b8;--text-faint: #7d8a9c;--accent: #3b82f6;--accent-bright: #60a5fa;--accent-dim: #1e3a5f;--gold: #d4a017;--gold-dim: #8a6d1f;--success: #3fb950;--warning: #d29922;--danger: #f85149;--purple: #bc8cff;--ease: cubic-bezier(.22, 1, .36, 1);--dur-fast: .18s;--dur-med: .3s;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-display: "JetBrains Mono", "Ubuntu Mono", "Noto Sans Mono", "DejaVu Sans Mono", Consolas, monospace;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jbmono-regular-BrRFx4uz.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/jbmono-bold-CCUXOMUO.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 70% -10%,rgba(59,130,246,.08),transparent),radial-gradient(ellipse 40% 30% at 10% 0%,rgba(212,160,23,.04),transparent);z-index:0}#app{position:relative;z-index:1;min-height:100vh}a{color:var(--accent-bright);text-decoration:none;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--text)}::selection{background:var(--accent-dim);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.container{max-width:1160px;margin:0 auto;padding:0 24px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.visible{opacity:1;transform:none}.cs-navigation[data-v-476b425b]{position:fixed;z-index:2000;top:12px;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);width:max-content;box-sizing:border-box;display:flex;gap:10px;align-items:center;padding:12px 18px;color:#142b44;background:#f8f6ef;border:1px solid #142b44;box-shadow:3px 3px #e8af63;font:13px/1.6 system-ui,sans-serif}.cs-navigation-dot[data-v-476b425b]{flex:0 0 auto;width:7px;height:7px;background:#b87832}.cs-navigation a[data-v-476b425b]{color:inherit;font-weight:700;white-space:nowrap;text-underline-offset:3px}.cs-navigation a[data-v-476b425b]:focus-visible{outline:2px solid #b87832;outline-offset:4px}.cs-navigation button[data-v-476b425b]{flex:0 0 auto;min-width:32px;min-height:32px;padding:0;color:inherit;background:transparent;border:1px solid currentColor;cursor:pointer;font:20px/1 system-ui,sans-serif}.cs-navigation button[data-v-476b425b]:focus-visible{outline:2px solid #b87832;outline-offset:3px}.failed[data-v-476b425b]{flex-wrap:wrap}@media (max-width: 600px){.cs-navigation[data-v-476b425b]{top:auto;bottom:max(16px,env(safe-area-inset-bottom));padding:10px 12px}}:root{color-scheme:light;--bg: #f4f3ee;--bg-elevated: #eeede7;--bg-card: #faf9f5;--bg-hover: #e4e8ef;--border: #c0c3ca;--border-strong: #858c97;--text: #1e2229;--text-dim: #505865;--text-faint: #646c78;--accent: #344b79;--accent-bright: #344b79;--accent-dim: #e0e6f0;--on-ink: #f4f3ee;--ink-wash: #cbd6ed;--gold: #805c19;--gold-dim: #e8dfcc;--success: #2f6248;--warning: #855e16;--danger: #9c3f3f;--purple: #695580;--radius-sm: 2px;--radius-md: 2px;--radius-lg: 2px}::selection{background:var(--ink-wash);color:var(--text)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}html{scroll-padding-top:96px;color-scheme:light}body{overflow-wrap:break-word}body:before{background:none}.ai-container{max-width:1160px;width:100%;margin:auto;padding-inline:32px}.ai-header{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:30}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ai-brand{display:flex;align-items:center;gap:12px;color:var(--text);font:16px var(--font-display)}.ai-brand b{color:var(--accent-bright);font-weight:400;margin-left:6px}.ai-brand small{display:block;font:11px var(--font-body);color:var(--text-dim);margin-top:4px}.ai-header nav{display:flex;align-items:center;gap:24px;font-size:13px}.ai-header nav>a{color:var(--text-dim);padding-block:12px}.ai-header nav>a.router-link-exact-active{color:var(--accent-bright)}.ai-header nav>.nav-book{border:1px solid var(--border-strong);border-radius:0;padding:9px 12px;color:var(--text)}.nav-toggle{display:none}.ai-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding-block:88px 76px}.eyebrow{font:11px var(--font-display);letter-spacing:.08em;color:var(--accent-bright);margin-bottom:18px}h1{font-size:clamp(36px,4.4vw,58px);font-weight:700;line-height:1.3;letter-spacing:-.045em}h1 span{color:var(--accent-bright)}.intro{color:var(--text-dim);line-height:1.9;font-size:16px;margin:24px 0 30px}.ai-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ai-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 17px;border:1px solid var(--border-strong);border-radius:0;font-size:13px;font-weight:600;color:var(--text);transition:background .15s}.ai-button:hover{background:var(--bg-hover)}.ai-button.primary{background:var(--accent-bright);border-color:var(--accent-bright);color:var(--bg)}.ai-button.primary:hover{background:var(--text)}.hero-note{font-size:12px;color:var(--text-faint);margin-top:28px}.learning-map{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:0;padding:0 22px}.map-label{font:11px var(--font-display);display:flex;justify-content:space-between;gap:12px;color:var(--text-faint);padding-block:20px}.map-label span{font-family:var(--font-body)}.map-step{display:grid;grid-template-columns:36px 52px 1fr 12px;align-items:center;gap:12px;border-top:1px solid var(--border);padding-block:18px;color:var(--text);font-size:14px}.map-step:hover{color:var(--accent-bright)}.step-code{font:13px var(--font-display);color:var(--accent-bright)}.step-output{font-size:11px;color:var(--text-dim);line-height:1.7}.map-foot{font-size:11px;color:var(--text-faint);padding-block:17px;border-top:1px solid var(--border)}.ai-section{padding-block:68px}.ai-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}.ai-section-head .eyebrow{margin-bottom:12px}h2{font-size:28px;line-height:1.4;letter-spacing:-.035em}.ai-section-head>p{font-size:13px;line-height:1.8;color:var(--text-dim)}.track-list{border-top:1px solid var(--border-strong)}.track-row{display:grid;grid-template-columns:44px 260px 1fr;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--border)}.index{font:12px var(--font-display);color:var(--text-faint)}.track-row h3{font-size:18px;font-weight:550}.track-en{font:10px var(--font-display);color:var(--accent-bright)}.track-row>p,.track-copy p{font-size:14px;color:var(--text-dim);line-height:1.85}.track-copy p+p{margin-top:12px}.track-copy strong{color:var(--text);font-weight:600}.maker-note .eyebrow{margin-top:0;color:var(--accent-bright);font-size:11px}.recruitment-invitation{border-top:1px solid var(--text);padding-block:48px 64px}.recruitment-invitation>p:not(.eyebrow,.quiet-note){max-width:680px;margin-block:20px 24px;color:var(--text-dim);font-size:15px;line-height:1.9}.quiet-note{font-size:12px;color:var(--text-faint);line-height:1.8;margin-top:20px}.ai-feature{border-block:1px solid var(--border);background:var(--bg-card)}.feature-inner{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center;padding-block:64px}.feature-inner h2{font-size:34px}.feature-inner>div:not(.book-card)>p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--text-dim);margin:20px 0 24px;max-width:390px}.book-card{border:1px solid var(--accent);border-left:6px solid var(--accent);background:var(--accent);color:var(--on-ink);padding:36px 32px;max-width:360px;width:100%;justify-self:center;transform:none;box-shadow:8px 8px 0 var(--ink-wash)}.book-card>span{font:10px var(--font-display);color:var(--on-ink)}.book-card h3{font-family:Georgia,"Noto Serif CJK SC",serif;font-size:34px;letter-spacing:.1em;margin:32px 0 12px}.book-card>p{font-size:13px;color:var(--on-ink)}.book-rule{height:1px;background:var(--on-ink);margin:30px 0 24px}.book-card small{font-size:11px;color:var(--on-ink);display:block;margin-top:12px}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.principles article{border-top:1px solid var(--border-strong);padding-top:22px}.principles article>span{font:12px var(--font-display);color:var(--accent-bright)}.principles h3{font-size:18px;margin:18px 0 12px}.principles p{font-size:14px;line-height:1.9;color:var(--text-dim)}.ai-footer{border-top:1px solid var(--border);padding-block:32px;display:grid;grid-template-columns:1fr auto;gap:24px}.ai-footer strong{font:12px var(--font-display)}.ai-footer p{font-size:12px;color:var(--text-faint);margin-top:10px}.ai-footer>div:nth-child(2){display:flex;flex-wrap:wrap;gap:20px;font-size:12px}.footer-note{grid-column:1/-1}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);background:var(--accent-bright);color:var(--bg);padding:12px;z-index:100}.skip-link:focus{transform:none}.ai-page{padding-block:64px 80px}.narrow{max-width:680px}.level-list{margin-top:40px;border-top:1px solid var(--border-strong)}.level-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:24px;padding-block:28px;border-bottom:1px solid var(--border)}.level-code{font:22px var(--font-display);color:var(--accent-bright)}.level-row h2{font-size:22px}.level-row p{font-size:14px;line-height:1.8;color:var(--text-dim);margin-top:5px}.level-row .level-output{font-size:12px;color:var(--text-faint)}.reading-note{padding:28px;border-left:2px solid var(--accent);background:var(--bg-card);margin-top:40px}.reading-note h2{font-size:20px}.reading-note p{line-height:1.9;color:var(--text-dim);font-size:14px;margin:12px 0 20px;max-width:760px}.reading-note .ai-actions{gap:24px;font-size:13px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}.resource-card{border:1px solid var(--border);padding:26px;color:var(--text);border-radius:0}.resource-card:hover{background:var(--bg-card);border-color:var(--accent)}.resource-card h2{font-size:21px;margin:12px 0}.resource-card p{font-size:14px;color:var(--text-dim);line-height:1.8}.about-copy{max-width:740px}.about-copy h2{font-size:23px;margin-top:36px}.about-copy p{font-size:16px;line-height:2;color:var(--text-dim);margin:14px 0 28px}@media (max-width: 900px){.ai-hero{gap:32px}.ai-header nav{gap:14px}.track-row{grid-template-columns:32px 210px 1fr;gap:16px}.feature-inner{gap:40px}.step-output{display:none}.map-step{grid-template-columns:36px 1fr 12px}.ai-brand small{font-size:10px}}@media (max-width: 700px){.ai-container{padding-inline:20px}.header-inner{min-height:72px;flex-wrap:wrap;gap:0}.nav-toggle{display:block;min-height:44px;border:1px solid var(--border-strong);background:transparent;border-radius:0;color:var(--text);padding:8px 12px}.ai-header nav{display:none;flex-basis:100%;padding:8px 0 16px;flex-wrap:wrap;gap:8px 24px}.ai-header nav.expanded{display:flex}.ai-header nav>a{min-height:44px}.ai-hero{grid-template-columns:1fr;padding-block:40px 44px;gap:32px}h1{font-size:clamp(32px,7.8vw,42px)}.intro{font-size:15px}.intro br{display:none}.step-output{display:block}.map-step{grid-template-columns:32px 50px 1fr 12px;gap:8px}.learning-map{padding-inline:16px}.ai-section{padding-block:44px}.ai-section-head{flex-direction:column;align-items:start;gap:14px}h2{font-size:24px}.ai-section-head>p br{display:none}.track-row{grid-template-columns:24px 1fr;gap:10px;padding-block:20px}.track-row>p,.track-copy{grid-column:2}.feature-inner{grid-template-columns:1fr;padding-block:44px;gap:36px}.feature-inner h2{font-size:29px}.book-card{max-width:300px;transform:none}.principles{grid-template-columns:1fr;gap:24px}.ai-footer{grid-template-columns:1fr;padding-block:28px}.ai-footer>div:nth-child(2){gap:16px}.ai-page{padding-block:40px 56px}.level-row{grid-template-columns:40px 1fr;gap:16px}.level-row>.ai-button{grid-column:2;justify-self:start;margin-top:6px}.resource-grid{grid-template-columns:1fr}.reading-note{padding:22px 18px}.about-copy p{font-size:15px}}@media (max-width: 360px){.ai-container{padding-inline:16px}.step-output{font-size:10px}.ai-actions>.ai-button{width:100%}}.ai-header{border-bottom:1px solid var(--text)}.ai-header nav>a.router-link-exact-active{text-decoration:underline;text-underline-offset:8px}.ai-hero{padding-block:72px 64px;border-bottom:1px solid var(--text)}.ai-hero h1{font-size:clamp(38px,4.8vw,64px);line-height:1.25}.learning-map{border:2px solid var(--text);box-shadow:7px 7px 0 var(--ink-wash)}.map-brand{display:flex;justify-content:space-between;align-items:end;padding-top:18px}.map-brand strong{font:700 64px/1 var(--font-display);letter-spacing:-.08em}.map-brand strong span{color:var(--accent)}.map-brand small{font:10px/1.7 var(--font-display);color:var(--text-faint);text-align:right}.map-label{border-bottom:1px solid var(--text)}.map-step:first-of-type{border-top:none}.track-list{border-top:2px solid var(--text)}.ai-feature{border-block:1px solid var(--text)}.book-card h3{color:var(--on-ink)}.principles{gap:0;border:1px solid var(--text)}.principles article{border-top:none;padding:26px}.principles article+article{border-left:1px solid var(--text)}.resource-card{border-color:var(--border-strong)}.resource-card:hover{box-shadow:4px 4px 0 var(--ink-wash)}.ai-footer{border-top-color:var(--text)}@media (max-width: 700px){.ai-hero{padding-block:40px}.ai-hero h1{font-size:clamp(32px,7.8vw,42px)}.learning-map{box-shadow:4px 4px 0 var(--ink-wash)}.map-brand strong{font-size:52px}.principles article+article{border-left:none;border-top:1px solid var(--text)}}
