:root{--bg-primary: #faf8f5;--bg-secondary: #fff;--text-primary: #1a1a1a;--text-secondary: #666;--accent: #c0392b;--border: #e8e4df;--shadow: rgba(0,0,0,.06);--radius: 12px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #1a1a1a;--bg-secondary: #242424;--text-primary: #e0e0e0;--text-secondary: #999;--border: #333;--shadow: rgba(0,0,0,.3)}}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #242424;--text-primary: #e0e0e0;--text-secondary: #999;--border: #333;--shadow: rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.85}.btn:active{opacity:.7}.btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn.ghost{background:transparent;color:var(--text-primary)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 2px 8px var(--shadow)}@media(max-width:640px){.container{padding:0 16px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.page-enter{animation:fadeSlideIn .25s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-primary) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}