:root{--brand-1: #7c5cff;--brand-2: #a855f7;--brand-3: #ff5ca8;--brand-grad: linear-gradient(135deg, #7c5cff 0%, #a855f7 50%, #ff5ca8 100%);--ok: #22c55e;--warn: #f59e0b;--err: #ef4444;--info: #38bdf8;--bg: #f4f5fb;--bg-soft: #eef0f8;--card: #ffffff;--card-glass: rgba(255, 255, 255, .72);--line: rgba(15, 23, 42, .08);--text-1: #101322;--text-2: #56607a;--text-3: #9aa3bd;--sidebar-bg: rgba(255, 255, 255, .86);--topbar-bg: rgba(244, 245, 251, .82);--shadow-sm: 0 1px 2px rgba(16, 19, 34, .05), 0 4px 16px rgba(16, 19, 34, .06);--shadow-md: 0 8px 30px rgba(16, 19, 34, .1);--shadow-brand: 0 8px 24px rgba(124, 92, 255, .35);--aurora-opacity: .55;--radius: 14px;--radius-lg: 20px;--sidebar-w: 232px;--sidebar-rail: 68px;--topbar-h: 60px;--ease-spring: cubic-bezier(.34, 1.36, .44, 1);--dur: .28s}html.dark{--bg: #0c0e1a;--bg-soft: #12152a;--card: #161a30;--card-glass: rgba(22, 26, 48, .72);--line: rgba(148, 163, 210, .12);--text-1: #eef0ff;--text-2: #a6adce;--text-3: #646d92;--sidebar-bg: rgba(14, 17, 34, .9);--topbar-bg: rgba(12, 14, 26, .8);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .35);--shadow-md: 0 10px 36px rgba(0, 0, 0, .5);--shadow-brand: 0 8px 26px rgba(124, 92, 255, .45);--aurora-opacity: .3}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--text-3);border-radius:8px;opacity:.4}::-webkit-scrollbar-track{background:transparent}a{color:inherit;text-decoration:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) ease}.card.hoverable:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.grad-text{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.page-enter-active{transition:opacity .32s ease,transform .32s var(--ease-spring)}.page-leave-active{transition:opacity .18s ease}.page-enter-from{opacity:0;transform:translateY(14px) scale(.995)}.page-leave-to{opacity:0}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.rise{opacity:0;animation:rise-in .55s var(--ease-spring) forwards}.rise-1{animation-delay:.05s}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.19s}.rise-4{animation-delay:.26s}.rise-5{animation-delay:.33s}.rise-6{animation-delay:.4s}.aurora{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:var(--aurora-opacity)}.aurora i{position:absolute;border-radius:50%;filter:blur(90px);animation:aurora-float 16s ease-in-out infinite alternate}.aurora i:nth-child(1){width:46vw;height:46vw;background:#7c5cff;top:-18vw;left:-10vw}.aurora i:nth-child(2){width:38vw;height:38vw;background:#ff5ca8;bottom:-14vw;right:-8vw;animation-delay:-5s}.aurora i:nth-child(3){width:30vw;height:30vw;background:#38bdf8;top:30%;right:22%;animation-delay:-9s}@keyframes aurora-float{0%{transform:translate(0) scale(1)}to{transform:translate(6vw,4vh) scale(1.15)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}