@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap";
:root{--primary:#3b82f6;--primary-light:#60a5fa;--primary-dark:#2563eb;--primary-bg:#3b82f614;--primary-bg-hover:#3b82f624;--accent:#f97316;--accent-light:#fb923c;--accent-bg:#f9731614;--white:#fff;--bg:#f7f8fc;--bg-warm:#fafaf8;--bg-card:#fff;--bg-sidebar:#f3f4f8;--bg-hover:#eeeef4;--bg-active:#fff;--bg-overlay:#0f172a80;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--green:#22c55e;--green-bg:#22c55e1a;--green-border:#22c55e4d;--yellow:#f59e0b;--yellow-bg:#f59e0b1a;--yellow-border:#f59e0b4d;--red:#ef4444;--red-bg:#ef444414;--red-border:#ef444433;--blue:#3b82f6;--blue-bg:#3b82f614;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 2px 8px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 16px #0000000f, 0 2px 4px #00000008;--shadow-lg:0 8px 32px #00000014, 0 4px 8px #0000000a;--shadow-xl:0 20px 60px #0000001a, 0 8px 16px #0000000d;--shadow-primary:0 4px 14px #3b82f640;--shadow-accent:0 4px 14px #f9731640;--font:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px);--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--gradient-accent:linear-gradient(135deg, #f97316 0%, #f59e0b 100%);--gradient-warm:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #fafbff 100%);--gradient-sidebar:linear-gradient(180deg, #1e293b 0%, #334155 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}input,textarea,select{font-family:var(--font)}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}