@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap");:root{--color-primary-50:#f0f7ff;--color-primary-100:#e0efff;--color-primary-200:#b8d9fe;--color-primary-300:#7ab8fc;--color-primary-400:#5aa6f8;--color-primary-500:#3a91f7;--color-primary-600:#1a7ce9;--color-primary-700:#0c63bd;--color-primary-800:#0f3d87;--color-primary-900:#11346d;--color-gray-25:#fcfcfd;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-150:#eceef1;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-info-50:#eff6ff;--color-info-500:#3b82f6;--color-info-600:#2563eb;--bg-base:#f8fafc;--bg-subtle:#ffffff;--bg-muted:#f1f5f9;--bg-elevated:#ffffff;--bg-sunken:#f8fafc;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--surface-default:#ffffff;--surface-elevated:#ffffff;--surface-overlay:#ffffff;--text-default:#111827;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-disabled:#cbd5e1;--text-link:var(--color-primary-600);--text-link-hover:var(--color-primary-700);--border-default:#e2e8f0;--border-subtle:#f1f5f9;--border-strong:#cbd5e1;--border-focus:var(--color-primary-400);--border-error:var(--color-danger-400);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.04),0 4px 6px -4px rgba(0,0,0,0.02);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.05),0 8px 10px -6px rgba(0,0,0,0.02);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.08);--shadow-card:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);--shadow-card-hover:0 4px 12px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.02);--shadow-card-active:0 2px 4px rgba(0,0,0,0.04);--shadow-inset:inset 0 2px 4px rgba(0,0,0,0.03);--focus-ring:0 0 0 3px rgba(58,145,247,0.15);--focus-ring-error:0 0 0 3px rgba(239,68,68,0.15);--font-sans:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Mono",monospace;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--header-height:56px;--sidebar-width:240px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:400ms cubic-bezier(0.16,1,0.3,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-default);line-height:1.6;min-height:100vh}::selection{background:var(--color-primary-100);color:var(--color-primary-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:4px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-default)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.surface{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.surface-elevated{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gradient-primary{background:var(--color-primary-500)}.gradient-primary-subtle{background:var(--color-primary-50)}