:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #060b12;--ink: #e8eef5;--muted: #8b99ab;--faint: #5c6b7e;--line: rgba(148, 176, 210, .14);--electric: #38bdf8;--cyan: #22d3ee;--accent-green: #34d399;--accent-blue: #38bdf8;--accent-amber: #fbbf24;--accent-rose: #fb7185;--aurora-a: rgba(24, 121, 173, .55);--aurora-b: rgba(34, 211, 238, .32);--aurora-c: rgba(56, 189, 248, .2);--grid-line: rgba(148, 176, 210, .05);--beam: rgba(56, 189, 248, .85);--beam-halo: rgba(56, 189, 248, .14);--card-bg-top: rgba(20, 32, 50, .66);--card-bg-bottom: rgba(10, 18, 32, .5);--pill-bg: rgba(10, 18, 32, .55);--logo-glow: rgba(56, 189, 248, .25);--title-grad-1: #7dd3fc;--title-grad-2: #38bdf8;--title-grad-3: #22d3ee;--glow-mix: 16%;--icon-bg-mix: 11%;--icon-border-mix: 32%;--hover-border-mix: 55%;--hover-shadow-mix: 42%;--hover-inset-mix: 22%;--icon-glow-mix: 65%}:root[data-theme=light]{--bg: #f2f6fb;--ink: #14202c;--muted: #5b6e80;--faint: #8798a9;--line: rgba(23, 58, 90, .12);--electric: #0e6ba0;--cyan: #0891b2;--accent-green: #0a9e6f;--accent-blue: #0284c7;--accent-amber: #d97706;--accent-rose: #e11d48;--aurora-a: rgba(24, 121, 173, .22);--aurora-b: rgba(34, 211, 238, .18);--aurora-c: rgba(125, 211, 252, .2);--grid-line: rgba(23, 58, 90, .055);--beam: rgba(14, 107, 160, .45);--beam-halo: rgba(24, 121, 173, .1);--card-bg-top: rgba(255, 255, 255, .82);--card-bg-bottom: rgba(248, 251, 254, .66);--pill-bg: rgba(255, 255, 255, .7);--logo-glow: rgba(24, 121, 173, .18);--title-grad-1: #0e5f8f;--title-grad-2: #1879ad;--title-grad-3: #0891b2;--glow-mix: 9%;--icon-bg-mix: 10%;--icon-border-mix: 30%;--hover-border-mix: 45%;--hover-shadow-mix: 28%;--hover-inset-mix: 14%;--icon-glow-mix: 40%}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--ink);transition:background-color .32s ease,color .32s ease}.scene{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;isolation:isolate}.scene__aurora{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;filter:blur(90px) saturate(1.2)}.aurora{position:absolute;border-radius:50%;opacity:.55;will-change:transform}.aurora--a{top:-22%;left:-12%;width:58vw;height:58vw;background:radial-gradient(circle at 40% 40%,var(--aurora-a),transparent 65%);animation:drift-a 26s ease-in-out infinite alternate}.aurora--b{right:-18%;bottom:-30%;width:62vw;height:62vw;background:radial-gradient(circle at 55% 45%,var(--aurora-b),transparent 62%);animation:drift-b 32s ease-in-out infinite alternate}.aurora--c{top:30%;left:46%;width:34vw;height:34vw;background:radial-gradient(circle at 50% 50%,var(--aurora-c),transparent 60%);animation:drift-c 22s ease-in-out infinite alternate}@keyframes drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(9vw,6vh,0) scale(1.12)}}@keyframes drift-b{0%{transform:translateZ(0) scale(1.08)}to{transform:translate3d(-7vw,-8vh,0) scale(.96)}}@keyframes drift-c{0%{transform:translateZ(0);opacity:.35}to{transform:translate3d(-6vw,7vh,0);opacity:.6}}.scene__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,#000 30%,transparent 78%)}.scene__beam{position:absolute;top:-1px;left:50%;z-index:-1;width:min(760px,90vw);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--beam),transparent)}.scene__beam:after{content:"";position:absolute;top:0;left:50%;width:72%;height:220px;transform:translate(-50%);background:radial-gradient(ellipse 60% 100% at 50% 0%,var(--beam-halo),transparent 70%)}.stage{position:relative;max-width:1060px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:34px clamp(20px,4.5vw,48px) 30px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;animation:fade-down .64s cubic-bezier(.22,1,.36,1) both}.topbar__logo{width:132px;height:auto;display:block;filter:drop-shadow(0 0 18px var(--logo-glow))}.topbar__right{display:flex;align-items:center;gap:10px}.topbar__status{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--pill-bg);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.14em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 #34d39999;animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 9px #34d39900}to{box-shadow:0 0 #34d39900}}.topbar__chip{height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:var(--pill-bg);color:var(--muted);font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .2s ease,border-color .2s ease,transform .2s ease}.topbar__chip:hover{color:var(--electric);border-color:color-mix(in srgb,var(--electric) 45%,transparent);transform:translateY(-1px)}.topbar__chip:focus-visible{outline:2px solid var(--electric);outline-offset:2px}.hero{margin:auto 0 clamp(34px,5.5vh,56px);padding-top:clamp(48px,9vh,96px);text-align:left}.hero__kicker{margin:0 0 18px;display:flex;align-items:center;gap:12px;color:var(--electric);font-size:12px;font-weight:800;letter-spacing:.22em;animation:fade-up .7s cubic-bezier(.22,1,.36,1) .12s both}.hero__kicker-line{width:36px;height:1px;background:linear-gradient(90deg,var(--electric),transparent)}.hero__title{margin:0;font-size:clamp(42px,6.4vw,68px);font-weight:760;line-height:1.08;letter-spacing:.01em;animation:fade-up .7s cubic-bezier(.22,1,.36,1) .22s both}.hero__title-accent{background:linear-gradient(112deg,var(--title-grad-1) 8%,var(--title-grad-2) 46%,var(--title-grad-3) 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__subtitle{max-width:520px;margin:20px 0 0;color:var(--muted);font-size:clamp(15px,1.6vw,17px);line-height:1.85;animation:fade-up .7s cubic-bezier(.22,1,.36,1) .32s both}.deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{--accent: var(--electric);position:relative;min-width:0;padding:26px 26px 22px;display:flex;flex-direction:column;gap:22px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,var(--card-bg-top),var(--card-bg-bottom));color:var(--ink);text-decoration:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade-up .72s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.42s + var(--i) * 90ms);transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .26s ease,box-shadow .26s ease,background .32s ease}.card--green{--accent: var(--accent-green)}.card--blue{--accent: var(--accent-blue)}.card--amber{--accent: var(--accent-amber)}.card--rose{--accent: var(--accent-rose)}.card__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 190px at 18% 0%,color-mix(in srgb,var(--accent) var(--glow-mix),transparent),transparent 72%);opacity:0;transition:opacity .3s ease;pointer-events:none}.card__head{display:flex;align-items:flex-start;justify-content:space-between}.card__icon{position:relative;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent) var(--icon-border-mix),transparent);border-radius:14px;background:color-mix(in srgb,var(--accent) var(--icon-bg-mix),transparent);color:var(--accent);transition:box-shadow .26s ease,transform .26s ease}.card__index{color:var(--faint);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.12em}.card__body{min-width:0;display:flex;flex-direction:column;gap:8px}.card__name{overflow-wrap:anywhere;font-size:20px;font-weight:720;line-height:1.3}.card__desc{overflow-wrap:anywhere;color:var(--muted);font-size:13.5px;line-height:1.65}.card__cta{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);color:var(--faint);font-size:12.5px;font-weight:700;letter-spacing:.08em;transition:color .24s ease}.card__cta-arrow{transition:transform .24s cubic-bezier(.22,1,.36,1)}.card:hover,.card:focus-visible{border-color:color-mix(in srgb,var(--accent) var(--hover-border-mix),transparent);box-shadow:0 18px 44px -18px color-mix(in srgb,var(--accent) var(--hover-shadow-mix),transparent),0 0 0 1px color-mix(in srgb,var(--accent) var(--hover-inset-mix),transparent) inset;transform:translateY(-5px)}.card:hover .card__glow,.card:focus-visible .card__glow{opacity:1}.card:hover .card__icon,.card:focus-visible .card__icon{box-shadow:0 0 26px -4px color-mix(in srgb,var(--accent) var(--icon-glow-mix),transparent);transform:scale(1.05)}.card:hover .card__cta,.card:focus-visible .card__cta{color:var(--accent)}.card:hover .card__cta-arrow,.card:focus-visible .card__cta-arrow{transform:translate(3px,-3px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card:active{transform:translateY(-2px) scale(.995)}.foot{margin-top:clamp(30px,5vh,52px);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:var(--faint);font-size:12px;animation:fade-up .7s ease .78s both}.foot__meta{font-weight:700;letter-spacing:.14em}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.stage{padding-top:24px}.topbar__logo{width:116px}.topbar__status{padding:7px 11px;font-size:10px;letter-spacing:.1em}.hero{padding-top:44px;margin-bottom:30px}.deck{grid-template-columns:minmax(0,1fr);gap:14px}.card{padding:22px 20px 18px;gap:18px}.foot{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:420px){.topbar__status{display:none}}@media(prefers-reduced-motion:reduce){.aurora,.status-dot,.topbar,.hero__kicker,.hero__title,.hero__subtitle,.card,.foot{animation:none}.card,.card__glow,.card__icon,.card__cta,.card__cta-arrow,.topbar__chip{transition:none}.card:hover,.card:focus-visible,.card:active,.card:hover .card__icon,.card:hover .card__cta-arrow,.topbar__chip:hover{transform:none}}