.tiptap-editor-wrapper{display:flex;flex-direction:column;height:100%;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;overflow:hidden;background:var(--editor-bg, #ffffff)}.tiptap-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--toolbar-bg, #f5f5f5);border-bottom:1px solid var(--border-color, #e0e0e0);flex-wrap:wrap}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-color, #333);font-size:14px;cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{background:var(--hover-bg, #e0e0e0)}.toolbar-btn.active{background:var(--active-bg, #d0d0d0);color:var(--primary-color, #1976d2)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-divider{width:1px;height:24px;background:var(--border-color, #e0e0e0);margin:0 8px}.tiptap-content{flex:1;overflow-y:auto;padding:16px 20px}.tiptap-content .ProseMirror{min-height:300px;outline:none;font-family:var(--editor-font, "Noto Serif SC", "Source Han Serif CN", serif);font-size:var(--editor-font-size, 16px);line-height:1.8;color:var(--text-color, #333)}.tiptap-content .ProseMirror p{margin:0 0 1em;text-indent:2em}.tiptap-content .ProseMirror p:last-child{margin-bottom:0}.tiptap-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--placeholder-color, #aaa);pointer-events:none;height:0;text-indent:0}.tiptap-content .ProseMirror h1{font-size:1.8em;font-weight:700;margin:1em 0 .5em;text-indent:0}.tiptap-content .ProseMirror h2{font-size:1.5em;font-weight:700;margin:.8em 0 .4em;text-indent:0}.tiptap-content .ProseMirror h3{font-size:1.2em;font-weight:700;margin:.6em 0 .3em;text-indent:0}.tiptap-content .ProseMirror ul,.tiptap-content .ProseMirror ol{padding-left:2em;margin:.5em 0}.tiptap-content .ProseMirror li{text-indent:0}.tiptap-content .ProseMirror li p{text-indent:0;margin:0}.tiptap-content .ProseMirror blockquote{border-left:4px solid var(--primary-color, #1976d2);margin:1em 0;padding:.5em 1em;background:var(--quote-bg, #f9f9f9)}.tiptap-content .ProseMirror blockquote p{text-indent:0;margin:0}.tiptap-content .ProseMirror hr{border:none;border-top:2px solid var(--border-color, #e0e0e0);margin:2em 0}.tiptap-content .ProseMirror code{background:var(--code-bg, #f0f0f0);padding:.2em .4em;border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:.9em}.tiptap-content .ProseMirror pre{background:var(--code-bg, #f0f0f0);padding:1em;border-radius:4px;overflow-x:auto}.tiptap-content .ProseMirror pre code{background:none;padding:0}.tiptap-content .ProseMirror ::selection{background:var(--selection-bg, #b3d4fc)}.dark-theme .tiptap-editor-wrapper{--editor-bg: #1e1e1e;--toolbar-bg: #2d2d2d;--border-color: #404040;--text-color: #e0e0e0;--hover-bg: #3d3d3d;--active-bg: #4d4d4d;--placeholder-color: #666;--quote-bg: #2d2d2d;--code-bg: #2d2d2d;--selection-bg: #264f78}@media (max-width: 768px){.tiptap-toolbar{padding:6px 8px}.toolbar-btn{width:28px;height:28px;font-size:12px}.toolbar-divider{margin:0 4px}.tiptap-content{padding:12px 16px}}.worldbuilding-manager,.material-manager,.timeline-manager{padding:0}.worldbuilding-toolbar,.material-toolbar,.timeline-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.type-tabs{display:flex;gap:8px;flex-wrap:wrap}.type-tab{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background:var(--card-bg);cursor:pointer;font-size:14px;transition:all .2s}.type-tab:hover{border-color:var(--primary-color)}.type-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.toolbar-actions{display:flex;gap:12px;align-items:center}.setting-grid,.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.setting-group{margin-bottom:24px}.group-title{font-size:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.setting-card,.material-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}.setting-card:hover,.material-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.setting-card-header,.material-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.setting-icon,.material-icon{font-size:24px}.setting-type,.material-type{font-size:12px;color:var(--text-secondary)}.setting-name,.material-title{font-size:16px;font-weight:600;margin-bottom:8px}.setting-desc,.material-content{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.setting-attributes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.attribute-tag{background:var(--bg-color);padding:2px 8px;border-radius:4px;font-size:11px}.setting-card-actions,.material-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.material-preview{height:120px;margin-bottom:12px;border-radius:8px;overflow:hidden;background:var(--bg-color)}.material-preview img{width:100%;height:100%;object-fit:cover}.material-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.material-date{font-size:12px;color:var(--text-secondary)}.material-actions{display:flex;gap:8px}.tag-filter{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-label{font-size:14px;color:var(--text-secondary)}.tag-btn{padding:4px 12px;border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg);cursor:pointer;font-size:12px;transition:all .2s}.tag-btn:hover{border-color:var(--primary-color)}.tag-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.view-toggle{display:flex;gap:4px}.timeline-view{position:relative;padding:20px 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border-color);transform:translate(-50%)}.timeline-item{position:relative;width:45%;padding:16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;cursor:pointer;transition:all .2s}.timeline-item:hover{box-shadow:0 4px 12px #0000001a}.timeline-item.left{margin-left:0;margin-right:auto}.timeline-item.right{margin-left:auto;margin-right:0}.timeline-dot{position:absolute;width:12px;height:12px;background:var(--primary-color);border-radius:50%;top:24px}.timeline-item.left .timeline-dot{right:-30px}.timeline-item.right .timeline-dot{left:-30px}.timeline-time{font-size:12px;color:var(--primary-color);margin-bottom:8px}.timeline-title{font-size:16px;font-weight:600;margin-bottom:8px}.timeline-desc{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.timeline-chapters{font-size:12px;color:var(--text-secondary)}.timeline-actions{display:flex;gap:8px;margin-top:12px}.timeline-list{display:flex;flex-direction:column;gap:12px}.timeline-list-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.timeline-list-item:hover{background:var(--bg-color)}.list-item-order{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:50%;font-weight:600}.list-item-content{flex:1}.list-item-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.list-item-time{font-size:12px;color:var(--primary-color)}.list-item-title{font-size:15px;font-weight:600}.list-item-desc{font-size:13px;color:var(--text-secondary)}.list-item-actions{display:flex;gap:8px}.analysis-panel{padding:0}.analysis-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.chapter-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px}.chapter-selector select{width:auto;min-width:200px}.stats-grid,.habits-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center}.stat-icon{font-size:32px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:var(--primary-color)}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.chart-section,.daily-chart{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:20px}.chart-section h3,.daily-chart h3,.word-cloud h3,.emotion-chart h3,.emotion-distribution h3,.writing-tips h3{font-size:16px;margin-bottom:16px}.bar-chart{display:flex;align-items:flex-end;gap:4px;height:150px}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center}.bar{width:100%;background:var(--primary-color);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s}.bar-label{font-size:10px;color:var(--text-secondary);margin-top:4px}.bar-chart.horizontal{flex-direction:column;height:auto;gap:8px}.bar-row{display:flex;align-items:center;gap:12px}.bar-date{width:50px;font-size:12px;color:var(--text-secondary)}.bar-container{flex:1;height:20px;background:var(--bg-color);border-radius:4px;overflow:hidden}.bar-row .bar{height:100%;border-radius:4px}.bar-value{width:60px;font-size:12px;text-align:right}.diversity-score{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:20px}.score-display{display:flex;align-items:center;gap:16px;margin:12px 0}.score-value{font-size:36px;font-weight:700;color:var(--primary-color)}.score-bar{flex:1;height:12px;background:var(--bg-color);border-radius:6px;overflow:hidden}.score-fill{height:100%;background:var(--primary-color);border-radius:6px}.score-hint{font-size:13px;color:var(--text-secondary)}.word-cloud{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.word-list{display:flex;flex-direction:column;gap:8px}.word-item{display:flex;align-items:center;gap:12px}.word-rank{width:24px;font-size:12px;color:var(--text-secondary)}.word-text{width:80px;font-weight:500}.word-count{width:50px;font-size:12px;color:var(--text-secondary)}.word-bar{flex:1;height:8px;background:var(--bg-color);border-radius:4px;overflow:hidden}.word-bar-fill{height:100%;background:var(--primary-color);border-radius:4px}.emotion-summary{display:flex;gap:24px;margin-bottom:20px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:var(--text-secondary)}.summary-value{font-size:24px;font-weight:600}.emotion-chart{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:20px}.chart-container{overflow-x:auto}.emotion-svg{width:100%;min-width:400px;height:200px}.emotion-point{transition:r .2s}.emotion-point:hover{r:8}.point-detail{background:var(--bg-color);border-radius:8px;padding:16px;margin-bottom:20px}.detail-content{display:flex;gap:16px;margin-bottom:8px}.detail-emotion{font-weight:600}.detail-text{font-size:13px;color:var(--text-secondary);font-style:italic}.emotion-distribution{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.distribution-bars{display:flex;flex-direction:column;gap:12px}.distribution-item{display:flex;align-items:center;gap:12px}.dist-label{width:60px;font-size:13px}.dist-bar{flex:1;height:20px;background:var(--bg-color);border-radius:4px;overflow:hidden}.dist-fill{height:100%;border-radius:4px}.dist-count{width:30px;font-size:12px;color:var(--text-secondary)}.writing-tips{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.writing-tips ul{list-style:none;padding:0}.writing-tips li{padding:8px 0;border-bottom:1px solid var(--border-color);font-size:14px}.writing-tips li:last-child{border-bottom:none}.attributes-section,.tags-section{margin-top:16px}.attributes-section h4,.tags-section h4{font-size:14px;margin-bottom:12px}.attributes-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.attribute-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-color);border-radius:6px}.attr-key{font-weight:500}.attr-value{flex:1;color:var(--text-secondary)}.add-attribute,.add-tag{display:flex;gap:8px}.add-attribute input,.add-tag input{flex:1}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tags-list .tag{display:flex;align-items:center;gap:4px}.tags-list .tag button{background:none;border:none;cursor:pointer;padding:0 4px;font-size:14px}@media (max-width: 768px){.timeline-item{width:90%;margin-left:5%!important;margin-right:5%!important}.timeline-line{left:20px}.timeline-dot{left:-25px!important;right:auto!important}.stats-grid{grid-template-columns:repeat(2,1fr)}.worldbuilding-toolbar,.material-toolbar,.timeline-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{flex-wrap:wrap;justify-content:flex-start}.toolbar-actions .btn{white-space:nowrap;flex-shrink:0}.toolbar-actions .search-input{flex:1;min-width:120px}.type-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.type-tab{white-space:nowrap;flex-shrink:0}}:root{--primary-color: #4a90d9;--primary-hover: #357abd;--danger-color: #e74c3c;--success-color: #27ae60;--warning-color: #f39c12;--bg-color: #f5f6fa;--card-bg: #ffffff;--text-color: #2c3e50;--text-secondary: #7f8c8d;--border-color: #e1e4e8;--sidebar-width: 240px;--sidebar-collapsed-width: 60px}[data-theme=dark]{--bg-color: #1a1a2e;--card-bg: #16213e;--text-color: #eee;--text-secondary: #aaa;--border-color: #333}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Microsoft YaHei,system-ui,sans-serif;background:var(--bg-color);color:var(--text-color);line-height:1.6}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.app-title{font-size:18px;font-weight:600}.collapse-btn{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.collapse-btn:hover{background:var(--bg-color)}.sidebar-nav{flex:1;padding:8px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:none;background:none;cursor:pointer;border-radius:8px;color:var(--text-color);text-align:left;transition:background .2s}.nav-item:hover{background:var(--bg-color)}.nav-item.active{background:var(--primary-color);color:#fff}.nav-icon{font-size:20px}.main-content{flex:1;padding:24px;overflow-y:auto}.btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-color);cursor:pointer;font-size:14px;transition:all .2s}.btn:hover{background:var(--bg-color)}.btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.btn-sm{padding:4px 8px;font-size:12px}.btn-xs{padding:2px 6px;font-size:11px}input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-color);font-size:14px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color)}label{display:block;margin-bottom:16px;font-weight:500}label input,label textarea,label select{margin-top:6px}.panel{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.panel-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.panel-title{font-size:18px;font-weight:600}.panel-content{padding:20px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.project-card{background:var(--card-bg);border-radius:12px;padding:20px;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid var(--border-color)}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.project-title{font-size:18px;font-weight:600}.project-genre{background:var(--bg-color);padding:4px 8px;border-radius:4px;font-size:12px}.project-synopsis{color:var(--text-secondary);font-size:14px;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-footer{display:flex;justify-content:space-between;align-items:center}.project-date{font-size:12px;color:var(--text-secondary)}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:20px}.character-card{background:var(--card-bg);border-radius:12px;padding:16px;cursor:pointer;border:1px solid var(--border-color);transition:transform .2s}.character-card:hover{transform:translateY(-2px)}.character-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-color);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:32px}.character-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.character-name{text-align:center;font-size:16px;font-weight:600;margin-bottom:8px}.character-desc{text-align:center;font-size:13px;color:var(--text-secondary);margin-bottom:12px}.character-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.tag{background:var(--bg-color);padding:2px 8px;border-radius:4px;font-size:12px}.character-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.chapter-editor{height:calc(100vh - 100px);display:flex;flex-direction:column}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--card-bg);border-bottom:1px solid var(--border-color)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:16px}.chapter-title{font-weight:600}.word-count{color:var(--text-secondary);font-size:14px}.editor-container{flex:1;display:flex;overflow:hidden}.editor-main{flex:1;padding:20px}.editor-textarea{width:100%;height:100%;border:none;resize:none;font-size:16px;line-height:1.8;background:transparent}.editor-textarea:focus{outline:none}.ai-panel{width:300px;background:var(--card-bg);border-left:1px solid var(--border-color);padding:16px;overflow-y:auto}.ai-panel h3{margin-bottom:16px}.ai-section{margin-bottom:20px}.ai-section h4{font-size:14px;margin-bottom:8px}.outline-text{background:var(--bg-color);padding:12px;border-radius:6px;font-size:13px}.ai-actions{display:flex;flex-direction:column;gap:8px}.ai-tips{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.ai-tips ul{padding-left:20px;font-size:13px;color:var(--text-secondary)}.outline-editor{padding:20px}.outline-toolbar{display:flex;gap:12px;margin-bottom:20px}.outline-tree{background:var(--card-bg);border-radius:8px;padding:16px}.outline-node{margin-bottom:8px}.outline-node-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-color);border-radius:6px;cursor:pointer}.outline-node-header:hover{background:var(--border-color)}.outline-node-header.dragging{opacity:.5}.expand-btn{background:none;border:none;cursor:pointer;padding:0;font-size:12px}.node-title{flex:1}.node-title-input{flex:1;padding:4px 8px}.node-actions{display:flex;gap:4px}.node-description{margin-left:32px;padding:8px 12px;font-size:13px;color:var(--text-secondary)}.outline-children{margin-left:20px;margin-top:8px}.settings-panel{max-width:800px;margin:0 auto}.settings-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border-color)}.tab{padding:12px 24px;border:none;background:none;cursor:pointer;font-size:14px;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text-color)}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.settings-section{background:var(--card-bg);border-radius:12px;padding:24px}.settings-section h3{margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.api-key-input{display:flex;gap:8px}.api-key-input input{flex:1}.hint{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.settings-info{margin-top:24px;padding:16px;background:var(--bg-color);border-radius:8px}.settings-info h4{margin-bottom:8px}.settings-info p{font-size:13px;color:var(--text-secondary)}.preview-box{margin-top:16px;padding:16px;background:var(--bg-color);border-radius:8px}.modal-overlay,.wizard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal,.wizard-modal{background:var(--card-bg);border-radius:12px;padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal h2,.wizard-header h2{margin-bottom:20px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.wizard-steps{display:flex;gap:16px;margin-top:12px}.wizard-steps span{font-size:13px;color:var(--text-secondary)}.wizard-steps span.active{color:var(--primary-color);font-weight:500}.wizard-content{padding:24px 0}.wizard-footer{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border-color)}.wizard-footer>div{display:flex;gap:12px}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.genre-btn{padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);cursor:pointer;transition:all .2s}.genre-btn:hover{border-color:var(--primary-color)}.genre-btn.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.empty-state{text-align:center;padding:40px;color:var(--text-secondary)}.empty-state p{margin-bottom:16px}.chapter-list{background:var(--card-bg);border-radius:8px;height:100%}.chapter-list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color)}.chapter-list-header h3{font-size:14px}.chapter-items{padding:8px}.chapter-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .2s}.chapter-item:hover{background:var(--bg-color)}.chapter-item.active{background:var(--primary-color);color:#fff}.chapter-order{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-color);border-radius:4px;font-size:12px}.chapter-item.active .chapter-order{background:#fff3}.chapter-name{flex:1;font-size:14px;min-width:0}.chapter-words{font-size:12px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.chapter-item.active .chapter-words{color:#fffc}.split-panel{display:flex;height:100%}.split-left{flex-shrink:0;overflow:hidden}.split-divider{width:4px;background:var(--border-color);cursor:col-resize}.split-divider:hover{background:var(--primary-color)}.split-right{flex:1;overflow:hidden}.search-input{max-width:300px}.project-list-header,.character-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chapter-item{flex-direction:column;align-items:stretch!important}.chapter-item-main{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.chapter-outline-hint{font-size:11px;color:var(--text-secondary);margin-top:4px;padding-left:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline-bar{background:var(--bg-color);border-bottom:1px solid var(--border-color)}[data-theme=dark] .outline-bar{background:#ffffff0d}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--border-color);z-index:1000;padding:8px 0;padding-bottom:env(safe-area-inset-bottom,8px)}.mobile-nav-items{display:flex;justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border:none;background:none;cursor:pointer;color:var(--text-secondary);font-size:10px;min-width:56px}.mobile-nav-item.active{color:var(--primary-color)}.mobile-nav-item .nav-icon{font-size:20px}.mobile-nav-more{position:relative}.mobile-nav-dropdown{position:absolute;bottom:100%;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:8px;margin-bottom:8px;box-shadow:0 -4px 20px #00000026;min-width:160px}.mobile-nav-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px;border:none;background:none;cursor:pointer;color:var(--text-color);font-size:14px;width:100%;border-radius:8px}.mobile-nav-dropdown-item:hover{background:var(--bg-color)}.mobile-nav-dropdown-item.active{color:var(--primary-color);background:#4a90d91a}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:999;padding:0 16px;align-items:center;justify-content:space-between}.mobile-header-title{font-size:16px;font-weight:600}.mobile-header-action{background:none;border:none;cursor:pointer;padding:8px;font-size:20px}.mobile-only{display:none}@media (max-width: 768px){.sidebar{display:none}.mobile-nav{display:block}.mobile-header{display:flex}.main-content{padding:72px 16px 80px}.panel{border-radius:8px;margin-bottom:16px}.panel-header{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:12px}.panel-content{padding:16px}.project-grid{grid-template-columns:1fr;gap:12px}.project-card{padding:16px}.character-grid{grid-template-columns:repeat(2,1fr);gap:12px}.character-card{padding:12px}.character-avatar{width:60px;height:60px;font-size:24px}.chapter-editor{height:calc(100vh - 140px)}.editor-toolbar{flex-direction:column;gap:8px;padding:10px 12px}.toolbar-left,.toolbar-right{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.toolbar-right{justify-content:flex-start}.toolbar-right .btn{flex:1;min-width:70px;font-size:12px;padding:6px 8px}.editor-container{flex-direction:column}.ai-panel{width:100%;border-left:none;border-top:1px solid var(--border-color);max-height:300px}.character-select-panel{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border-color);max-height:200px;overflow-y:auto}.outline-bar{font-size:12px!important;padding:6px 12px!important}.chapter-list-drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;display:flex;flex-direction:column}.chapter-list-drawer-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.chapter-list-drawer-content{position:absolute;bottom:0;left:0;right:0;background:var(--card-bg);border-radius:16px 16px 0 0;max-height:70vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chapter-list-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--card-bg)}.chapter-list-drawer-close{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;color:var(--text-secondary)}.mobile-fab-group{position:fixed;bottom:80px;right:16px;display:flex;flex-direction:column;gap:12px;z-index:100}.mobile-fab{width:52px;height:52px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #00000040;font-size:20px;display:flex;align-items:center;justify-content:center}.mobile-fab:active{transform:scale(.95)}.mobile-fab.project-fab{background:#52c41a}.chapter-list-fab{position:fixed;bottom:80px;right:16px;width:56px;height:56px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #00000040;z-index:100;font-size:20px;display:flex;align-items:center;justify-content:center}.chapter-list-fab:active{transform:scale(.95)}.split-panel{flex-direction:column}.split-left,.split-divider{display:none}.split-right{width:100%}.outline-toolbar{flex-wrap:wrap;gap:8px}.outline-toolbar .btn{flex:1;min-width:100px}.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:10px 16px;white-space:nowrap}.settings-section{padding:16px}.modal,.wizard-modal{width:95%;max-height:85vh;padding:20px}.genre-grid{grid-template-columns:repeat(2,1fr);gap:8px}.genre-btn{padding:10px;font-size:13px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.search-input{max-width:100%}.project-list-header,.character-header{flex-direction:column;gap:12px;align-items:stretch}.btn-group-mobile{display:flex;gap:8px}.btn-group-mobile .btn{flex:1}.desktop-only{display:none!important}.mobile-only{display:block!important}.panel-actions-mobile{padding:12px 16px;background:var(--bg-secondary, #f5f5f5);border-bottom:1px solid var(--border-color, #e0e0e0);margin:-16px -16px 16px}.panel-actions-mobile select{width:100%;padding:10px 12px;font-size:14px;border-radius:8px;border:1px solid var(--border-color, #d9d9d9);background:var(--bg-primary, #fff)}.mobile-project-selector{padding:12px 16px;border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--bg-secondary, #f5f5f5)}.mobile-project-selector label{display:block;font-size:12px;color:var(--text-secondary, #666);margin-bottom:8px;font-weight:500}.mobile-project-selector select{width:100%;padding:10px 12px;font-size:14px;border-radius:8px;border:1px solid var(--border-color, #d9d9d9);background:var(--bg-primary, #fff);color:var(--text-primary, #333)}}@media (max-width: 480px){.character-grid{grid-template-columns:1fr}.mobile-nav-item{min-width:48px;padding:6px 8px}.panel-title,.project-title{font-size:16px}.stats-grid{grid-template-columns:1fr!important}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container table{min-width:600px}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (hover: none) and (pointer: coarse){.btn,button{min-height:44px;white-space:nowrap}.btn-sm{min-height:36px;white-space:nowrap}.nav-item:hover,.project-card:hover,.character-card:hover,.chapter-item:hover{transform:none;box-shadow:none}.nav-item:active,.project-card:active,.character-card:active,.chapter-item:active{opacity:.7}.mobile-nav,.mobile-header,.chapter-list-fab{-webkit-user-select:none;user-select:none}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #333333;--text-secondary: #666666;--border-color: #e0e0e0;--accent-color: #4a90d9}.dark{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #404040;--accent-color: #5ba0e9}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}.app{display:flex;flex-direction:column;height:100vh}.app-header{height:50px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 20px;-webkit-app-region:drag}.app-header h1{font-size:16px;font-weight:500}.app-main{display:flex;flex:1;overflow:hidden}.sidebar{width:200px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:20px 0}.sidebar nav ul{list-style:none}.sidebar nav li{padding:12px 20px;cursor:pointer;transition:background-color .2s}.sidebar nav li:hover{background-color:var(--border-color)}.content{flex:1;padding:20px;overflow-y:auto}