@import "https://fonts.loli.net/css2?family=Cinzel:wght@400;700&family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--cosmic-black:#0a0e27;--deep-space:#050714;--midnight-blue:#1a1f3a;--cosmic-surface:#252850;--mystic-purple:#6b4c9a;--starlight-gold:#d4af37;--starlight-white:#e8e8ff;--silver-star:#b8b8d0;--cosmic-gray:#6b6b8d;--pure-white:#fff;--china-red:#c41e3a;--imperial-gold:#d4af37;--sakura-pink:#ffb7c5;--sky-blue:#87ceeb;--royal-purple:#9b59b6;--hot-pink:#ff69b4;--success-green:#4ade80;--warning-amber:#fbbf24;--error-red:#f87171;--info-blue:#60a5fa;--nebula-glow:#6b4c9a1a;--gold-glow:#d4af3733;--surface-border:#d4af3733;--purple-border:#6b4c9a4d;--font-display:"Cinzel", serif;--font-body:"Inter", sans-serif;--font-cjk:"NotoSansSC", sans-serif;--radius-sharp:4px;--radius-subtle:8px;--radius-standard:12px;--radius-comfortable:16px;--radius-generous:20px;--radius-large:24px;--radius-pill:9999px;--shadow-cosmic:0 4px 24px #00000080;--shadow-card:0 2px 12px #0000004d;--shadow-purple-glow:0 0 15px #6b4c9a29;--shadow-gold-glow:0 0 20px #d4af3733;--sidebar-width:240px;--header-height:56px;--tabbar-height:64px;--content-max-width:960px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-body);color:var(--silver-star);background:linear-gradient(180deg, var(--deep-space) 0%, var(--cosmic-black) 50%, var(--midnight-blue) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}#app{height:100%}a{color:var(--starlight-gold);text-decoration:none}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--purple-border);border-radius:var(--radius-pill)}.page-container{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex-direction:column;min-height:100%;display:flex}.page-content{max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto;padding:16px}@media (width>=1025px){.page-content{padding:24px 32px}}.gradient-text{background:linear-gradient(135deg, var(--starlight-gold), var(--mystic-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .3s ease-out}.slide-up-enter-from{opacity:0;transform:translateY(20px)}