@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";#app{min-height:100vh}:root{--primary: #ffffff;--secondary: #f8f9fa;--accent: #333333;--accent-hover: #000000;--auxiliary: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--success: #18a058;--warning: #f0a020;--danger: #d03050;--card-bg: #ffffff;--border-color: #e0e0e0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--category-bg: #ffffff;--category-text: #000000}body.dark{--primary: #2a2a2a;--secondary: #1a1a1a;--accent: #6b6b6b;--accent-hover: #8a8a8a;--auxiliary: #3a3a3a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--card-bg: #2a2a2a;--border-color: #404040;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--category-bg: #000000;--category-text: #ffffff}body.dark .btn{background:#2a2a2a;color:#fff;border-color:#404040}body.dark .btn-primary{background:#6b6b6b;border-color:#6b6b6b}body.dark ::-webkit-scrollbar-thumb{background:#404040}body.dark ::-webkit-scrollbar-thumb:hover{background:#505050}body.dark .ai-bg{background:#2e7d5a}body.dark .user-bg{background:#1976d2}body.dark .ai-header .header-title .n-icon,body.dark .ai-header .header-title span{color:#4ade80}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--secondary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.card{background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);border-color:silver}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);background:#fff;color:var(--text-primary)}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--auxiliary)}.tag{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;background:var(--secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.page-title{font-size:24px;font-weight:600;margin-bottom:24px;color:var(--text-primary);letter-spacing:-.5px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state n-icon{font-size:64px;margin-bottom:16px;opacity:.3}.divider{height:1px;background:var(--border-color);margin:24px 0}input,textarea{font-family:inherit}input:focus,textarea:focus{outline:none}