:root{--primary-900: #0c4a6e;--primary-800: #0e7490;--primary-700: #0891b2;--primary-600: #06b6d4;--primary-500: #22d3ee;--primary-400: #67e8f9;--primary-100: #ecfeff;--neutral-900: #0f172a;--neutral-800: #1e293b;--neutral-700: #334155;--neutral-600: #475569;--neutral-500: #64748b;--neutral-400: #94a3b8;--neutral-300: #cbd5e1;--neutral-200: #e2e8f0;--neutral-100: #f1f5f9;--neutral-50: #f8fafc;--success-600: #059669;--success-500: #10b981;--success-100: #d1fae5;--warning-600: #d97706;--warning-500: #f59e0b;--warning-100: #fef3c7;--danger-600: #dc2626;--danger-500: #ef4444;--danger-100: #fee2e2;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--font-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;scroll-behavior:smooth}body{font-family:var(--font-display);background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f4f8);color:var(--neutral-700);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::selection{background:var(--primary-200);color:var(--primary-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeInUp .5s ease forwards}.no-animate .animate-fade-in{animation:none;opacity:1;transform:none}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-600) 100%);color:#fff;box-shadow:0 4px 14px #0891b259}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-500) 100%);box-shadow:0 6px 20px #0891b273;transform:translateY(-1px)}.btn-secondary{background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-200)}.btn-secondary:hover{background:var(--neutral-200);border-color:var(--neutral-300)}.btn-danger{background:linear-gradient(135deg,var(--danger-500) 0%,#f87171 100%);color:#fff;box-shadow:0 4px 14px #ef444459}.btn-danger:hover{box-shadow:0 6px 20px #ef444473}.input{width:100%;padding:12px 16px;border:2px solid var(--neutral-200);border-radius:var(--radius-md);font-size:14px;color:var(--neutral-800);background:var(--neutral-50);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 4px #22d3ee26}.input::placeholder{color:var(--neutral-400)}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.tag-success{background:var(--success-100);color:var(--success-600)}.tag-warning{background:var(--warning-100);color:var(--warning-600)}.tag-danger{background:var(--danger-100);color:var(--danger-600)}.tag-primary{background:var(--primary-100);color:var(--primary-700)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600}.badge-primary{background:var(--primary-600);color:#fff}.badge-danger{background:var(--danger-500);color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--neutral-400)}.empty-state svg{width:80px;height:80px;margin-bottom:20px;opacity:.5}.loading-spinner{width:40px;height:40px;border:3px solid var(--neutral-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-mask{position:relative}.fade-mask:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#fff);pointer-events:none}@media (max-width: 768px){html{font-size:14px}}