:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--ink:#18202f;--muted:#627084;--line:#dce2ea;--panel:#fff;--soft:#f1f5f9;--blue:#2563eb;--green:#0f766e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}a{color:inherit}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fafcf0;position:sticky;top:0}.topbar-inner,.shell{width:min(1120px,100% - 40px);margin:0 auto}.topbar-inner{justify-content:space-between;align-items:center;gap:20px;min-height:64px;display:flex}.brand{align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{color:#1d4ed8;background:#e0f2fe;border:1px solid #bfdbfe;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.nav{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:8px 10px;font-size:14px;text-decoration:none}.nav a:hover{color:var(--ink);background:#eaf0f8}.hero{border-bottom:1px solid var(--line);background:#fff;padding:42px 0 28px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,460px);align-items:center;gap:34px;display:grid}.eyebrow{color:var(--green);margin:0 0 10px;font-size:13px;font-weight:800}h1,h2,h3{margin:0;line-height:1.18}h1{max-width:760px;font-size:clamp(34px,5vw,54px)}h2{font-size:clamp(23px,3vw,32px)}h3{font-size:18px}.lead{max-width:760px;color:var(--muted);margin:18px 0 0;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button{border:1px solid var(--line);min-height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;font-weight:750;text-decoration:none;display:inline-flex}.button.primary{background:var(--blue);color:#fff;border-color:#1d4ed8}.button:hover{background:#f8fafc}.button.primary:hover{background:#1d4ed8}.route-map,.checklist,.screenshot-card{border:1px solid var(--line);background:var(--panel);border-radius:8px}.route-map{justify-self:end;width:100%;max-width:460px;overflow:hidden}.route-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:10px;height:10px}.routes{background:var(--line);gap:1px;display:grid}.route{background:#fff;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:12px 16px;display:grid}.route span{color:var(--muted);font-size:13px;font-weight:800}.route code{word-break:break-word;flex-wrap:wrap;align-items:center;gap:0 6px;display:flex}.route code .play-icon{flex:none}main{padding-bottom:48px}section{padding:32px 0}.section-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.section-head p{max-width:100%;color:var(--muted);margin:8px 0 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-visual{justify-self:end;width:100%;max-width:460px}.guide-visual img{aspect-ratio:5/3;object-fit:contain}.content-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:22px}.content-panel p{color:var(--muted);margin:0}.content-panel p+p{margin-top:12px}.emphasis-panel{background:#f8fafc}.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.topic-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:18px}.topic-card p,.checklist p{color:var(--muted);margin:10px 0 0}.step-nav{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.api-summary{margin-top:16px}.api-summary h3{margin-bottom:10px}code{color:#0f172a;background:#eef2f7;border-radius:5px;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em}.code-block{background:#0f172a;border:1px solid #d8e1ea;border-radius:8px;margin:12px 0 0;overflow-x:auto}.code-block code{color:#e5edf7;white-space:pre;background:0 0;border-radius:0;min-width:max-content;padding:14px 16px;font-size:13px;line-height:1.65;display:block}.play-icon{vertical-align:middle;background:#eef2f7;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.play-icon:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid #475569;width:0;height:0;margin-left:2px}code .play-icon{vertical-align:middle;width:22px;height:22px}code .play-icon:before{border-top-width:5px;border-bottom-width:5px;border-left-width:8px}.screenshot-card figcaption .play-icon{flex:none;margin:0 2px}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.screenshot-card{flex-direction:column;justify-content:space-between;min-height:0;margin:0;display:flex;overflow:hidden}.screenshot-card img{background:#f8fafc;flex:none;width:100%;display:block}.screenshot-grid .screenshot-card img{object-fit:contain;object-position:center;height:360px}.screenshot-card figcaption{color:#475569;background:#f8fafc;border-top:1px solid #d8e1ea;flex-wrap:wrap;align-items:center;gap:0 4px;margin-top:auto;padding:12px 14px;font-size:14px;display:flex}.screenshot-card figcaption strong{color:#0f172a;flex:none;align-items:center;min-height:28px;margin-right:6px;font-size:15px;line-height:1;display:inline-flex}.screenshot-card figcaption>span{flex-wrap:wrap;align-items:center;gap:0 4px;min-width:0;min-height:28px;line-height:1.45;display:inline-flex}.path-table{border-collapse:collapse;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;overflow:hidden}.path-table th,.path-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}.path-table th{color:#334155;background:#eef2f7;font-size:13px}.path-table tr:last-child td{border-bottom:0}.checklist{background:var(--soft);padding:18px}.checklist ol{margin:12px 0 0;padding-left:22px}.checklist li{margin:8px 0}@media (width<=860px){.topbar-inner{flex-direction:column;align-items:flex-start;padding:12px 0}.nav{justify-content:flex-start}.hero-grid,.grid,.screenshot-grid,.topic-grid{grid-template-columns:1fr}.guide-visual{justify-self:stretch;max-width:100%}.section-head{flex-direction:column;align-items:flex-start}}@media (width<=560px){.topbar-inner,.shell{width:min(100% - 24px,1120px)}.route{grid-template-columns:1fr;gap:4px}.path-table{display:block;overflow-x:auto}}#app-layout{flex-direction:column;min-height:100vh;display:flex}.app-content{flex-grow:1}.brand{text-decoration:none}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.nav-item:hover,.nav-item.active{color:var(--ink);background:#eaf0f8}.dropdown-wrapper{position:relative}.dropdown-toggle{outline:none}.chevron-icon{margin-top:1px;transition:transform .2s}.chevron-icon.rotated{transform:rotate(180deg)}.dropdown-menu{border:1px solid var(--line);z-index:100;background:#fff;border-radius:12px;flex-direction:column;gap:4px;min-width:280px;margin-top:6px;padding:8px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a}.dropdown-menu:before{content:"";background:0 0;height:12px;position:absolute;top:-12px;left:0;right:0}.dropdown-item{color:var(--ink);border-radius:8px;align-items:flex-start;gap:12px;padding:10px 12px;text-decoration:none;transition:background .2s;display:flex}.dropdown-item:hover{background:#f1f5f9}.dropdown-item.router-link-active{color:var(--blue);background:#eff6ff}.item-icon{min-width:34px;color:var(--blue);padding-top:2px;font-size:13px;font-weight:900;display:inline-flex}.item-text{flex-direction:column;gap:2px;display:flex}.item-text strong{font-size:14px;font-weight:800}.item-text span{color:var(--muted);font-size:12px}.dropdown-item.router-link-active .item-text span{color:#3b82f6}.slide-up-enter-active,.slide-up-leave-active{transition:transform .2s,opacity .2s}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(8px)}@media (width<=860px){.dropdown-menu{box-shadow:none;background:0 0;border:none;margin-top:4px;padding:0 0 0 12px;position:static}}.home-view{flex-direction:column;min-height:calc(100vh - 64px);display:flex}.hero-section{border-bottom:1px solid var(--line);text-align:center;background:radial-gradient(circle at 80% 20%,#e0f2fe 0%,#0000 50%),radial-gradient(circle at 10% 80%,#f1f5f9 0%,#0000 50%);padding:80px 0 60px}.hero-content{flex-direction:column;align-items:center;gap:16px;display:flex}.badge{color:var(--blue);letter-spacing:.05em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:800}.hero-content h1{background:linear-gradient(135deg,#1e293b 0%,#1d4ed8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(32px,5.5vw,56px);font-weight:900;line-height:1.15}.hero-content .lead{max-width:680px;color:var(--muted);margin:8px 0 0;font-size:clamp(16px,2.5vw,19px);line-height:1.6}.guides-section{flex-grow:1;padding:60px 0 80px}.section-title{text-align:center;color:var(--ink);margin-bottom:32px;font-size:24px;font-weight:800}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.learning-roadmap{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:1120px;margin:0 auto 40px;padding:22px;box-shadow:0 10px 24px -20px #0f172a47}.roadmap-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.roadmap-head h3{color:var(--ink);margin:0;font-size:20px;font-weight:900}.roadmap-head p{max-width:620px;color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.55}.roadmap-start{min-height:36px;color:var(--blue);background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.roadmap-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.roadmap-step{border:1px solid var(--line);min-height:170px;color:inherit;background:#fff;border-radius:12px;padding:16px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.roadmap-step:after{content:"";background:#cbd5e1;width:10px;height:1px;position:absolute;top:32px;right:-10px}.roadmap-step:last-child:after{display:none}.roadmap-step:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 14px 22px -18px #2563eb52}.roadmap-index{color:var(--blue);margin-bottom:18px;font-size:22px;font-weight:850;line-height:1;display:inline-flex}.roadmap-step strong{color:var(--ink);font-size:15px;font-weight:850;line-height:1.25;display:block}.roadmap-step p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.roadmap-step.advanced-step{border-left:3px solid #e2e8f0}.roadmap-step.advanced-step:hover{border-left-color:#6366f1}.guide-folder{--folder-accent:#2563eb;--folder-title-weight:800;max-width:1120px;margin:0 auto 34px}.advanced-folder{--folder-accent:#4338ca;--folder-title-weight:700}.guide-folder:last-child{margin-bottom:0}.folder-tab{border:1px solid var(--line);min-height:56px;color:var(--ink);background:#fff;border-bottom:0;border-radius:16px 16px 0 0;align-items:center;padding:12px 22px;display:inline-flex;position:relative;overflow:hidden}.folder-tab:after{content:"";background:linear-gradient(90deg, var(--folder-accent), transparent 86%);opacity:.62;border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:0;left:16px;right:16px}.folder-title-group{z-index:1;flex-direction:column;gap:2px;display:flex;position:relative}.folder-title-line{color:var(--folder-accent);font-size:18px;font-weight:var(--folder-title-weight);flex-wrap:wrap;align-items:center;gap:8px;line-height:1.2;display:inline-flex}.folder-title-group small{color:var(--muted);font-size:13px;font-weight:700;line-height:1.3}.folder-body{border:1px solid var(--line);background:#fff;border-radius:0 16px 16px;padding:24px;box-shadow:0 10px 24px -18px #0f172a47}.advanced-folder .folder-tab{background:#fff}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{border:1px solid var(--line);color:inherit;background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;padding:32px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000002}.folder-body .guide-card{box-shadow:none;border-radius:12px}.advanced-folder .guide-card{border-left:4px solid #e2e8f0;border-top-left-radius:4px;border-bottom-left-radius:4px;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .2s,border-left-color .2s,box-shadow .2s}.folder-body .guide-card:hover{border-color:#cbd5e1;box-shadow:0 20px 25px -5px #0f172a14,0 10px 10px -5px #0f172a0a}.advanced-folder .folder-body .guide-card:hover{border-left-color:#6366f1;box-shadow:0 20px 25px -5px #6366f11f,0 10px 10px -5px #0f172a0a}.guide-card:hover{border-color:#3b82f6;transform:translateY(-6px);box-shadow:0 20px 25px -5px #3b82f61a,0 10px 10px -5px #3b82f60a}.card-icon{color:var(--ink);margin-bottom:20px;font-size:32px}.card-body h3{color:var(--ink);margin:0 0 12px;font-size:20px;font-weight:800;transition:color .2s}.guide-card:hover .card-body h3{color:var(--ink)}.card-body p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.card-footer{color:var(--blue);align-items:center;gap:6px;margin-top:24px;font-size:14px;font-weight:750;display:flex}.arrow-icon{transition:transform .2s}.guide-card:hover .arrow-icon{transform:translate(4px)}.placeholder-card{background:linear-gradient(to bottom right,#fff,#fafafa)}.coming-soon{cursor:default;opacity:.85}.coming-soon:hover{border-color:var(--line);transform:none;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000002}.coming-soon .card-body h3,.coming-soon:hover .card-body h3,.coming-soon .card-footer{color:var(--muted)}@media (width<=760px){.learning-roadmap{padding:16px}.roadmap-head{flex-direction:column}.roadmap-steps{grid-template-columns:1fr}.roadmap-step{min-height:0}.roadmap-step:after{width:1px;height:10px;inset:auto auto -10px 28px}.folder-tab{flex-direction:row;align-items:center;width:100%;display:flex}.folder-body{border-radius:0 0 16px 16px;padding:16px}.cards-grid,.advanced-grid{grid-template-columns:1fr}}.app-shot{background:#0f1117}.labeled-shot{position:relative}.shot-logo{z-index:1;object-fit:contain;object-position:left center;background:0 0;flex:none;width:auto;max-width:150px;height:30px;position:absolute;top:16px;left:56px}.screenshot-card .shot-logo{background:0 0;width:auto;display:block}.app-shot>img:not(.shot-logo){object-fit:cover;height:auto}.app-shot-grid .shot-logo{max-width:120px;height:24px;top:14px;left:42px}.app-shot-wide{margin-bottom:16px}.app-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=860px){.app-shot-grid{grid-template-columns:1fr}}.editor-shot{background:#111827}.editor-shot img{object-fit:contain;max-height:720px}.api-guide-view{display:block}.repo-proof{border:1px solid var(--line);color:#e5e7eb;background:#0d1117;border-radius:8px;margin-top:18px;text-decoration:none;display:block;overflow:hidden}.repo-proof img{object-fit:cover;object-position:left top;width:100%;max-height:132px;display:block}.repo-proof span{border-top:1px solid #94a3b847;padding:9px 12px;font-size:14px;font-weight:750;display:block}.repo-proof:hover span{color:#93c5fd}.repo-proof-inline{max-width:620px}.tool-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.screenshot-wide{margin-bottom:16px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0 38px;font-size:14px}.footer a{color:#1d4ed8}#files .section-head p{white-space:nowrap}@media (width<=860px){#files .section-head p{white-space:normal}}.git-screenshot-grid .screenshot-card img{object-fit:contain;height:360px}.git-shot{background:#f8fafc}.git-history-shot{max-width:560px}.git-history-shot img{object-fit:contain;max-height:620px}.practice-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.practice-project-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px;display:grid}.practice-project-card>p{color:var(--muted);grid-column:1/-1;margin:0}.project-icon{width:52px;height:52px;color:var(--blue);background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;place-items:center;display:grid}.project-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:29px;height:29px}.project-copy{align-self:center;min-width:0}.project-kicker{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:800;display:block}.project-copy h3{font-size:18px}@media (width<=860px){.practice-project-grid{grid-template-columns:1fr}}.research-view{--research-ink:#172033;--research-muted:#647085;--research-line:#dce3ec;--research-blue:#2458d6;--research-teal:#087f78;--research-paper:#fff;min-height:calc(100vh - 64px);color:var(--research-ink);background:linear-gradient(90deg,#dce3ec52 1px,#0000 1px) 0 0/72px 72px,#f6f8fb;padding-bottom:0}.research-shell{width:min(1240px,100% - 48px);margin:0 auto}.research-hero{border-bottom:1px solid var(--research-line);background:radial-gradient(circle at 86% 18%,#2458d621,#0000 34%),linear-gradient(135deg,#fff 0%,#f7f9fd 68%,#eef3fc 100%);padding:88px 0 72px;position:relative;overflow:hidden}.research-hero:before{content:"";border:1px solid #2458d621;border-radius:50%;width:190px;height:190px;position:absolute;top:32px;right:8%;box-shadow:0 0 0 34px #2458d609,0 0 0 68px #2458d606}.hero-layout{z-index:1;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);align-items:end;gap:72px;display:grid;position:relative}.research-kicker{color:var(--research-blue);letter-spacing:.14em;margin:0 0 20px;font-size:12px;font-weight:850}.hero-copy h1{color:#14203a;letter-spacing:-.055em;max-width:800px;margin:0;font-size:clamp(42px,6vw,78px);font-weight:900;line-height:1.03}.research-lead{max-width:760px;color:var(--research-muted);margin:28px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.75}.research-tags{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.research-tags span{color:#526078;background:#ffffffd1;border:1px solid #d6dfef;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:750}.question-card{border:1px solid #ccd8ed;border-top:4px solid var(--research-blue);background:#ffffffeb;border-radius:4px;padding:26px;box-shadow:0 24px 60px -40px #19315e8c}.question-label,.innovation-title>span,.hypothesis-card>span,.formula-card>span{color:var(--research-blue);letter-spacing:.13em;font-size:11px;font-weight:850}.question-card h2{margin:10px 0 0;font-size:24px}.question-card>p{color:#46536a;margin:14px 0 0;font-size:15px;line-height:1.75}.question-flow{border-top:1px solid var(--research-line);justify-content:space-between;align-items:center;gap:8px;margin-top:24px;padding-top:18px;display:flex}.question-flow span{color:#344158;text-align:center;font-size:12px;font-weight:800}.question-flow i{color:#95a4bc;font-style:normal}.research-layout{grid-template-columns:190px minmax(0,920px);justify-content:space-between;gap:64px;padding:58px 0 100px;display:grid}.research-toc{align-self:start;padding:4px 0;position:sticky;top:100px}.research-toc>p{color:#8a96aa;letter-spacing:.16em;margin:0 0 16px;font-size:10px;font-weight:850}.research-toc nav{border-left:1px solid #d6dee9;display:grid}.research-toc a{color:#69768a;align-items:center;gap:12px;padding:8px 0 8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:color .18s,border-color .18s;display:flex}.research-toc a:hover{color:var(--research-blue)}.research-toc a span{color:#a1aabd;font-variant-numeric:tabular-nums;font-size:10px}.research-article{min-width:0}.research-section{border-bottom:1px solid var(--research-line);padding:54px 0;scroll-margin-top:92px}.research-section:first-child{padding-top:0}.research-section:last-child{border-bottom:0}.research-section-heading{align-items:baseline;gap:18px;margin-bottom:28px;display:flex}.research-section-heading>span{color:var(--research-blue);font-size:13px;font-weight:900}.research-section-heading h2{color:#17233a;letter-spacing:-.025em;font-size:clamp(27px,3vw,38px)}.research-article>section>p,.innovation-block>p{color:#536076;margin:0 0 18px;font-size:16px;line-height:1.85}.research-article a{color:#1d4fbd;text-underline-offset:3px;font-weight:700;text-decoration-color:#aebfe4}.research-article a:hover{color:#123b92;text-decoration-color:currentColor}.pipeline{border:1px solid var(--research-line);background:var(--research-paper);border-radius:4px;grid-template-columns:repeat(7,minmax(0,1fr));margin:28px 0;display:grid;overflow:hidden}.pipeline span{border-right:1px solid var(--research-line);color:#3e4a5f;flex-direction:column;justify-content:space-between;min-height:102px;padding:14px 11px;font-size:12px;font-weight:750;line-height:1.45;display:flex;position:relative}.pipeline span:last-child{border-right:0}.pipeline b{color:#93a0b4;font-size:10px}.decision-grid,.paper-cards,.metric-grid,.anchor-grid,.control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.decision-grid article,.metric-grid article,.anchor-grid article,.control-grid article{border:1px solid var(--research-line);background:var(--research-paper);border-radius:4px;padding:20px}.decision-grid article>span,.metric-grid article>span{color:var(--research-teal);letter-spacing:.11em;font-size:10px;font-weight:850}.decision-grid h3,.metric-grid h4,.anchor-grid h4,.control-grid h4{margin:10px 0 0;font-size:17px}.decision-grid p,.metric-grid p,.anchor-grid p,.control-grid p{color:var(--research-muted);margin:10px 0 0;font-size:13px;line-height:1.65}.research-note{border-left:4px solid var(--research-teal);background:#edf8f6;grid-template-columns:130px minmax(0,1fr);gap:20px;margin-top:28px;padding:20px 22px;display:grid}.research-note strong{color:#116a66}.research-note p{color:#3e615f;margin:0;font-size:14px;line-height:1.7}.subheading{color:#26344c;margin:38px 0 16px;font-size:21px}.paper-card{border:1px solid var(--research-line);background:var(--research-paper);border-radius:4px;flex-direction:column;min-height:210px;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;color:inherit!important;text-decoration:none!important}.paper-card:hover{border-color:#b9c8e6;transform:translateY(-3px);box-shadow:0 18px 30px -26px #1c3b7a8c}.paper-card>span{color:var(--research-blue);letter-spacing:.09em;font-size:10px;font-weight:850}.paper-card strong{margin-top:24px;font-size:20px}.paper-card p{color:var(--research-muted);margin:10px 0 18px;font-size:13px;line-height:1.65}.paper-card small{color:#52627b;margin-top:auto;font-weight:750}.table-wrap{border:1px solid var(--research-line);background:var(--research-paper);border-radius:4px;width:100%;margin:24px 0;overflow-x:auto}.research-table{border-collapse:collapse;color:#425067;width:100%;font-size:13px;line-height:1.6}.research-table caption{border-bottom:1px solid var(--research-line);color:#7c899d;letter-spacing:.06em;text-align:left;text-transform:uppercase;padding:13px 16px;font-size:11px;font-weight:800}.research-table th,.research-table td{border-right:1px solid var(--research-line);border-bottom:1px solid var(--research-line);text-align:left;vertical-align:top;padding:14px 15px}.research-table th:last-child,.research-table td:last-child{border-right:0}.research-table tr:last-child td{border-bottom:0}.research-table th{color:#2f3e56;letter-spacing:.04em;background:#f1f4f8;font-size:11px;font-weight:850}.study-table{min-width:900px}.study-table th:first-child{width:100px}.study-table th:nth-child(2){width:180px}.quality-metric-table{min-width:960px}.quality-metric-table th:first-child{width:112px}.quality-metric-table th:nth-child(2){width:205px}.quality-metric-table th:nth-child(3){width:250px}.metric-level{color:#2458b8;white-space:nowrap;background:#e9f0fd;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:850;display:inline-flex}.metric-links{flex-wrap:wrap;gap:5px 10px;margin-top:8px;display:flex}.metric-links a{font-size:11px;font-weight:750}.relation-tag{white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.relation-tag.direct{color:#2359c4;background:#e8f1ff}.relation-tag.mechanism{color:#08736d;background:#e9f7f4}.relation-tag.support{color:#657084;background:#f0f2f5}.comparison-strip{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:28px 0 44px;display:grid}.comparison-strip>div{border:1px solid var(--research-line);background:#fff;min-height:118px;padding:20px}.comparison-strip span{color:#8b97a9;letter-spacing:.08em;font-size:11px;font-weight:850}.comparison-strip strong{color:#344158;margin-top:12px;font-size:15px;line-height:1.55;display:block}.comparison-strip i{color:var(--research-blue);font-size:25px;font-style:normal;font-weight:400}.gap-list{gap:12px;margin:22px 0;display:grid}.gap-list article,.question-list article,.contribution-list article{border:1px solid var(--research-line);background:#fff;border-radius:4px;grid-template-columns:62px minmax(0,1fr);gap:20px;padding:20px;display:grid}.gap-list article>span,.question-list article>span,.contribution-list article>span{color:var(--research-blue);font-size:13px;font-weight:900}.gap-list strong,.question-list h3,.contribution-list h3{color:#2b3850;margin:0;font-size:16px}.gap-list p,.question-list p,.contribution-list p{color:var(--research-muted);margin:6px 0 0;font-size:14px;line-height:1.65}.logic-chain,.closing-note{border:0;border-left:4px solid var(--research-blue);color:#344666;background:#eef3fc;margin:28px 0 0;padding:24px;font-size:15px;font-weight:750;line-height:1.8}.logic-chain span{color:var(--research-blue);padding:0 5px}.question-list,.contribution-list{gap:12px;margin:26px 0;display:grid}.hypothesis-card{background:linear-gradient(135deg,#2458d614,#0000 62%),#fff;border:1px solid #bfcdeb;margin:30px 0;padding:30px}.hypothesis-card p{color:#263958;max-width:760px;margin:14px 0 0;font-size:clamp(21px,3vw,28px);font-weight:800;line-height:1.55}.innovation-block{border:1px solid var(--research-line);background:#ffffffd1;border-radius:4px;margin-bottom:54px;padding:30px}.innovation-block:last-child{margin-bottom:0}.innovation-title{border-bottom:1px solid var(--research-line);margin-bottom:22px;padding-bottom:18px}.innovation-title h3{margin:9px 0 0;font-size:23px}.innovation-block h4{color:#344158;margin:28px 0 0;font-size:15px}.compact-table{min-width:620px}.compact-table code,.method-note code{color:#234b9d;background:#e9eef7;border-radius:3px;font-weight:800}.method-note{color:#6a778b!important;margin:-10px 0 4px!important;font-size:13px!important}.metric-companion{margin:14px 0 4px!important}.validation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.evaluation-positioning,.minimal-positioning{margin-top:22px}.metric-grid article{flex-direction:column;min-height:220px;display:flex}.metric-grid small{border-top:1px solid var(--research-line);color:#3f4d64;margin-top:auto;padding-top:18px;font-weight:800;display:block}.formula-card{color:#fff;background:#17233a;margin-top:24px;padding:24px}.formula-card>span{color:#9fb9f4}.formula-card strong{margin-top:12px;font-size:clamp(18px,3vw,25px);line-height:1.5;display:block}.formula-card p{color:#b9c5d7;margin:10px 0 0;font-size:13px}.anchor-grid article>span{width:42px;height:42px;color:var(--research-blue);background:#eaf0fb;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.experiment-timeline{gap:0;margin:30px 0;display:grid;position:relative}.experiment-timeline:before{content:"";background:#cdd7e6;width:1px;position:absolute;top:0;bottom:0;left:26px}.experiment-timeline article{grid-template-columns:54px minmax(0,1fr);gap:24px;padding:0 0 26px;display:grid;position:relative}.experiment-timeline article>span{z-index:1;width:54px;height:54px;color:var(--research-blue);background:#f6f8fb;border:1px solid #b9c7df;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid;position:relative}.experiment-timeline article>div{padding:5px 0 0}.experiment-timeline h3{font-size:17px}.experiment-timeline p{color:var(--research-muted);margin:7px 0 0;font-size:14px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contribution-list article{grid-template-columns:52px minmax(0,1fr);padding:24px}.closing-note{border-left-color:var(--research-teal);color:#365c59;background:#edf8f6}.reference-list{counter-reset:references;margin:0;padding:0;list-style:none}.reference-list li{border-bottom:1px solid var(--research-line);counter-increment:references;grid-template-columns:150px minmax(0,1fr) 150px;gap:16px;padding:16px 0;display:grid}.reference-list li:before{content:counter(references, decimal-leading-zero);color:#a0aabc;grid-column:1/-1;margin-bottom:-8px;font-size:10px;font-weight:850}.reference-list span,.reference-list small{color:#7a8699;font-size:12px}.reference-list a{font-size:13px;line-height:1.55}.reference-list small{text-align:right}@media (width<=1000px){.hero-layout{grid-template-columns:1fr;gap:42px}.question-card{max-width:680px}.research-layout{grid-template-columns:1fr}.research-toc{border-bottom:1px solid var(--research-line);padding-bottom:24px;position:static}.research-toc nav{border-left:0;grid-template-columns:repeat(4,minmax(0,1fr))}.research-toc a{padding-left:0}.pipeline{grid-template-columns:repeat(4,minmax(0,1fr))}.pipeline span:nth-child(4){border-right:0}.pipeline span:nth-child(-n+4){border-bottom:1px solid var(--research-line)}}@media (width<=720px){.research-shell{width:min(100% - 28px,1240px)}.research-hero{padding:58px 0 48px}.hero-copy h1{font-size:clamp(38px,12vw,58px)}.research-layout{gap:30px;padding-top:34px}.research-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.research-section{padding:42px 0}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline span,.pipeline span:nth-child(4){border-right:1px solid var(--research-line);border-bottom:1px solid var(--research-line)}.pipeline span:nth-child(2n){border-right:0}.pipeline span:last-child{border-bottom:0}.decision-grid,.paper-cards,.metric-grid,.anchor-grid,.control-grid{grid-template-columns:1fr}.paper-card,.metric-grid article{min-height:0}.comparison-strip{grid-template-columns:1fr}.comparison-strip i{text-align:center}.research-note{grid-template-columns:1fr;gap:8px}.innovation-block{padding:20px 16px}.reference-list li{grid-template-columns:1fr;gap:6px}.reference-list small{text-align:left}}@media (width<=460px){.question-flow{flex-direction:column;align-items:stretch}.question-flow i{text-align:center;transform:rotate(90deg)}.pipeline{grid-template-columns:1fr}.pipeline span,.pipeline span:nth-child(2n){border-right:0;border-bottom:1px solid var(--research-line);min-height:78px}.gap-list article,.question-list article,.contribution-list article{grid-template-columns:1fr;gap:8px}}.clash-guide[data-v-f6e88aee]{--clash-accent:#2563eb}.clash-guide .hero[data-v-f6e88aee]{padding:44px 0}.clash-guide h1[data-v-f6e88aee]{font-size:clamp(32px,4.2vw,48px);line-height:1.2}.clash-guide h2[data-v-f6e88aee]{font-size:clamp(24px,3vw,30px);line-height:1.3}.clash-guide h3[data-v-f6e88aee]{line-height:1.5}.clash-guide p[data-v-f6e88aee]{overflow-wrap:anywhere}.clash-guide a[data-v-f6e88aee]:focus-visible,.clash-guide button[data-v-f6e88aee]:focus-visible,.clash-guide summary[data-v-f6e88aee]:focus-visible,.clash-guide [tabindex][data-v-f6e88aee]:focus-visible{outline-offset:4px;outline:3px solid #2563eb}.clash-guide .hero-actions .button[data-v-f6e88aee]{gap:10px;font-size:14px}.clash-flow[data-v-f6e88aee]{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:20px}.clash-flow-head[data-v-f6e88aee]{justify-content:space-between;align-items:center;gap:12px;display:flex}.clash-flow-head>span[data-v-f6e88aee]{color:#1d4ed8;font:700 12px monospace}.clash-flow-source[data-v-f6e88aee]{text-align:center;color:var(--muted);margin:24px 0 0;font-size:14px}.clash-flow-core[data-v-f6e88aee]{color:#1e40af;text-align:center;background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;width:fit-content;margin:22px auto;padding:12px 28px;font-weight:800;position:relative}.clash-flow-core[data-v-f6e88aee]:before,.clash-flow-core[data-v-f6e88aee]:after{content:"";background:#94a3b8;width:1px;height:22px;position:absolute;left:50%}.clash-flow-core[data-v-f6e88aee]:before{top:-23px}.clash-flow-core[data-v-f6e88aee]:after{bottom:-23px}.clash-flow-core span[data-v-f6e88aee]{font-size:12px;font-weight:500;display:block}.clash-flow-routes[data-v-f6e88aee]{border-top:1px solid #cbd5e1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.clash-flow-routes>div[data-v-f6e88aee]{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:16px;display:flex}.clash-flow-routes strong[data-v-f6e88aee]{font-size:13px}.clash-flow-routes small[data-v-f6e88aee]{color:var(--muted);font-size:12px}.clash-flow-note[data-v-f6e88aee]{color:var(--muted);text-align:center;margin:20px 0 0;font-size:12px}.clash-tag[data-v-f6e88aee]{border-radius:5px;width:fit-content;padding:3px 8px;font-size:12px;font-weight:750;display:inline-block}.clash-tag.direct[data-v-f6e88aee]{color:#0f766e;background:#e0f2ef}.clash-tag.proxy[data-v-f6e88aee]{color:#1d4ed8;background:#e7efff}.clash-tag.reject[data-v-f6e88aee]{color:#9f1239;background:#ffe4e6}.clash-layout[data-v-f6e88aee]{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:48px;padding-top:16px;display:grid}.clash-sidebar[data-v-f6e88aee]{padding:28px 0;position:sticky;top:88px}.clash-sidebar nav[data-v-f6e88aee]{flex-direction:column;gap:4px;display:flex}.clash-sidebar nav a[data-v-f6e88aee]{color:#475569;border-radius:6px;align-items:center;gap:12px;padding:10px 8px;font-size:14px;text-decoration:none;display:flex}.clash-sidebar nav a span[data-v-f6e88aee]{color:var(--muted);font:12px monospace}.clash-sidebar nav a[data-v-f6e88aee]:hover{color:#1d4ed8;background:#eaf0f8}.clash-back[data-v-f6e88aee]{color:var(--muted);font-size:14px;text-decoration:none}.clash-article[data-v-f6e88aee]{min-width:0}.clash-article>section[data-v-f6e88aee]{border-bottom:1px solid var(--line);padding:32px 0 40px;scroll-margin-top:88px}.clash-article>section[data-v-f6e88aee]:last-child{border-bottom:none}.clash-article p[data-v-f6e88aee]{color:#526176;margin:12px 0}.clash-article p.eyebrow[data-v-f6e88aee]{color:var(--green);margin:0 0 10px}.clash-article p a[data-v-f6e88aee],.clash-end>a[data-v-f6e88aee]:not(.button){color:#1d4ed8;text-underline-offset:3px}.clash-features[data-v-f6e88aee]{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.clash-features article[data-v-f6e88aee]{border-top:2px solid #bfdbfe;padding-top:16px}.clash-features h3[data-v-f6e88aee]{font-size:16px}.clash-note[data-v-f6e88aee]{background:#eff6ff;border-left:3px solid #60a5fa;border-radius:0 8px 8px 0;margin:20px 0;padding:16px 20px}.clash-note p[data-v-f6e88aee]{margin:6px 0 0}.clash-note.caution[data-v-f6e88aee]{background:#fffbeb;border-color:#d97706}.clash-steps[data-v-f6e88aee]{counter-reset:clash-step;padding:0;list-style:none}.clash-steps li[data-v-f6e88aee]{counter-increment:clash-step;padding:0 0 22px 52px;position:relative}.clash-steps li[data-v-f6e88aee]:before{content:counter(clash-step, decimal-leading-zero);color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:750;display:grid;position:absolute;top:0;left:0}.clash-steps li[data-v-f6e88aee]:last-child{padding-bottom:0}.clash-steps p[data-v-f6e88aee]{margin:6px 0 0}.clash-subtitle[data-v-f6e88aee]{margin:28px 0 14px}.content-panel .clash-subtitle[data-v-f6e88aee]{margin:14px 0 10px}.clash-table-wrap[data-v-f6e88aee]{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.clash-table[data-v-f6e88aee]{border-collapse:collapse;text-align:left;background:#fff;width:100%}.clash-table th[data-v-f6e88aee],.clash-table td[data-v-f6e88aee]{border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}.clash-table thead[data-v-f6e88aee]{background:#eef2f7}.clash-table thead th[data-v-f6e88aee]{font-size:14px}.clash-table tbody th[data-v-f6e88aee]{min-width:112px;font-weight:600}.clash-table td[data-v-f6e88aee]{color:#526176;min-width:190px}.clash-table tr[data-v-f6e88aee]:last-child>*{border-bottom:none}.clash-code-panel[data-v-f6e88aee]{background:#0f172a;border:1px solid #334155;border-radius:8px;margin-top:20px;overflow:hidden}.clash-code-head[data-v-f6e88aee]{color:#e2e8f0;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font:14px monospace;display:flex}.clash-code-head small[data-v-f6e88aee]{color:#94a3b8;margin-left:8px;font-size:12px}.clash-code-head button[data-v-f6e88aee]{color:#f8fafc;font:inherit;cursor:pointer;background:#1e293b;border:1px solid #64748b;border-radius:5px;flex-shrink:0;padding:8px 12px}.clash-code-head button[data-v-f6e88aee]:hover{background:#334155}.clash-code-panel .code-block[data-v-f6e88aee]{border:none;border-radius:0;max-height:540px;margin:0;overflow:auto}.clash-guide .code-block code[data-v-f6e88aee]{font-size:14px;line-height:1.8}.clash-copy-status[data-v-f6e88aee]{font-size:14px}.clash-modules[data-v-f6e88aee]{border-top:1px solid var(--line)}.clash-modules article[data-v-f6e88aee]{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:14px;padding:18px 0;display:grid}.clash-modules article>span[data-v-f6e88aee]{color:#64748b;padding-top:3px;font:14px monospace}.clash-modules h4[data-v-f6e88aee]{margin:0;font-size:16px}.clash-modules p[data-v-f6e88aee]{margin:5px 0 0}.clash-apply[data-v-f6e88aee]{padding-left:24px}.clash-apply li[data-v-f6e88aee]{color:#526176;margin:12px 0}.clash-details[data-v-f6e88aee]{border:1px solid var(--line);background:#fff;border-radius:8px;margin:12px 0}.clash-details summary[data-v-f6e88aee]{cursor:pointer;padding:18px 20px;font-weight:700}.clash-details summary[data-v-f6e88aee]:hover{color:#1d4ed8}.clash-details[open] summary[data-v-f6e88aee]{border-bottom:1px solid var(--line)}.clash-details>div[data-v-f6e88aee]{padding:4px 20px 12px}.clash-end[data-v-f6e88aee]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;display:flex}@media (width<=1000px){.clash-layout[data-v-f6e88aee]{grid-template-columns:180px minmax(0,1fr);gap:28px}.clash-features[data-v-f6e88aee]{grid-template-columns:1fr;gap:8px}}@media (width<=860px){.clash-layout[data-v-f6e88aee]{grid-template-columns:1fr;gap:0}.clash-sidebar[data-v-f6e88aee]{padding-bottom:8px;position:static}.clash-sidebar nav[data-v-f6e88aee]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.clash-sidebar nav>p[data-v-f6e88aee]{grid-column:1/-1}.clash-article>section[data-v-f6e88aee]{scroll-margin-top:155px}}@media (width<=560px){.clash-guide .hero[data-v-f6e88aee]{padding:30px 0}.clash-flow[data-v-f6e88aee]{padding:16px 12px}.clash-modules article[data-v-f6e88aee]{grid-template-columns:24px minmax(0,1fr);gap:10px}.clash-modules .clash-tag[data-v-f6e88aee]{grid-column:2}.clash-code-head small[data-v-f6e88aee]{display:none}.clash-note[data-v-f6e88aee]{padding:14px 16px}}
