:root{--color-bg:#faf8f5;--color-surface:#fff;--color-text:#2c2416;--color-text-secondary:#6b5e4a;--color-text-muted:#9c8f7a;--color-primary:#8b5e3c;--color-primary-hover:#6b4630;--color-primary-light:#f5ede5;--color-accent:#c4956a;--color-border:#e8e0d5;--color-border-light:#f0ebe2;--color-danger:#d14343;--color-success:#5a9e6f;--color-user-bubble:#f5ede5;--color-assistant-bubble:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}.chat-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--color-border-light);background:var(--color-surface);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-brand{align-items:center;gap:12px;display:flex}.brand-title{font-size:1.1rem;font-weight:700}.brand-subtitle{color:var(--color-text-muted);font-size:.8rem}.header-actions{align-items:center;gap:12px;display:flex}.agent-badge{background:var(--color-primary-light);color:var(--color-primary);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500}.settings-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);justify-content:center;align-items:center;transition:all .15s;display:flex}.settings-btn:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.messages-area{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message-row{gap:12px;width:100%;max-width:800px;display:flex}.message-row.user{flex-direction:row-reverse;align-self:flex-end}.message-row.assistant{align-self:flex-start}.msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.msg-avatar.user{background:var(--color-primary-light)}.msg-avatar.assistant{background:#f0ebe2}.msg-body{flex:1;min-width:0}.msg-bubble{border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);padding:12px 16px;line-height:1.7}.msg-bubble.user{background:var(--color-user-bubble)}.msg-bubble.assistant{background:var(--color-assistant-bubble)}.message-content{font-size:.95rem}.message-content p{margin-bottom:.6em}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3{margin-top:1em;margin-bottom:.5em}.message-content ul,.message-content ol{margin-bottom:.6em;padding-left:1.5em}.message-content code{background:var(--color-bg);border-radius:4px;padding:2px 6px;font-size:.9em}.message-content pre{background:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:.6em;padding:12px;overflow-x:auto}.message-content blockquote{border-left:3px solid var(--color-primary);color:var(--color-text-secondary);margin-bottom:.6em;padding-left:12px}.msg-actions{gap:8px;margin-top:6px;padding-left:4px;display:flex}.tts-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:all .15s;display:flex}.tts-btn:hover{background:var(--color-bg);border-color:var(--color-primary)}.status-line{color:var(--color-text-muted);align-items:center;gap:8px;padding:6px 0;font-size:.82rem;display:flex}.status-dot{width:8px;height:8px;position:relative}.status-dot-core{background:var(--color-primary);border-radius:50%;width:8px;height:8px;position:absolute}.status-dot-ping{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:1.5s infinite ping;position:absolute}@keyframes ping{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}.reasoning-live{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:#fdfbf7;margin-bottom:12px;padding:12px}.reasoning-live-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.reasoning-live-title{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.reasoning-live-tag{color:var(--color-text-muted);font-size:.7rem}.reasoning-live-body{color:var(--color-text-muted);max-height:160px;font-size:.82rem;line-height:1.5;overflow-y:auto}.caret{background:var(--color-primary);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.8s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.loading-fallback{color:var(--color-text-muted);font-size:.9rem}.bounce{animation:1.2s infinite bounce}.bounce:nth-child(2){animation-delay:.15s}.bounce:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{opacity:0}40%{opacity:1}}.input-area{border-top:1px solid var(--color-border-light);background:var(--color-surface);padding:16px 24px}.input-row{gap:12px;max-width:800px;display:flex}.chat-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);outline:none;flex:1;padding:12px 16px;font-size:.95rem;transition:border-color .15s}.chat-input:focus{border-color:var(--color-primary)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.send-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 24px;font-size:.95rem;font-weight:600;transition:background .15s}.send-btn:hover:not(:disabled){background:var(--color-primary-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-hint{color:var(--color-text-muted);justify-content:space-between;max-width:800px;margin-top:8px;font-size:.78rem;display:flex}.usage-info{color:var(--color-text-muted);text-align:right;background:var(--color-surface);padding:4px 24px;font-size:.7rem}.usage-cache{color:var(--color-success)}.modal-overlay{z-index:100;background:#0000004d;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-overlay.closing{animation:.15s fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:540px;max-height:80vh;padding:24px;animation:.25s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-size:1.1rem;font-weight:700}.modal-close{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);background:0 0;justify-content:center;align-items:center;font-size:1rem;display:flex}.modal-close:hover{background:var(--color-bg)}.form-group{margin-bottom:16px}.form-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary)}.form-textarea{resize:vertical;min-height:100px}.form-hint{color:var(--color-text-muted);margin-top:4px;font-size:.75rem}.form-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:8px 20px;font-size:.9rem;font-weight:500;transition:all .15s}.btn:hover{background:var(--color-bg)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover{background:#fff5f5}.btn-sm{padding:4px 12px;font-size:.8rem}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-item{border:1px solid var(--color-border);cursor:pointer;background:var(--color-surface);border-radius:20px;padding:4px 12px;font-size:.8rem;transition:all .15s}.tag-item:hover{border-color:var(--color-primary)}.tag-item.selected{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{margin-bottom:16px;font-size:3rem}.empty-state-title{margin-bottom:8px;font-size:1.1rem;font-weight:600}.empty-state-desc{color:var(--color-text-muted);max-width:400px;font-size:.9rem}.upload-row{align-items:center;gap:8px;display:flex}.upload-file-input{flex:1;font-size:.85rem}.upload-progress-panel{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);margin-top:14px;padding:16px;animation:.25s slideUp}.upload-progress-panel.error{background:#fff5f5;border-color:#fecaca}.upload-progress-panel.success{background:#f0fdf4;border-color:#bbf7d0}.upload-progress-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.upload-stage-icon{font-size:1.3rem}.upload-stage-label{color:var(--color-text);font-size:.9rem;font-weight:600}.upload-stage-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:16px;height:16px;margin-left:auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.upload-bar-track{background:var(--color-border-light);border-radius:3px;height:6px;overflow:hidden}.upload-bar-fill{background:var(--color-primary);border-radius:3px;height:100%;transition:width .5s}.upload-bar-fill.animating{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 50%, var(--color-primary) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite barShimmer}.upload-bar-fill.error{background:var(--color-danger);animation:none}.upload-bar-fill.done{background:var(--color-success);animation:none}@keyframes barShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.upload-progress-info{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.upload-progress-msg{color:var(--color-text-secondary);font-size:.82rem}.upload-progress-panel.error .upload-progress-msg{color:var(--color-danger)}.upload-progress-panel.success .upload-progress-msg{color:var(--color-success)}.upload-progress-pct{color:var(--color-text-muted);background:var(--color-bg);border-radius:8px;padding:2px 8px;font-size:.75rem}.books-page{max-width:900px;margin:0 auto;padding:32px 24px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{font-size:1.3rem;font-weight:700}.books-list{flex-direction:column;gap:8px;display:flex}.book-item{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface);justify-content:space-between;align-items:center;padding:14px 16px;transition:all .15s;display:flex}.book-item:hover{box-shadow:var(--shadow-sm)}.book-item-info{align-items:center;gap:12px;display:flex}.book-item-icon{font-size:1.5rem}.book-item-name{font-weight:600}.book-item-count{color:var(--color-text-muted);font-size:.8rem}.drawer-overlay{z-index:50;opacity:0;pointer-events:none;background:#0003;transition:opacity .2s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.settings-drawer{background:var(--color-surface);width:360px;height:100vh;box-shadow:var(--shadow-lg);z-index:51;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.settings-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-header h2{font-size:1.1rem}.drawer-close{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.drawer-body{flex:1;padding:20px 24px;overflow-y:auto}.setting-group{margin-bottom:24px}.setting-group-title{margin-bottom:4px;font-size:.9rem;font-weight:600}.setting-group-desc{color:var(--color-text-muted);margin-bottom:10px;font-size:.78rem}.setting-row{justify-content:space-between;align-items:center;display:flex}.option-list{flex-direction:column;gap:4px;display:flex}.option-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.9rem;transition:all .15s;display:flex}.option-item:hover{border-color:var(--color-primary)}.option-item.active{border-color:var(--color-primary);background:var(--color-primary-light)}.option-check{color:var(--color-primary);font-weight:700}.voice-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.voice-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;text-align:center;padding:8px;font-size:.85rem;transition:all .15s}.voice-item:hover{border-color:var(--color-primary)}.voice-item.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.switch{border:2px solid var(--color-border);background:var(--color-border);cursor:pointer;border-radius:13px;width:44px;height:26px;transition:all .2s;position:relative}.switch.on{background:var(--color-primary);border-color:var(--color-primary)}.switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.switch.on .switch-knob{transform:translate(18px)}.drawer-footer{border-top:1px solid var(--color-border-light);color:var(--color-text-muted);padding:16px 24px;font-size:.78rem}@media (max-width:768px){.settings-drawer{width:100%}.agent-grid{grid-template-columns:1fr!important}.home-hero-title{font-size:1.5rem!important}}.home-page{flex-direction:column;min-height:100vh;display:flex}.home-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:10;position:sticky;top:0}.home-header-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:14px 24px;display:flex}.home-logo{color:var(--color-primary);align-items:center;gap:6px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.home-header-actions{align-items:center;gap:10px;display:flex}.home-main{flex:1}.home-hero{text-align:center;max-width:700px;margin:0 auto;padding:60px 24px 40px}.home-hero-title{color:var(--color-text);margin-bottom:12px;font-size:2rem;font-weight:800}.home-hero-desc{color:var(--color-text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.7}.home-hero-actions{justify-content:center;gap:12px;display:flex}.home-agents{max-width:1100px;margin:0 auto;padding:0 24px 60px}.home-loading{text-align:center;color:var(--color-text-muted);padding:60px 24px}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:.7s linear infinite spin}.agent-section{margin-bottom:40px}.agent-section-header{align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.agent-section-title{font-size:1.25rem;font-weight:700}.agent-section-count{color:var(--color-text-muted);background:var(--color-bg);border-radius:12px;padding:2px 10px;font-size:.82rem}.agent-section-desc{color:var(--color-text-secondary);margin-bottom:20px;font-size:.9rem}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.agent-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:inherit;cursor:pointer;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;transition:all .2s;display:flex}.agent-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.agent-card-avatar{background:var(--color-bg);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:2.2rem;display:flex}.agent-card-body{flex:1;min-width:0}.agent-card-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.agent-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.agent-card-type{white-space:nowrap;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.68rem}.agent-card-type.book_expert{color:#4a7ab5;background:#e8f0fe}.agent-card-type.character{color:#c97a3a;background:#fef0e8}.agent-card-desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.82rem;overflow:hidden}.agent-card-books{flex-wrap:wrap;gap:4px;display:flex}.agent-card-book-tag{background:var(--color-bg);color:var(--color-text-muted);border-radius:8px;padding:1px 8px;font-size:.7rem}.agent-card-arrow{color:var(--color-text-muted);flex-shrink:0;font-size:1.1rem;transition:transform .2s}.agent-card:hover .agent-card-arrow{color:var(--color-primary);transform:translate(3px)}.home-footer{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border-light);padding:20px;font-size:.78rem}.create-page{background:var(--color-bg);min-height:100vh}.create-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:10;position:sticky;top:0}.create-header-inner{justify-content:space-between;align-items:center;max-width:750px;margin:0 auto;padding:14px 24px;display:flex}.create-back{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:color .15s}.create-back:hover{color:var(--color-primary)}.create-title{font-size:1.1rem;font-weight:700}.create-main{max-width:750px;margin:0 auto;padding:24px}.create-form{flex-direction:column;gap:24px;display:flex}.create-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.create-section-head{border-bottom:1px solid var(--color-border-light);background:#fdfbf7;gap:14px;padding:20px 24px;display:flex}.create-step-badge{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}.create-section-title{margin-bottom:2px;font-size:1.05rem;font-weight:700}.create-section-desc{color:var(--color-text-muted);font-size:.85rem}.create-section-body{padding:20px 24px}.type-selector{gap:12px;display:flex}.type-option{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;text-align:left;flex:1;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.type-option:hover{border-color:var(--color-primary)}.type-option.active{border-color:var(--color-primary);background:var(--color-primary-light)}.type-option-icon{flex-shrink:0;font-size:1.8rem}.type-option-text{flex:1}.type-option-text strong{margin-bottom:2px;font-size:.95rem;display:block}.type-option-text small{color:var(--color-text-muted);font-size:.78rem}.type-check{color:var(--color-primary);flex-shrink:0;font-size:1rem;font-weight:700}.book-checkboxes{flex-wrap:wrap;gap:8px;display:flex}.book-checkbox{border:1px solid var(--color-border);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:all .15s;display:flex}.book-checkbox input{display:none}.book-checkbox:hover{border-color:var(--color-primary)}.book-checkbox.checked{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.book-list-mini{flex-wrap:wrap;gap:6px;display:flex}.book-tag-mini{background:var(--color-bg);color:var(--color-text-secondary);border-radius:16px;padding:4px 12px;font-size:.82rem}.form-label-hint{color:var(--color-text-muted);font-weight:400}.agent-preview{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg);padding:16px}.agent-preview-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.agent-preview-avatar{font-size:2rem}.agent-preview-type{background:var(--color-surface);color:var(--color-text-muted);border-radius:10px;margin-left:8px;padding:2px 8px;font-size:.75rem}.agent-preview-desc{color:var(--color-text-secondary);margin-bottom:8px;font-size:.85rem}.agent-preview-books{flex-wrap:wrap;gap:6px;display:flex}.agent-preview-books span{background:var(--color-surface);border-radius:8px;padding:2px 8px;font-size:.75rem}.create-error{border-radius:var(--radius-sm);color:var(--color-danger);background:#fff5f5;border:1px solid #fecaca;padding:12px 16px;font-size:.9rem}.chat-page{background:var(--color-bg);flex-direction:column;height:100vh;display:flex}.chat-loading{text-align:center;color:var(--color-text-muted);margin:auto}.chat-back-btn{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-right:8px;padding:6px 12px;font-size:.9rem;text-decoration:none;transition:all .15s}.chat-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.create-sub-link{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 12px;font-size:.85rem;text-decoration:none;transition:all .15s}.create-sub-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.create-warning-banner{border-radius:var(--radius-md);background:#fffdf5;border:1px solid #fde68a;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;font-size:.9rem;display:flex}.create-validation{border-radius:var(--radius-sm);margin-bottom:16px;padding:14px 16px;font-size:.88rem}.create-validation.valid{background:#f0fdf4;border:1px solid #bbf7d0}.create-validation.warn{background:#fffdf5;border:1px solid #fde68a}.validation-pass{color:var(--color-success);font-weight:600}.validation-title{color:#92400e;margin-bottom:8px;font-weight:600}.validation-list{color:#92400e;margin-bottom:8px;padding-left:20px}.validation-list li{margin-bottom:4px;line-height:1.5}.validation-suggestion{color:var(--color-text-secondary);border-top:1px dashed var(--color-border);padding-top:8px;font-size:.82rem}.books-page-wrapper{background:var(--color-bg);min-height:100vh}.books-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:10;position:sticky;top:0}.books-header-inner{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:14px 24px;display:flex}.books-back{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none}.books-back:hover{color:var(--color-primary)}.books-title{font-size:1.1rem;font-weight:700}.books-main{max-width:900px;margin:0 auto;padding:24px}.books-section-title{align-items:center;gap:10px;margin-bottom:4px;font-size:1.05rem;font-weight:700;display:flex}.books-section-desc{color:var(--color-text-muted);margin-bottom:16px;font-size:.85rem}.books-count{color:var(--color-text-muted);background:var(--color-bg);border-radius:10px;padding:2px 10px;font-size:.78rem;font-weight:400}.books-upload-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:28px;padding:24px}.upload-actions{gap:8px;margin-top:12px;display:flex}.upload-msg{border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);margin-top:12px;padding:12px 16px;font-size:.88rem;line-height:1.5}.upload-msg.warn{color:#92400e;background:#fffdf5;border-color:#fde68a}.upload-msg.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.upload-msg.error-box{color:#991b1b;background:#fff5f5;border-color:#fecaca}.upload-msg-actions{border-top:1px solid var(--color-border-light);align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.books-list-section{margin-top:4px}.books-loading{text-align:center;color:var(--color-text-muted);padding:40px}.books-empty{text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:40px}.books-grid{flex-direction:column;gap:10px;display:flex}.book-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:16px 20px;transition:box-shadow .15s}.book-card:hover{box-shadow:var(--shadow-sm)}.book-card-header{align-items:center;gap:14px;display:flex}.book-card-icon{flex-shrink:0;font-size:1.8rem}.book-card-info{flex:1;min-width:0}.book-card-name{font-size:1rem;font-weight:700}.book-card-meta{color:var(--color-text-muted);font-size:.78rem}.book-card-actions{flex-shrink:0}.book-card-agents{border-top:1px solid var(--color-border-light);flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;display:flex}.book-agent-tag{border:1px solid var(--color-border);color:var(--color-text);border-radius:16px;align-items:center;gap:4px;padding:4px 12px;font-size:.8rem;text-decoration:none;transition:all .15s;display:flex}.book-agent-tag:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.book-agent-tag .tag-type{background:var(--color-bg);color:var(--color-text-muted);border-radius:6px;padding:1px 6px;font-size:.62rem}.book-agent-tag .tag-type.book_expert{color:#4a7ab5;background:#e8f0fe}.book-agent-tag .tag-type.character{color:#c97a3a;background:#fef0e8}.book-card-no-agents{border-top:1px solid var(--color-border-light);color:var(--color-text-muted);align-items:center;gap:8px;margin-top:10px;padding-top:10px;font-size:.8rem;display:flex}.book-create-link{color:var(--color-primary);font-size:.8rem;text-decoration:none}.book-create-link:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}