@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;900&display=swap";:root{--bg-light:#f1f5f9;--text-light:#0f1724;--subtext-light:#475569;--card-bg-light:#fff;--bg-dark:#020617;--text-dark:#e6eef8;--subtext-dark:#cbd5e1;--card-bg-dark:#071226;--header-height:64px}*{box-sizing:border-box}body,html,#app{background-color:var(--bg-light);height:100%;color:var(--text-light);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;transition:background .5s,color .5s}.loading-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.mode-dark .loading-overlay{background:#0009}.spinner{border:6px solid #0000001a;border-top-color:#3eaf7c;border-radius:50%;width:60px;height:60px;margin-bottom:1rem;animation:1s linear infinite spin}.mode-dark .spinner{border:6px solid #ffffff1a;border-top-color:#4ecdc4}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:#333;letter-spacing:1px;font-family:Inter,Noto Sans TC,sans-serif;font-size:1.1rem;font-weight:500}@media (width<=767px){.spinner{width:44px;height:44px}.loading-overlay p{font-size:.95rem}}.mode-dark .loading-overlay p{color:#eee}#app-container,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;font-family:Inter,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif}.mode-dark #app-container,.mode-dark body{color:#f8fafc}body{margin:0;padding:0}