#app{width:100%;height:100%}:root{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--bg-elevated: #3a3a3c;--text-primary: #ffffff;--text-secondary: #ebebf5;--text-tertiary: #ebebf599;--text-quaternary: #ebebf54d;--accent-blue: #0a84ff;--accent-green: #32d74b;--accent-red: #ff453a;--accent-orange: #ff9f0a;--accent-purple: #bf5af2;--border-color: #38383a;--separator-color: #38383a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#4a4a4c}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none;transition:all var(--transition-fast)}button:active{transform:scale(.98)}input,textarea,select{font-family:inherit;outline:none;border:none}a{color:var(--accent-blue);text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.8}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-base)}.slide-in{animation:slideIn var(--transition-base)}