*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #f7f6f3;--bg-sidebar: #ffffff;--bg-content: #faf9f6;--bg-card: #ffffff;--bg-card-hover: #fdfcfa;--bg-subtle: #f3f1ec;--bg-elevated: #ffffff;--border-default: #e9e5dc;--border-strong: #d6cfc1;--border-subtle: #f0ece4;--border-focus: #b8865a;--text-primary: #2c2418;--text-secondary: #6b5d49;--text-muted: #9a8c75;--text-disabled: #c4b9a6;--text-inverse: #ffffff;--accent: #8b5a2b;--accent-hover: #6b4226;--accent-active: #5a3620;--accent-light: #f3e8d0;--accent-bg: #faf3e6;--accent-glow: rgba(139, 90, 43, .18);--success: #5b8c5a;--success-bg: #eaf3ea;--warning: #c08a3e;--warning-bg: #fbf2e0;--danger: #b85450;--danger-bg: #f8eaec;--info: #5b7a99;--info-bg: #eaf0f7;--m-fantasy: #d97706;--m-romance: #db6c8a;--m-suspense: #4a8c7a;--m-urban: #c8a64a;--m-scifi: #7a6cb0;--m-history: #b6826c;--m-martial: #5a8c8c;--m-game: #6b8cb8;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(60, 44, 24, .04);--shadow-sm: 0 1px 3px rgba(60, 44, 24, .06), 0 1px 2px rgba(60, 44, 24, .04);--shadow-md: 0 2px 8px rgba(60, 44, 24, .06), 0 1px 3px rgba(60, 44, 24, .04);--shadow-lg: 0 6px 24px rgba(60, 44, 24, .08), 0 2px 6px rgba(60, 44, 24, .04);--shadow-xl: 0 12px 40px rgba(60, 44, 24, .1), 0 4px 12px rgba(60, 44, 24, .06);--glass-1: var(--bg-subtle);--glass-2: var(--bg-card-hover);--glass-3: var(--accent-light);--glass-border: var(--border-subtle);--glass-border-strong: var(--border-strong);--shadow-glass: var(--shadow-sm);--shadow-glass-hover: var(--shadow-md)}:root.dark{--bg-base: #000000;--bg-sidebar: #000000;--bg-content: #000000;--bg-card: #0e0e0e;--bg-card-hover: #1a1a1a;--bg-subtle: #161616;--bg-elevated: #1c1c1c;--bg-topbar: rgba(0, 0, 0, .85);--border-default: #262626;--border-strong: #3a3a3a;--border-subtle: #1f1f1f;--border-focus: #c8915c;--text-primary: #ece4d8;--text-secondary: #b8a994;--text-muted: #8a7c68;--text-disabled: #5a5048;--text-inverse: #1a1714;--accent: #c8915c;--accent-hover: #d6a06c;--accent-active: #b6814a;--accent-light: #3a2e22;--accent-bg: #2a221a;--accent-glow: rgba(200, 145, 92, .24);--success: #7fb07a;--success-bg: #2a3a2a;--warning: #d6a452;--warning-bg: #3a3220;--danger: #dc7676;--danger-bg: #3a2a2c;--info: #7ea4c4;--info-bg: #2a323c;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .28);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .32), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 2px 8px rgba(0, 0, 0, .34), 0 1px 3px rgba(0, 0, 0, .24);--shadow-lg: 0 6px 24px rgba(0, 0, 0, .38), 0 2px 6px rgba(0, 0, 0, .26);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .42), 0 4px 12px rgba(0, 0, 0, .28);color-scheme:dark}:root.dark select.input-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b8a994' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}body{min-height:100vh;position:relative}#app{position:relative;min-height:100vh}body:before,body:after{display:none!important;content:none!important}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--r-md);font-size:14px;font-weight:500;background:var(--accent);color:var(--text-inverse);border:1px solid var(--accent);box-shadow:var(--shadow-xs);transition:all .18s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background:var(--accent-active);transform:translateY(1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--r-md);font-size:14px;font-weight:500;background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-xs);transition:all .18s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong)}.btn-secondary:active:not(:disabled){background:var(--bg-subtle);transform:translateY(1px)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-md);font-size:13px;font-weight:500;background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .18s}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.input-field{width:100%;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);font-size:14px;color:var(--text-primary);outline:none;transition:all .18s;font-family:inherit}.input-field::placeholder{color:var(--text-muted)}.input-field:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-field:disabled{opacity:.55;background:var(--bg-subtle);cursor:not-allowed}select.input-field{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b5d49' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}select.input-field option{background-color:var(--bg-card);color:var(--text-primary);padding:10px 14px}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);transition:all .2s cubic-bezier(.4,0,.2,1)}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.glass-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmerText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1) both}.animate-fade-in{animation:fadeIn .3s ease both}.text-accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-gradient{background:linear-gradient(135deg,var(--accent) 0%,#c08a3e 60%,#d6a60b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){html,body{font-size:14px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:14px}.input-field{padding:11px 14px;font-size:16px}}@media (max-width: 480px){html,body{font-size:13.5px}}@media (max-width: 768px){input,textarea,select{font-size:16px!important}}@media (max-width: 768px){p,li,div{overflow-wrap:break-word;word-break:break-word}}