:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;--bg:#fcfcfb;--bg-elevated:#fff;--text:#111827;--muted:#667085;--heading:#0f172a;--line:#e5e7eb;--line-strong:#d7dce2;--primary:#2563eb;--primary-soft:#eff6ff;--primary-strong:#1d4ed8;--success:#52c41a;--danger:#ff4d4f;--shadow:0 18px 44px rgba(15,23,42,.05);--shadow-soft:0 10px 28px rgba(15,23,42,.035);--topbar-bg:hsla(0,0%,100%,.86);--surface-soft:#f7f9fc;--focus-ring:0 0 0 4px rgba(37,99,235,.16);color:var(--text);background:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}#__nuxt,body,html{width:100%;min-height:100%}body{min-height:100vh;overflow-x:hidden;color:#151a24;background:radial-gradient(circle at 50% 20%,rgba(37,99,235,.045),transparent 30%),#fff}html{scroll-behavior:smooth}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:10px 14px;border-radius:10px;color:#fff;background:var(--primary-strong);transform:translateY(-160%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.button,button{border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--text);padding:.8rem 1.1rem;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;transition:all .18s ease}.button:hover,.feature-card a:hover,.nav a:hover,button:hover{color:var(--primary);border-color:#91caff;background:#f7fbff}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-strong);border-color:var(--primary-strong);color:#fff}.topbar{position:sticky;top:0;z-index:100;height:84px;border-bottom:1px solid #dfe5ee;display:grid;grid-template-columns:300px 1fr 300px;align-items:center;padding:0 46px;background:var(--topbar-bg);box-shadow:0 8px 32px #0f172a06;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)}.page-shell{padding-bottom:88px}.page-shell>:not(.home-page):not(.page){width:min(100% - 40px,1440px);margin:0 auto}.brand{display:flex;align-items:center;gap:13px;font-size:25px;font-weight:800;letter-spacing:-.02em;color:#0e1420;white-space:nowrap}.brand b{font:inherit}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(59,130,246,.18);border-radius:11px;color:#347df1;background:linear-gradient(145deg,#fff,#eef5ff);box-shadow:0 8px 22px #2563eb1c}.brand-mark svg{width:22px;height:22px;stroke-width:1.9}nav{justify-self:center}.nav{gap:63px}.nav,.nav a{height:100%;display:flex;align-items:center}.nav a{position:relative;color:#0f172a;font-size:17px;font-weight:800}.nav a.active{color:#2684ff}.nav a.active:after{content:"";position:absolute;left:50%;bottom:-1px;width:70px;height:3px;transform:translate(-50%);border-radius:999px;background:linear-gradient(90deg,#29a8ff,#6f55ff)}.actions{justify-self:end;display:flex;align-items:center;gap:8px;color:#0f172a}.header-action{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:12px;color:#39465a;background:transparent;cursor:pointer}.header-action:hover{border-color:#dbe5f2;color:var(--primary);background:var(--surface-soft)}.header-action svg{width:21px;height:21px;stroke-width:2}.mobile-menu-trigger,.mobile-navigation{display:none}main{display:block}.site-footer{width:min(1500px,calc(100vw - 80px));display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:60px;margin:0 auto;padding:42px 0 52px;border-top:1px solid var(--line)}.site-footer .brand{font-size:18px}.site-footer .brand-mark{width:31px;height:31px}.site-footer>div>p{margin-top:12px;color:var(--muted);font-size:12px}.site-footer nav{display:flex;gap:24px;color:var(--muted);font-size:12px;font-weight:650}.site-footer>span{color:#8794a8;font-size:10px;letter-spacing:.08em}.cascade-item{opacity:0;transform:translate3d(0,30px,0) scale(.985);filter:blur(8px);transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1),filter .52s ease;transition-delay:calc(var(--cascade-index, 0)*90ms);will-change:opacity,transform,filter}.cascade-item.is-visible{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}.page-enter-active,.page-leave-active{transition:opacity .22s ease,transform .22s ease,filter .22s ease}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(12px);filter:blur(4px)}.page-enter-to,.page-leave-from{opacity:1;transform:translateY(0);filter:blur(0)}.about-panel p,.feature-card p,.section-heading p,.stack-card p,.stat-card p,.timeline-card p{color:var(--muted);line-height:1.72}.hero-panel,.lab-layout{display:grid;gap:16px}.about-panel,.feature-card,.stack-card,.stat-card,.state-panel,.timeline-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow-soft)}.feature-card h3,.stack-card h3,.stat-card strong,.timeline-card h3{display:block;margin-bottom:12px;font-size:1.06rem;color:var(--heading)}.home-page{width:min(1524px,calc(100vw - 96px));margin:0 auto}.page{display:block}.inner-page{display:grid;gap:56px}.hero{text-align:center;padding-top:103px}.hero h1{font-size:clamp(58px,5.36vw,110px);line-height:1.02;font-weight:900;letter-spacing:-.06em;color:#151b29;text-shadow:0 10px 28px rgba(15,23,42,.16)}.hero h1 .cn{margin-left:23px;letter-spacing:-.07em;background:linear-gradient(100deg,#2b9cff 8%,#5b80ff 46%,#8049ff 92%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.hero p{margin-top:28px;font-size:26px;line-height:1.4;color:#6f7a8b;font-weight:500;letter-spacing:.01em}.hero-line{width:73px;height:4px;margin:31px auto 0;border-radius:999px;background:linear-gradient(90deg,#1da7ff,#7a45ff);box-shadow:0 4px 12px #4869ff40}.cards{margin:52px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:38px}.feature-card{height:262px;border:1px solid #dce3ee;border-radius:15px;background:linear-gradient(180deg,#fffffffa,#fffffff0);align-items:center;justify-content:flex-start;padding-top:34px;box-shadow:0 16px 42px #0f172a06}.feature-card .icon{height:51px;display:grid;place-items:center;margin-bottom:22px}.feature-card .icon svg{width:49px;height:49px;stroke-width:1.75}.feature-card h3{font-size:25px;line-height:1.25;font-weight:850;letter-spacing:-.03em;color:#131a29;margin-bottom:19px}.feature-card p{font-size:18px;line-height:1.2;color:#6b7280;font-weight:500}.feature-card .arrow{margin-top:28px;font-size:31px;line-height:1;color:#0f172a;transform:translateY(-2px);font-family:ui-sans-serif,system-ui,sans-serif}.updates{margin-top:65px;padding-bottom:60px}.updates-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.updates h2{font-size:29px;line-height:1.2;font-weight:850;letter-spacing:-.04em;color:#111827}.all-link{display:inline-flex;align-items:center;gap:12px;color:#1683ff;font-size:18px;font-weight:700}.update-list{border-top:1px solid #e1e6ef}.update-row{min-height:56px;display:grid;grid-template-columns:255px 1fr;align-items:center;border-bottom:1px solid #e7ebf2}.date{font-size:18px;color:#7a8494;font-weight:500;letter-spacing:.01em}.title{font-size:20px;color:#202737;font-weight:550;letter-spacing:-.01em}.section-heading{max-width:760px}.section-heading h2{margin:8px 0 10px;font-size:clamp(1.9rem,3vw,3rem);line-height:1.08;color:var(--heading);letter-spacing:-.03em}.eyebrow,.meta-line,.status-tag,.timeline-card span{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:700}.about-strip,.grid-section,.roadmap-strip{display:grid;gap:22px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-card{min-height:200px;display:flex;flex-direction:column;justify-content:space-between}.feature-card a{color:var(--primary);font-weight:600}.split-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.button:disabled{opacity:.56;cursor:not-allowed}.stack-list,.timeline{display:grid;gap:16px}.meta-line{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.meta-line span{display:inline-flex;align-items:center;padding:.26rem .56rem;border-radius:999px;background:var(--primary-soft);border:1px solid #d6e9ff}.timeline{grid-template-columns:repeat(5,minmax(0,1fr))}.timeline-card{min-height:188px}.plain-list{margin:18px 0;padding-left:20px;color:var(--text)}.plain-list li+li{margin-top:8px}.inner-page{padding-top:20px}.project-card .stack-text{color:var(--primary);font-weight:600}.status-tag{display:inline-flex;align-items:center;padding:.3rem .65rem;margin-bottom:14px;border-radius:999px;background:#f6ffed;border:1px solid #d9f7be;color:var(--success)}.state-panel{min-height:180px;display:grid;place-items:center;text-align:center}.error{color:var(--danger)}.compact-list{gap:12px}.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}.page-shell>.knowledge-page{width:min(100%,1780px);margin:0 auto}.knowledge-page{position:relative;display:grid;grid-template-columns:310px minmax(0,1fr) 250px;min-height:calc(100vh - 84px);background:#fff}.reading-progress{position:fixed;top:83px;left:0;z-index:110;width:100%;height:2px;pointer-events:none}.reading-progress span{display:block;height:100%;background:#397be8;transition:width 80ms linear}.knowledge-mobile-toggle{display:none}.knowledge-sidebar{position:sticky;top:84px;height:calc(100vh - 84px);overflow-y:auto;padding:32px 22px 26px;border-right:1px solid #e1e7f0;background:linear-gradient(180deg,#fbfdff,#f8faff);scrollbar-width:thin;scrollbar-color:#c7d2e4 transparent}.knowledge-sidebar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.knowledge-sidebar-head h1{margin-top:7px;color:#101827;font-size:22px;letter-spacing:-.03em}.knowledge-count{flex:0 0 auto;color:#667085;font-size:12px;font-weight:700}.knowledge-search{position:relative;display:flex;align-items:center;margin-top:24px}.knowledge-search svg{position:absolute;left:13px;width:18px;height:18px;color:#7b8798;pointer-events:none}.knowledge-search input{width:100%;height:42px;padding:0 13px 0 40px;border:1px solid #d9e1ec;border-radius:12px;outline:none;background:#ffffffe6;color:#172033;font:inherit;font-size:13px;transition:border-color .18s ease,box-shadow .18s ease}.knowledge-search input:focus{border-color:#6ea8ff;box-shadow:0 0 0 4px #3b82f61c}.knowledge-search-count{margin-top:9px;color:#397be8;font-size:11px;font-weight:700}.knowledge-tree{justify-self:stretch;display:grid;gap:18px;margin-top:26px}.knowledge-tree-group{min-width:0}.knowledge-tree-title{width:100%;justify-content:space-between;padding:0;border:0;border-radius:0;background:transparent;color:#202b3c;font-size:14px;font-weight:800;text-align:left}.knowledge-tree-title:hover{border-color:transparent;background:transparent}.knowledge-tree-title svg{width:16px;height:16px;transition:transform .18s ease}.knowledge-tree-title svg.collapsed{transform:rotate(-90deg)}.knowledge-tree-items{display:grid;gap:4px;margin-top:9px;padding-left:9px;border-left:1px solid #dce4ef}.knowledge-tree-item{width:100%;min-height:42px;justify-content:flex-start;gap:9px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#5c687a;font-size:13px;font-weight:560;line-height:1.35;text-align:left}.knowledge-tree-item svg{width:17px;height:17px;flex:0 0 auto}.knowledge-tree-item.active{color:#216de5;background:linear-gradient(100deg,#eaf3ff,#f0edff);box-shadow:inset 0 0 0 1px #5b80ff14}.knowledge-empty{margin-top:20px;padding:16px;border:1px dashed #cbd5e1;border-radius:12px;color:#667085;font-size:13px;line-height:1.6}.knowledge-sidebar-foot{display:flex;gap:10px;margin-top:28px;padding:15px;border:1px solid #dce8fb;border-radius:14px;background:#fff;color:#607087}.knowledge-sidebar-foot svg{width:18px;height:18px;flex:0 0 auto;color:#6d5dfc}.knowledge-sidebar-foot p{font-size:12px;line-height:1.55}.knowledge-article{min-width:0;padding:58px clamp(42px,5vw,86px) 100px}.knowledge-article-head{position:relative;padding-bottom:32px;border-bottom:1px solid #dfe5ee}.knowledge-share{position:absolute;top:-8px;right:0;gap:7px;padding:8px 11px;border-color:#dbe5f2;color:#536176;background:var(--bg-elevated);font-size:11px;cursor:pointer}.knowledge-share svg{width:15px}.knowledge-breadcrumb{display:flex;align-items:center;gap:8px;color:#6d7a8c;font-size:13px;font-weight:650}.knowledge-breadcrumb svg{width:18px;height:18px;color:#3986f5}.knowledge-article-head h2{max-width:900px;margin-top:22px;color:#111827;font-size:clamp(34px,3.3vw,54px);line-height:1.08;letter-spacing:-.055em}.knowledge-summary{max-width:850px;margin-top:18px;color:#68758a;font-size:17px;line-height:1.8}.knowledge-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#748094;font-size:13px;font-weight:650}.knowledge-meta>span{display:inline-flex;align-items:center;gap:6px}.knowledge-meta svg{width:16px;height:16px}.knowledge-status{padding:5px 9px;border-radius:999px}.knowledge-status.verified{color:#157557;background:#ebfbf5}.knowledge-status.learning{color:#8a5a00;background:#fff8e8}.knowledge-proof{display:flex;gap:14px;margin:32px 0 42px;padding:18px 20px;border:1px solid #d9e6fb;border-radius:14px;background:linear-gradient(110deg,#f6faff,#faf8ff)}.knowledge-proof-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:linear-gradient(135deg,#379cff,#7456ff);color:#fff}.knowledge-proof-icon svg{width:19px;height:19px}.knowledge-proof span,.knowledge-proof strong{display:block}.knowledge-proof span{margin-bottom:3px;color:#667085;font-size:12px;font-weight:700}.knowledge-proof strong{color:#1c2940;font-size:14px}.knowledge-content-section{position:relative;max-width:900px;padding:6px 0 34px;scroll-margin-top:105px}.knowledge-content-section+.knowledge-content-section{padding-top:34px;border-top:1px solid #e4e9f0}.section-index{display:block;margin-bottom:8px;color:#3f85ed;font-size:12px;font-weight:850;letter-spacing:.1em}.knowledge-content-section h3{margin-bottom:16px;color:#172033;font-size:28px;letter-spacing:-.035em}.knowledge-content-section li,.knowledge-content-section p{color:#4c586b;font-size:16px;line-height:1.95}.knowledge-content-section p+p{margin-top:15px}.knowledge-content-section ul{display:grid;gap:8px;margin-top:18px;padding:18px 22px 18px 42px;border-radius:12px;background:#f7f9fc}.knowledge-content-section li::marker{color:#4c8df4}.knowledge-tags{max-width:900px;margin-top:18px;padding-top:24px;border-top:1px solid #dfe5ee}.knowledge-tags>span{display:block;margin-bottom:12px;color:#68758a;font-size:12px;font-weight:800}.knowledge-tags div{display:flex;flex-wrap:wrap;gap:8px}.knowledge-tags button{padding:7px 11px;border-color:#dbe5f3;border-radius:999px;color:#3f6ba8;font-size:12px;background:#f8fbff}.knowledge-pagination{justify-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:900px;margin-top:34px}.knowledge-pagination button{min-height:88px;justify-content:flex-start;gap:12px;padding:16px;text-align:left;cursor:pointer}.knowledge-pagination button:last-child{justify-content:flex-end;text-align:right}.knowledge-pagination svg{width:18px;flex:0 0 auto}.knowledge-pagination small,.knowledge-pagination span,.knowledge-pagination strong{display:block}.knowledge-pagination small{color:var(--muted);font-size:10px}.knowledge-pagination strong{margin-top:4px;color:var(--heading);font-size:12px;line-height:1.4}.knowledge-toc{position:sticky;top:84px;align-self:start;height:calc(100vh - 84px);padding:60px 28px;border-left:1px solid #e1e7f0;background:#fff}.knowledge-toc-label{display:block;margin-bottom:13px;color:#263143;font-size:12px;font-weight:850;letter-spacing:.04em}.knowledge-toc a{display:block;padding:7px 0 7px 14px;border-left:2px solid #e4e9f0;color:#738095;font-size:13px;line-height:1.45;transition:color .16s ease,border-color .16s ease}.knowledge-toc a.active,.knowledge-toc a:hover{color:#2d7be9;border-color:#4a91f6}.knowledge-toc a.active{font-weight:750}.knowledge-toc-divider{height:1px;margin:26px 0;background:#e5eaf1}.knowledge-signal{display:flex;align-items:baseline;gap:7px;margin-top:10px}.knowledge-signal span{color:#1e69da;font-size:23px;font-weight:850}.knowledge-signal small{color:#7b8798;font-size:12px}.page-shell>.roadmap-page{width:min(100% - 56px,1540px);margin:0 auto}.roadmap-page{padding:52px 0 90px}.roadmap-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:36px}.roadmap-hero h1{margin-top:10px;color:#121a29;font-size:clamp(38px,4.5vw,68px);line-height:1.03;letter-spacing:-.055em}.roadmap-hero p{max-width:750px;margin-top:18px;color:#6d788a;font-size:17px;line-height:1.75}.roadmap-stats{display:flex;gap:10px;flex:0 0 auto}.roadmap-stats div{min-width:104px;padding:14px 16px;border:1px solid #dde5f0;border-radius:14px;background:#fff;text-align:center;box-shadow:var(--shadow-soft)}.roadmap-stats span,.roadmap-stats strong{display:block}.roadmap-stats strong{color:#1c66d4;font-size:24px}.roadmap-stats span{margin-top:2px;color:#788497;font-size:11px;font-weight:700}.roadmap-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:38px}.roadmap-filters,.roadmap-view-toggle{display:flex;flex-wrap:wrap;gap:8px}.roadmap-search{position:relative;width:min(290px,100%);display:flex;align-items:center;margin-left:auto}.roadmap-search>svg{position:absolute;left:12px;width:16px;color:#7b8798}.roadmap-search input{width:100%;min-height:38px;padding:8px 70px 8px 37px;border:1px solid #dce4ef;border-radius:12px;outline:none;color:var(--text);background:var(--bg-elevated);font:inherit;font-size:12px}.roadmap-search input:focus{border-color:#8cb8ff;box-shadow:var(--focus-ring)}.roadmap-search small{position:absolute;right:10px;color:#397be8;font-size:10px;font-weight:750}.roadmap-filters button,.roadmap-view-toggle button{gap:7px;min-height:38px;padding:8px 12px;border-color:#dce4ef;color:#5f6c7f;font-size:12px;background:#fff}.roadmap-filters button svg,.roadmap-view-toggle button svg{width:16px;height:16px}.roadmap-filters button.active,.roadmap-view-toggle button.active{border-color:#8cb8ff;color:#1f6bd8;background:linear-gradient(110deg,#edf6ff,#f3efff);box-shadow:0 8px 20px #2563eb17}.roadmap-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:16px}.knowledge-graph{position:relative;min-width:0;height:680px;overflow:hidden;border:1px solid #dce4ef;border-radius:22px;background:radial-gradient(circle at 50% 46%,rgba(80,120,255,.09),transparent 28%),linear-gradient(180deg,#fbfdff,#f7faff);box-shadow:0 24px 60px #0f172a0f}.graph-loading,.knowledge-graph .vue-flow{width:100%;height:100%}.graph-loading{display:grid;place-items:center;color:#758297;font-size:13px;font-weight:700}.knowledge-graph .vue-flow__background{opacity:.5}.knowledge-graph .vue-flow__node{border:0;background:transparent;box-shadow:none}.knowledge-graph .vue-flow__node.selected{box-shadow:none}.skill-node{position:relative;width:188px;min-height:76px;justify-content:flex-start;gap:12px;padding:13px 14px;border:1px solid #d7e1ef;border-radius:16px;background:#fffffff5;color:#172033;text-align:left;box-shadow:0 14px 30px #0f172a17;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-node.domain-core{width:210px;min-height:88px;border-color:#759cff;background:linear-gradient(135deg,#eff7ff,#f1edff);box-shadow:0 18px 40px #5362eb33}.skill-node.selected,.skill-node:hover{border-color:#4f8ff4;color:#172033;background:#fff;transform:translateY(-2px);box-shadow:0 18px 38px #285cac29}.skill-node-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#2d79e7;background:#edf5ff}.domain-ai .skill-node-icon,.skill-detail-domain.domain-ai{color:#7652dc;background:#f3efff}.domain-railway .skill-node-icon,.skill-detail-domain.domain-railway{color:#c46a17;background:#fff5e9}.domain-traffic .skill-node-icon,.skill-detail-domain.domain-traffic{color:#17846a;background:#ebfaf5}.domain-core .skill-node-icon,.skill-detail-domain.domain-core{color:#5e51e8;background:#ecebff}.skill-node-icon svg{width:20px;height:20px}.skill-node-copy{min-width:0}.skill-node-copy small,.skill-node-copy strong{display:block}.skill-node-copy strong{color:#172033;font-size:13px;line-height:1.35}.skill-node-copy small{margin-top:4px;color:#7b8798;font-size:10px;line-height:1.25}.skill-node-dot{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:#e2a428;box-shadow:0 0 0 4px #e2a4281a}.skill-node.status-verified .skill-node-dot{background:#22a779;box-shadow:0 0 0 4px #22a7791a}.knowledge-graph .vue-flow__edge-path{stroke-linecap:round}.knowledge-graph .vue-flow__controls{overflow:hidden;border:1px solid #dbe4ef;border-radius:12px;box-shadow:0 10px 24px #0f172a14}.knowledge-graph .vue-flow__controls-button{border-color:#e7ebf1;background:#fff}.graph-legend{position:absolute;left:18px;bottom:18px;z-index:4;display:flex;align-items:center;gap:16px;padding:9px 12px;border:1px solid #dfe6ef;border-radius:12px;background:#ffffffe6;color:#6c788a;font-size:10px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.graph-legend span{display:inline-flex;align-items:center;gap:6px}.graph-legend i{width:7px;height:7px;border-radius:50%}.graph-legend i.verified{background:#22a779}.graph-legend i.learning{background:#e2a428}.graph-legend svg{width:14px;height:14px}.skill-detail{min-width:0;height:680px;padding:24px;overflow-y:auto;border:1px solid #dce4ef;border-radius:22px;background:#fff;box-shadow:0 24px 60px #0f172a0d}.skill-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.skill-detail-domain,.skill-detail-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:750}.skill-detail-domain.domain-web{color:#2d79e7;background:#edf5ff}.skill-detail-domain svg{width:15px;height:15px}.skill-detail-status.verified{color:#157557;background:#ebfbf5}.skill-detail-status.learning{color:#8a5a00;background:#fff8e8}.skill-detail h2{margin-top:28px;color:#152033;font-size:30px;line-height:1.08;letter-spacing:-.045em}.skill-detail>p{margin-top:15px;color:#667287;font-size:14px;line-height:1.8}.skill-share{gap:7px;margin-top:18px;padding:8px 11px;border-color:#dce4ef;color:#506078;background:var(--bg-elevated);font-size:11px;cursor:pointer}.skill-share svg{width:15px}.skill-meter{margin-top:28px}.skill-meter-head{display:flex;align-items:center;justify-content:space-between;color:#667287;font-size:12px;font-weight:700}.skill-meter-head strong{color:#2569d1}.skill-meter-track{height:7px;margin-top:10px;overflow:hidden;border-radius:999px;background:#edf1f6}.skill-meter-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2e9bff,#7456ff)}.skill-evidence{margin-top:26px;padding:16px;border:1px solid #d9e6fb;border-radius:14px;background:linear-gradient(120deg,#f5faff,#faf8ff)}.skill-evidence span,.skill-evidence strong{display:block}.skill-evidence span,.skill-relations>span{margin-bottom:7px;color:#768397;font-size:11px;font-weight:800}.skill-evidence strong{color:#263653;font-size:13px;line-height:1.55}.skill-relations{display:grid;gap:8px;margin-top:26px}.skill-relations button{width:100%;justify-content:space-between;min-height:42px;padding:9px 11px;border-color:#e0e7f0;border-radius:11px;color:#49566a;font-size:12px;background:#fbfcfe}.skill-relations button svg{width:15px;height:15px}.roadmap-list-view{display:grid;gap:14px;margin-top:18px}.roadmap-stage-card{display:grid;grid-template-columns:72px minmax(260px,1fr) minmax(340px,1.3fr);align-items:center;gap:26px;padding:26px;border:1px solid #dce4ef;border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}.roadmap-stage-index{color:#2e78e9;font-size:34px;font-weight:900;letter-spacing:-.06em}.roadmap-stage-copy>span{color:#367cdf;font-size:11px;font-weight:800;letter-spacing:.08em}.roadmap-stage-copy h2{margin-top:5px;color:#1a2435;font-size:20px}.roadmap-stage-copy p{margin-top:7px;color:#717d90;font-size:13px;line-height:1.6}.roadmap-stage-skills{display:flex;flex-wrap:wrap;gap:8px}.roadmap-stage-skills button{padding:8px 11px;border-color:#dce6f4;border-radius:999px;color:#356ab2;font-size:12px;background:#f7faff}@media(max-width:1100px){.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-page{grid-template-columns:270px minmax(0,1fr)}.knowledge-toc{display:none}.roadmap-workspace{grid-template-columns:1fr}.skill-detail{height:auto}.roadmap-stage-card{grid-template-columns:60px 1fr}.roadmap-stage-skills{grid-column:2}}@media(max-width:900px){.feature-grid,.split-section,.timeline{grid-template-columns:1fr}.roadmap-hero,.roadmap-toolbar{align-items:flex-start;flex-direction:column}.roadmap-search{width:100%;margin-left:0}}@media(max-width:640px){.page-shell>:not(.home-page){width:min(100% - 20px,1200px)}.about-panel,.entry-card,.feature-card,.stack-card,.stat-card,.timeline-card,.update-item{padding:20px}.knowledge-page{display:block}.reading-progress{top:67px}.knowledge-mobile-toggle{position:sticky;top:68px;z-index:30;width:100%;display:flex;justify-content:space-between;gap:10px;padding:13px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--heading);background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.knowledge-mobile-toggle svg{width:18px}.knowledge-mobile-toggle svg:last-child{margin-left:auto;transition:transform .18s ease}.knowledge-mobile-toggle svg.collapsed{transform:rotate(-90deg)}.knowledge-sidebar{display:none;position:static;height:auto;max-height:none;padding:24px 18px;border-right:0;border-bottom:1px solid #e1e7f0}.knowledge-sidebar.mobile-open{display:block}.knowledge-tree{max-height:320px;overflow-y:auto}.knowledge-sidebar-foot{display:none}.knowledge-article{padding:36px 18px 70px}.knowledge-article-head h2{font-size:36px}.knowledge-share{position:static;margin-top:18px}.knowledge-content-section h3{font-size:24px}.knowledge-pagination{grid-template-columns:1fr}.page-shell>.roadmap-page{width:min(100% - 28px,1540px)}.roadmap-page{padding-top:34px}.roadmap-stats{width:100%;overflow-x:auto}.roadmap-stats div{min-width:98px}.roadmap-view-toggle{width:100%}.roadmap-view-toggle button{flex:1}.knowledge-graph{height:590px}.graph-legend{right:12px;left:12px;flex-wrap:wrap;gap:8px 12px}.roadmap-stage-card{grid-template-columns:1fr;padding:20px}.roadmap-stage-skills{grid-column:1}}@media(max-width:1100px){.topbar{grid-template-columns:1fr auto;padding:0 24px}.nav{display:none}.mobile-menu-trigger{display:grid}.mobile-navigation{position:fixed;inset:84px 0 0;z-index:90;display:flex;flex-direction:column;justify-content:space-between;padding:44px clamp(24px,7vw,72px) 36px;background:color-mix(in srgb,var(--bg-elevated) 96%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-navigation nav{justify-self:stretch;display:grid}.mobile-navigation nav a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);color:var(--heading);font-size:clamp(24px,5vw,38px);font-weight:850;letter-spacing:-.04em}.mobile-navigation nav a>span{color:var(--primary);font-size:11px;letter-spacing:.08em}.mobile-navigation nav svg{width:22px;color:var(--muted)}.mobile-navigation-foot{color:var(--muted);font-size:12px}.mobile-navigation-foot span{color:var(--primary);font-weight:800;letter-spacing:.1em}.mobile-navigation-foot p{margin-top:7px;font-size:15px;font-weight:650}.cards{grid-template-columns:repeat(2,1fr)}.home-page{width:min(900px,calc(100vw - 40px))}.hero{padding-top:64px}}@media(max-width:620px){.topbar{height:68px}.brand{font-size:20px}.actions{gap:2px}.header-action{width:38px;height:38px}.mobile-navigation{inset:68px 0 0}.hero h1{font-size:48px}.hero h1 .cn{display:block;margin-left:0;margin-top:8px}.hero p{font-size:17px}.cards{grid-template-columns:1fr;gap:18px}.feature-card{height:230px}.updates{margin-top:42px}.update-row{grid-template-columns:120px 1fr}.all-link,.date,.title{font-size:15px}}@media(max-width:760px){.site-footer{width:calc(100vw - 28px);grid-template-columns:1fr;align-items:start;gap:26px}.site-footer nav{justify-self:start;flex-wrap:wrap}}.menu-fade-enter-active,.menu-fade-leave-active{transition:opacity .18s ease,transform .22s ease}.menu-fade-enter-from,.menu-fade-leave-to{opacity:0;transform:translateY(-10px)}html[data-theme=dark]{color-scheme:dark;--bg:#0b1019;--bg-elevated:#111827;--text:#e7edf7;--muted:#9ba8ba;--heading:#f5f7fb;--line:#263244;--line-strong:#344258;--primary:#69a6ff;--primary-soft:#142743;--primary-strong:#8bb9ff;--topbar-bg:rgba(11,16,25,.86);--surface-soft:#172131}html[data-theme=dark] body{color:var(--text);background:radial-gradient(circle at 50% 10%,rgba(64,112,230,.12),transparent 32%),var(--bg)}html[data-theme=dark] .about-panel,html[data-theme=dark] .cms-editor,html[data-theme=dark] .cms-history,html[data-theme=dark] .cms-list-panel,html[data-theme=dark] .cms-relation-form,html[data-theme=dark] .cms-relation-list,html[data-theme=dark] .feature-card,html[data-theme=dark] .knowledge-page,html[data-theme=dark] .knowledge-toc,html[data-theme=dark] .project-card,html[data-theme=dark] .topbar{background:var(--bg-elevated);border-color:var(--line)}html[data-theme=dark] .knowledge-sidebar{background:linear-gradient(180deg,#101827,#0d1522);border-color:var(--line)}html[data-theme=dark] .brand,html[data-theme=dark] .card-title,html[data-theme=dark] .cms-editor-head h2,html[data-theme=dark] .cms-header h1,html[data-theme=dark] .cms-panel-head strong,html[data-theme=dark] .feature-card h3,html[data-theme=dark] .hero h1,html[data-theme=dark] .knowledge-article-head h2,html[data-theme=dark] .knowledge-content-section h3,html[data-theme=dark] .knowledge-sidebar-head h1,html[data-theme=dark] .knowledge-tree-title,html[data-theme=dark] .nav a,html[data-theme=dark] .roadmap-hero h1,html[data-theme=dark] .skill-detail h2,html[data-theme=dark] .title,html[data-theme=dark] .updates h2{color:var(--heading)}html[data-theme=dark] .brand-mark,html[data-theme=dark] .cms-page input,html[data-theme=dark] .cms-page select,html[data-theme=dark] .cms-page textarea,html[data-theme=dark] .cms-secondary,html[data-theme=dark] .knowledge-search input,html[data-theme=dark] .knowledge-sidebar-foot{color:var(--text);background:#152033;border-color:var(--line)}html[data-theme=dark] .cms-list button.active,html[data-theme=dark] .cms-list button:hover,html[data-theme=dark] .knowledge-tree-item.active{background:linear-gradient(100deg,#152a49,#242343)}html[data-theme=dark] .card-desc,html[data-theme=dark] .feature-card p,html[data-theme=dark] .hero p,html[data-theme=dark] .knowledge-content-section li,html[data-theme=dark] .knowledge-content-section p,html[data-theme=dark] .knowledge-summary{color:var(--muted)}html[data-theme=dark] .cms-tabs,html[data-theme=dark] .knowledge-content-section ul{background:#0e1725;border-color:var(--line)}html[data-theme=dark] .knowledge-proof{border-color:#2c3c54;background:#172235}html[data-theme=dark] .knowledge-proof strong,html[data-theme=dark] .knowledge-toc-label{color:var(--heading)}html[data-theme=dark] .graph-legend,html[data-theme=dark] .knowledge-graph,html[data-theme=dark] .knowledge-graph .vue-flow__controls-button,html[data-theme=dark] .roadmap-filters button,html[data-theme=dark] .roadmap-stage-card,html[data-theme=dark] .roadmap-stats div,html[data-theme=dark] .roadmap-view-toggle button,html[data-theme=dark] .skill-detail,html[data-theme=dark] .skill-node{color:var(--text);border-color:var(--line);background:#111a29}html[data-theme=dark] .knowledge-graph{background:radial-gradient(circle at 50% 46%,rgba(80,120,255,.12),transparent 30%),#0e1624}html[data-theme=dark] .skill-node.domain-core,html[data-theme=dark] .skill-node.selected,html[data-theme=dark] .skill-node:hover{border-color:#526fae;background:#18233a}html[data-theme=dark] .roadmap-stage-copy h2,html[data-theme=dark] .skill-detail h2,html[data-theme=dark] .skill-evidence strong,html[data-theme=dark] .skill-node-copy strong{color:var(--heading)}html[data-theme=dark] .roadmap-stage-copy p,html[data-theme=dark] .skill-detail>p,html[data-theme=dark] .skill-node-copy small{color:var(--muted)}html[data-theme=dark] .skill-evidence,html[data-theme=dark] .skill-relations button{color:var(--text);border-color:var(--line);background:#172235}html[data-theme=dark] .roadmap-filters button.active,html[data-theme=dark] .roadmap-view-toggle button.active{color:#8cbcff;border-color:#486b9e;background:#182944}html[data-theme=dark] .cms-tabs button.active{color:#8cbcff;background:#1b2739}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cascade-item,.page-enter-active,.page-leave-active{transition:none}.cascade-item{opacity:1;transform:none;filter:none}}
