:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-1:#0f172a;--bg-2:#111827;--card-bg:#ffffff14;--card-border:#ffffff38;--text:#e5ecff;--muted:#b8c3df;--primary:#60a5fa;--primary-hover:#3b82f6;--shadow:0 18px 50px #02061761;--glow:0 0 0 1px #94c5ff40, 0 10px 35px #3b82f640}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(1200px 600px at -10% -10%, #1d4ed8 0%, transparent 70%), radial-gradient(900px 520px at 110% 120%, #7c3aed 0%, transparent 70%), linear-gradient(140deg, var(--bg-1), var(--bg-2));font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Arial,sans-serif;animation:14s ease-in-out infinite alternate bgShift;overflow-x:hidden}#app{isolation:isolate;place-items:center;min-height:100vh;padding:28px;display:grid;position:relative}.particles{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{opacity:.35;filter:blur(.4px);border-radius:50%;animation:linear infinite floatUp;position:absolute}.container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(980px,100%);box-shadow:var(--shadow);background:#0a102280;border:1px solid #94a3b84d;border-radius:20px;padding:clamp(20px,4vw,38px)}.header{text-align:center;margin-bottom:30px;animation:.8s fadeUp}h1{letter-spacing:.02em;text-shadow:0 0 20px #60a5fa4d;margin:0 0 10px;font-size:clamp(30px,4vw,44px);line-height:1.15}.desc{color:var(--muted);letter-spacing:.02em;margin:0;font-size:15px}.nav-grid{perspective:1000px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.nav-card{border:1px solid var(--card-border);text-align:center;background:linear-gradient(165deg, #ffffff1f, #ffffff05), var(--card-bg);box-shadow:var(--glow);transform-style:preserve-3d;border-radius:16px;padding:24px 20px;transition:transform .35s,box-shadow .35s,border-color .35s;animation:.6s both fadeUp}.nav-card:hover{border-color:#bfdbfebf;transform:translateY(-8px)rotateX(4deg);box-shadow:0 0 0 1px #bfdbfe4d,0 20px 36px #2563eb47}.system-index{color:#93c5fd;letter-spacing:.08em;margin:0 0 10px;font-size:13px}.nav-card h2{place-items:center;min-height:64px;margin:0 0 16px;font-size:clamp(18px,2.2vw,22px);line-height:1.45;display:grid}.go-btn{color:#eff6ff;letter-spacing:.03em;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:132px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex}.go-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.card-enter-active{transition:all .6s cubic-bezier(.2,.7,.2,1)}.card-enter-from{opacity:0;transform:translateY(30px)scale(.96)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bgShift{0%{filter:hue-rotate()}to{filter:hue-rotate(18deg)}}@keyframes floatUp{0%{transform:translateY(120vh)scale(.8)}to{transform:translateY(-20vh)scale(1.15)}}@media (width<=820px){.nav-grid{grid-template-columns:1fr}.nav-card h2{min-height:auto}}