:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#eff4ff;--background-strong:#dfe9ff;--foreground:#0b1220;--card:#ffffffeb;--card-strong:#fff;--card-dark:#0f172a;--border:#94a3b838;--border-strong:#4f46e538;--muted:#64748b;--muted-strong:#475569;--link:#4338ca;--primary:#4f46e5;--primary-strong:#312e81;--primary-soft:#4f46e51f;--success:#059669;--warning:#d97706;--danger:#dc2626;--shadow:0 28px 80px #0f172a1a;--shadow-soft:0 18px 46px #0f172a14;--shadow-lift:0 22px 54px #4f46e51f;--radius-xl:28px;--radius-lg:22px;--radius-md:18px;--radius-sm:14px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left,#6366f138,transparent 24%),radial-gradient(circle at top right,#38bdf824,transparent 20%),linear-gradient(180deg,#f8faff 0%,var(--background)28%,#edf3ff 100%);min-height:100%;color:var(--foreground);margin:0;padding:0;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.65}body{min-height:100vh}a{color:var(--link);text-decoration:none}a:hover{text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #6366f159}img{max-width:100%;height:auto}code{color:var(--primary-strong);background:#6366f11a;border-radius:999px;align-items:center;padding:.2rem .55rem;font-family:Consolas,SFMono-Regular,monospace;font-size:.92em;display:inline-flex}h1,h2,h3,p,ul,ol{margin-top:0}ul,ol{padding-left:1.1rem}.site-shell{isolation:isolate;min-height:100vh;position:relative}.site-shell:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 12%,#4f46e514,#0000 20%),radial-gradient(circle at 92% 8%,#0ea5e914,#0000 18%),radial-gradient(circle at 50% 100%,#818cf814,#0000 26%);position:fixed;inset:0}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8faffb8;border-bottom:1px solid #94a3b824;position:sticky;top:0;box-shadow:0 10px 28px #0f172a0a}.topbar-inner,.page-shell,.footer-inner{width:min(1180px,100vw - 32px);margin:0 auto}.topbar-inner{justify-content:flex-start;align-items:center;gap:16px;min-height:80px;display:flex}.brand{color:var(--foreground);align-items:center;gap:14px;padding:10px 0;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#5b5df6 0%,#4f46e5 45%,#7c3aed 100%);border-radius:16px;place-items:center;width:46px;height:46px;font-weight:800;display:grid;box-shadow:0 14px 30px #4f46e54d}.brand-title{letter-spacing:-.02em;font-size:1.02rem;font-weight:800}.brand-subtitle{color:var(--muted);font-size:.88rem}.topnav{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.topnav a{min-height:40px;color:var(--muted-strong);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;transition:all .16s;display:inline-flex}.topnav a:hover{color:var(--primary-strong);background:#4f46e514;border-color:#4f46e52e}.page-shell{flex-direction:column;gap:24px;padding:40px 0 84px;display:flex}.page-hero{border-radius:var(--radius-xl);color:#fff;background:radial-gradient(circle at 100% 0,#818cf852,#0000 24%),radial-gradient(circle at 0 100%,#38bdf82e,#0000 24%),linear-gradient(145deg,#0c173f 0%,#18326f 52%,#2f1f74 100%);border:1px solid #ffffff14;padding:38px;position:relative;overflow:hidden;box-shadow:0 32px 72px #1e293b2e}.page-hero:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0f,#0000 40%),radial-gradient(circle at 20% 10%,#ffffff14,#0000 30%);position:absolute;inset:0}.page-hero:after{content:"";filter:blur(16px);background:#ffffff1a;border-radius:999px;width:260px;height:260px;position:absolute;inset:auto -30px -60px auto}.page-hero>*{z-index:1;position:relative}.page-hero.compact{padding:30px}.hero-kicker,.kicker{color:#fffffff2;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:.88rem;font-weight:700;display:inline-flex}.page-hero h1,.hero-title{letter-spacing:-.04em;text-wrap:balance;margin:18px 0 12px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.08}.hero-lead{color:#ffffffe0;text-wrap:pretty;max-width:820px;font-size:1.06rem}.hero-actions,.button-row{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.pill,.status-pill{min-height:34px;color:var(--primary-strong);background:#4f46e51a;border:1px solid #4f46e529;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.9rem;font-weight:700;display:inline-flex}.pill-muted{color:var(--muted-strong);background:#94a3b81a;border-color:#94a3b829}.pill-success{color:var(--success);background:#0596691f;border-color:#05966933}.pill-warning{color:var(--warning);background:#d977061f;border-color:#d9770633}.pill-danger{color:var(--danger);background:#dc26261f;border-color:#dc262633}.button,a.button{border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.button:hover,a.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.72;transform:none}.button-primary{background:linear-gradient(135deg,#5b5df6 0%,var(--primary)48%,#7c3aed 100%);color:#fff;box-shadow:0 18px 34px #4f46e547}.button-primary:hover{box-shadow:0 22px 40px #4f46e552}.button-secondary{color:var(--primary-strong);background:#ffffffeb;border-color:#4f46e524;box-shadow:0 12px 28px #0f172a0f}.button-ghost{color:var(--primary-strong);background:#4f46e512;border-color:#4f46e524}.button-subtle{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border-color:#ffffff24}.section-card,.surface-card,.form-card,.feature-card,.timeline-card,.recent-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.section-card,.surface-card,.form-card{padding:22px}.section-card:before,.surface-card:before,.form-card:before{content:"";background:linear-gradient(90deg,#6366f100,#6366f138,#6366f100);height:1px;position:absolute;inset:0 0 auto}.feature-card,.timeline-card,.recent-card{padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.feature-card:hover,.timeline-card:hover,.recent-card:hover,.step-card:hover{box-shadow:var(--shadow-lift);border-color:#6366f12e;transform:translateY(-3px)}.feature-card h3,.timeline-card h3,.recent-card h3,.section-card h2,.surface-card h2{margin-bottom:10px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-title h2,.section-title h3{margin-bottom:0}.grid-2,.grid-3,.grid-4,.content-grid,.sidebar-grid,.card-grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.sidebar-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.metric-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff1f,#ffffff0f);border:1px solid #ffffff24;border-radius:18px;padding:18px}.metric-value{letter-spacing:-.03em;font-size:1.85rem;font-weight:800}.metric-label{color:#ffffffb8;font-size:.92rem}.muted{color:var(--muted)}.helper-text{color:var(--muted);font-size:.94rem}.feedback{color:var(--muted-strong)}.feedback-error{color:var(--danger)}.stack-sm>*+*{margin-top:10px}.stack-md>*+*{margin-top:14px}.stack-lg>*+*{margin-top:18px}.field-row{flex-wrap:wrap;gap:14px;display:flex}.field{flex-direction:column;gap:8px;min-width:220px;display:flex}.field-grow{flex:320px}.field-label{color:var(--muted-strong);font-weight:700}input,textarea,select{width:100%;color:var(--foreground);background:#fffffff5;border:1px solid #94a3b847;border-radius:14px;padding:.84rem .95rem;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffffb3}textarea{resize:vertical;min-height:112px}input:focus,textarea:focus,select:focus{border-color:#4f46e56b;outline:none;box-shadow:0 0 0 4px #4f46e51f}.key-list,.info-list,.clean-list{margin:0;padding-left:0;list-style:none}.key-list li,.info-list li,.clean-list li{border-top:1px solid #94a3b829;padding:10px 0}.key-list li:first-child,.info-list li:first-child,.clean-list li:first-child{border-top:none;padding-top:0}.list-checks,.chip-list,.step-list,.flow-list{flex-wrap:wrap;gap:10px;margin:0;padding-left:0;list-style:none;display:flex}.chip-list li,.list-checks li{background:#0f172a0a;border:1px solid #94a3b829;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;display:inline-flex}.flow-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.flow-list li,.step-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:18px;height:100%;padding:16px}.step-index{width:34px;height:34px;color:var(--primary-strong);background:#4f46e51f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:12px;font-weight:800;display:inline-flex}.progress-strip{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.progress-step{color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;display:inline-flex}.progress-step.active{color:#fff;background:#ffffff2e}.callout,.notice,.empty-state{background:#4f46e514;border:1px solid #4f46e524;border-radius:18px;padding:18px 20px;box-shadow:inset 0 1px #fff9}.empty-state{background:#94a3b814;border-color:#94a3b82e}.notice-success{background:#05966914;border-color:#0596692e}.notice-warning{background:#d9770614;border-color:#d977062e}.notice-danger{background:#dc262614;border-color:#dc26262e}.info-pairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-pair{background:linear-gradient(#ffffffdb,#f7f9ffd6);border:1px solid #94a3b824;border-radius:16px;padding:14px 16px;box-shadow:0 10px 24px #0f172a0a}.info-pair strong{color:var(--muted-strong);margin-bottom:6px;font-size:.92rem;display:block}.home-choice-grid>.feature-card:first-child{box-shadow:var(--shadow-lift);background:linear-gradient(#6366f11a,#fffffff5);border-color:#6366f138}.home-choice-grid>.feature-card,.home-story-grid>.feature-card,.home-result-grid>.feature-card{min-height:100%}.home-result-grid>.feature-card{background:linear-gradient(#fffffff5,#f3f6fff0)}.image-frame{box-shadow:var(--shadow-soft);border:1px solid #94a3b82e;border-radius:22px;overflow:hidden}.screenshot{background:#fff;width:100%;display:block}.footer{background:linear-gradient(#fff0,#ffffff73);border-top:1px solid #94a3b824;padding:28px 0 40px}.footer-inner{color:var(--muted);font-size:.92rem}details{box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff2,#f8faffe6);border:1px solid #6366f124;border-radius:20px;padding:12px 14px}details[open]{padding-bottom:18px}summary{cursor:pointer;color:var(--primary-strong);justify-content:space-between;align-items:center;gap:12px;font-weight:800;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"展开";color:var(--muted);font-size:.88rem;font-weight:600}details[open] summary:after{content:"收起"}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:1100px){.grid-4,.grid-3,.card-grid,.flow-list,.metric-grid,.content-grid,.sidebar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.topbar-inner{flex-direction:row;align-items:flex-start;min-height:auto;padding:14px 0}.topnav{justify-content:flex-start}.page-shell{padding-top:24px}.page-hero,.section-card,.surface-card,.form-card,.feature-card,.timeline-card,.recent-card,.flow-list li,.step-card{padding:18px}.grid-2,.grid-3,.grid-4,.card-grid,.content-grid,.sidebar-grid,.flow-list,.metric-grid,.info-pairs{grid-template-columns:1fr}.hero-actions,.button-row,.field-row{flex-direction:column}.button,a.button{width:100%}}