.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 .3em;text-indent:2em}.tiptap-content .ProseMirror p:empty,.tiptap-content .ProseMirror p:has(br:only-child){margin:0;min-height:.5em}.tiptap-content .ProseMirror p:empty+p:empty,.tiptap-content .ProseMirror p:has(br:only-child)+p:has(br:only-child){display:none}.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-editor-wrapper{height:100%;min-height:0}.tiptap-toolbar{padding:6px 8px;flex-shrink:0}.toolbar-btn{width:28px;height:28px;font-size:12px}.toolbar-divider{margin:0 4px}.tiptap-content{padding:12px 16px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.tiptap-content .ProseMirror{min-height:200px;height:auto}}.worldbuilding-manager,.material-manager,.timeline-manager{padding:0}.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)}.page-toolbar{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;margin-bottom:8px;margin-top:-8px;align-items:center;padding:6px 0}.filter-tabs{display:inline-flex;gap:3px;margin-bottom:0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tab{white-space:nowrap;flex-shrink:0;padding:2px 6px;font-size:10px;border-radius:8px;min-height:auto;border-width:1px}.action-bar{display:inline-flex;gap:3px;margin-bottom:0}.action-bar .btn{white-space:nowrap;flex-shrink:0;padding:2px 6px;font-size:10px;min-height:22px}.action-bar .search-input{flex:1;min-width:60px;max-width:100px;padding:2px 6px;font-size:10px;height:22px}.setting-grid,.material-grid{grid-template-columns:1fr}.setting-card-actions .btn,.material-actions .btn,.timeline-actions .btn,.list-item-actions .btn{white-space:nowrap;padding:2px 6px;font-size:10px}}:root{--mobile-page-bg: #f5f7fa;--mobile-card-bg: #ffffff;--mobile-card-radius: 16px;--mobile-card-shadow: 0 4px 12px rgba(0, 0, 0, .08);--gradient-primary: linear-gradient(135deg, #4a90d9, #667eea);--gradient-blue: linear-gradient(135deg, #e8f4fd, #d0e8ff);--gradient-green: linear-gradient(135deg, #e8f8f0, #c8f0dc);--gradient-orange: linear-gradient(135deg, #fff4e6, #ffe4c4);--gradient-purple: linear-gradient(135deg, #f3e8ff, #e4d4f4);--stat-blue: #4a90d9;--stat-green: #52c41a;--stat-orange: #fa8c16;--stat-purple: #722ed1;--capsule-bg: #f0f2f5;--capsule-active-bg: var(--gradient-primary);--capsule-radius: 20px;--frosted-bg: rgba(255, 255, 255, .85);--frosted-blur: blur(10px)}.mobile-tab-home,.mobile-tab-works,.mobile-tab-profile{display:none}@media (max-width: 768px){.mobile-tab-home,.mobile-tab-works,.mobile-tab-profile{display:block}}.mobile-home-page{padding:16px 16px 100px;background:var(--bg-color);min-height:calc(100vh - 56px)}.home-greeting{margin-bottom:20px}.greeting-text{font-size:22px;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:8px}.greeting-emoji{font-size:28px}.today-stats{font-size:14px;color:var(--text-secondary);margin-top:4px}.today-stats .highlight{color:var(--primary-color);font-weight:600}.home-card{background:var(--card-bg);border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.stats-card .card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stats-card .card-icon{font-size:18px}.stats-card .card-title{font-size:15px;font-weight:600}.stats-progress{margin-bottom:8px}.stats-progress .progress-bar{height:8px;background:var(--bg-color);border-radius:4px;overflow:hidden;margin-bottom:6px}.stats-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#52c41a);border-radius:4px;transition:width .3s ease}.stats-progress .progress-text,.stats-streak{font-size:13px;color:var(--text-secondary)}.stats-streak .streak-days{color:#fa8c16;font-weight:600}.home-section{margin-bottom:20px}.section-title{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-color)}.section-icon{font-size:18px}.continue-card{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .2s}.continue-card:active{transform:scale(.98)}.continue-info{flex:1}.continue-project{font-size:15px;font-weight:600;color:var(--text-color);margin-bottom:4px}.continue-chapter{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.continue-time{font-size:12px;color:var(--text-secondary)}.continue-action{color:var(--primary-color);font-weight:600;font-size:14px}.empty-card{text-align:center;color:var(--text-secondary);padding:24px 16px}.goals-grid{display:flex;gap:12px}.goal-item{flex:1;background:var(--card-bg);border-radius:12px;padding:16px 12px;text-align:center;box-shadow:0 2px 8px #0000000f}.goal-value{font-size:24px;font-weight:700;color:var(--primary-color)}.goal-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.ai-shortcuts{padding:0;overflow:hidden}.ai-shortcut-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.ai-shortcut-item:last-child{border-bottom:none}.ai-shortcut-item:active{background:var(--bg-color)}.shortcut-icon{font-size:20px;margin-right:12px}.shortcut-text{flex:1;font-size:14px;color:var(--text-color)}.shortcut-arrow{color:var(--text-secondary);font-size:14px}.membership-hint{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff7e6,#fffbe6);border:1px solid #ffe58f}.membership-icon{font-size:20px}.membership-text{font-size:13px;color:#d48806}.mobile-works-page{padding:16px 16px 100px;background:var(--bg-color);min-height:calc(100vh - 56px)}.works-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.works-title{font-size:20px;font-weight:600}.works-create-btn{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #4a90d94d}.works-create-btn:active{transform:scale(.95)}.works-search{margin-bottom:16px}.works-search-input{width:100%;padding:12px 16px;border:none;border-radius:12px;background:var(--card-bg);font-size:15px;box-shadow:0 2px 8px #0000000f}.works-search-input:focus{outline:none;box-shadow:0 2px 8px #4a90d933}.works-list{display:flex;flex-direction:column;gap:16px}.works-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.works-empty .empty-icon{font-size:48px;margin-bottom:16px}.works-empty .btn-primary{margin-top:16px;padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:24px;font-size:15px;cursor:pointer}.works-card{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative}.works-card:active{transform:scale(.98)}.works-card-banner{height:60px;display:flex;align-items:center;justify-content:flex-end;padding:0 20px}.works-card-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.works-card-body{padding:16px;position:relative}.works-card-title{font-size:17px;font-weight:600;margin-bottom:10px;padding-right:40px}.works-card-progress{height:6px;background:var(--bg-color);border-radius:3px;overflow:hidden;margin-bottom:6px}.works-card-progress-bar{height:100%;border-radius:3px;transition:width .3s ease}.works-card-progress-text{font-size:12px;color:var(--text-secondary);margin-bottom:10px}.works-card-stats{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.works-card-actions{position:absolute;top:16px;right:16px;display:flex;gap:8px}.works-card-edit,.works-card-delete{width:32px;height:32px;border:none;background:var(--bg-color);border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.works-card-edit:active{background:#e0f2fe}.works-card-delete:active{background:#fee2e2}.mobile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.mobile-modal-content{background:var(--card-bg, #fff);width:100%;max-height:85vh;border-radius:16px 16px 0 0;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e8e8e8)}.mobile-modal-header h3{margin:0;font-size:17px;font-weight:600}.mobile-modal-close{width:32px;height:32px;border:none;background:var(--bg-color, #f5f5f5);border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-modal-body{flex:1;overflow-y:auto;padding:20px}.mobile-form-group{margin-bottom:20px}.mobile-form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-color, #333);margin-bottom:8px}.mobile-form-group input,.mobile-form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color, #d9d9d9);border-radius:8px;font-size:15px;background:var(--bg-primary, #fff);color:var(--text-color, #333);box-sizing:border-box}.mobile-form-group input:focus,.mobile-form-group textarea:focus{outline:none;border-color:var(--primary-color, #4a90d9)}.mobile-form-group textarea{resize:none}.mobile-genre-selector{max-height:200px;overflow-y:auto}.mobile-genre-category{margin-bottom:12px}.mobile-genre-category-label{font-size:12px;color:var(--text-secondary, #999);margin-bottom:8px}.mobile-genre-grid{display:flex;flex-wrap:wrap;gap:8px}.mobile-genre-btn{padding:6px 12px;border:1px solid var(--border-color, #d9d9d9);border-radius:16px;background:var(--bg-primary, #fff);font-size:13px;cursor:pointer;color:var(--text-color, #333)}.mobile-genre-btn.selected{background:var(--primary-color, #4a90d9);border-color:var(--primary-color, #4a90d9);color:#fff}.mobile-modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color, #e8e8e8);background:var(--card-bg, #fff)}.mobile-modal-footer .btn-cancel{flex:1;padding:12px;border:1px solid var(--border-color, #d9d9d9);border-radius:8px;background:var(--bg-primary, #fff);font-size:15px;cursor:pointer;color:var(--text-color, #333)}.mobile-modal-footer .btn-save{flex:1;padding:12px;border:none;border-radius:8px;background:var(--primary-color, #4a90d9);font-size:15px;cursor:pointer;color:#fff;font-weight:500}.mobile-modal-footer .btn-save:disabled{opacity:.5;cursor:not-allowed}.mobile-project-detail{background:var(--bg-color);min-height:100vh;padding-bottom:100px}.project-detail-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.back-btn{padding:8px 12px;background:none;border:none;font-size:14px;color:var(--primary-color);cursor:pointer}.project-detail-title{font-size:17px;font-weight:600;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 12px}.settings-btn{padding:8px;background:none;border:none;font-size:18px;cursor:pointer}.function-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 16px;background:var(--card-bg);margin-bottom:12px}.function-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.function-item:active .function-icon{transform:scale(.9)}.function-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:transform .2s}.function-label{font-size:12px;color:var(--text-color)}.recent-chapters{background:var(--card-bg);padding:16px;margin-bottom:12px}.section-header{display:flex;align-items:center;margin-bottom:12px}.section-header .section-icon{font-size:18px;margin-right:6px}.section-header .section-title{font-size:15px;font-weight:600;flex:1}.view-all-btn{padding:4px 8px;background:none;border:none;font-size:13px;color:var(--primary-color);cursor:pointer}.chapters-empty{text-align:center;padding:24px;color:var(--text-secondary)}.chapters-empty .btn-primary{margin-top:12px;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:20px;font-size:14px;cursor:pointer}.chapters-list{display:flex;flex-direction:column}.chapter-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color);cursor:pointer}.chapter-item:last-child{border-bottom:none}.chapter-item:active{background:var(--bg-color);margin:0 -16px;padding:12px 16px}.chapter-indicator{width:24px;font-size:14px;color:var(--text-secondary);flex-shrink:0}.chapter-info{flex:1;min-width:0}.chapter-title{font-size:14px;color:var(--text-color);display:flex;align-items:center;gap:6px}.chapter-status{font-size:11px;padding:1px 6px;border-radius:4px}.chapter-status.draft{background:#fff7e6;color:#d48806}.chapter-meta{font-size:12px;color:var(--text-secondary);margin-top:2px}.chapter-arrow{color:var(--text-secondary);font-size:14px}.project-info-card{background:var(--card-bg);padding:16px;margin:0 16px;border-radius:12px}.info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:var(--text-secondary)}.info-value{font-size:14px;color:var(--text-color)}.mobile-profile-page{padding:16px 16px 100px;background:var(--bg-color);min-height:calc(100vh - 56px)}.profile-user-card{display:flex;align-items:center;gap:16px;background:var(--card-bg);padding:24px 20px;border-radius:16px;margin-bottom:16px;box-shadow:0 2px 12px #00000014}.user-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-text{font-size:24px;font-weight:600;color:#fff}.user-info{flex:1}.user-name{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:4px}.user-phone{font-size:14px;color:var(--text-secondary)}.profile-membership-card{background:linear-gradient(135deg,#fff9e6,#fffbe6);border:1px solid #ffe58f;border-radius:16px;padding:16px;margin-bottom:16px}.membership-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.membership-header .membership-icon{font-size:20px}.membership-header .membership-title{font-size:14px;color:#8c6d1f}.membership-header .membership-status{margin-left:auto;font-size:14px;font-weight:600;color:#d48806}.membership-details{margin-bottom:12px}.membership-row{display:flex;justify-content:space-between;padding:6px 0}.membership-row .detail-label{font-size:13px;color:#8c6d1f}.membership-row .detail-value{font-size:13px;color:#5c4813}.membership-row .detail-value.highlight{font-weight:600;color:#d48806}.membership-actions{display:flex;gap:12px}.membership-btn{flex:1;padding:10px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.membership-btn.renew{background:#d48806;color:#fff}.membership-btn.recharge{background:#fff;color:#d48806;border:1px solid #d48806}.profile-menu{background:var(--card-bg);border-radius:16px;overflow:hidden;margin-bottom:24px;box-shadow:0 2px 12px #00000014}.menu-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.menu-item:last-child{border-bottom:none}.menu-item:active{background:var(--bg-color)}.menu-icon{font-size:20px;margin-right:12px}.menu-label{flex:1;font-size:15px;color:var(--text-color)}.menu-arrow{color:var(--text-secondary);font-size:14px}.logout-btn{width:100%;padding:14px;background:var(--card-bg);border:1px solid var(--danger-color);border-radius:12px;color:var(--danger-color);font-size:15px;cursor:pointer;margin-bottom:24px}.logout-btn:active{background:#fff2f0}.app-version{text-align:center;font-size:12px;color:var(--text-secondary)}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;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:calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 10px #00000014}.mobile-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;border:none;background:none;cursor:pointer;color:var(--text-secondary);font-size:11px;transition:all .2s}.mobile-bottom-nav-item:active{transform:scale(.95)}.mobile-bottom-nav-item.active{color:var(--primary-color)}.mobile-bottom-nav-item .nav-icon{font-size:24px;transition:transform .2s}.mobile-bottom-nav-item.active .nav-icon{transform:scale(1.1)}}@media (max-width: 768px){.mobile-back-header{display:flex;align-items:center;padding:12px 16px;background:var(--frosted-bg);backdrop-filter:var(--frosted-blur);-webkit-backdrop-filter:var(--frosted-blur);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:100}.mobile-back-header .back-btn{padding:8px 12px;background:none;border:none;font-size:14px;color:var(--primary-color);cursor:pointer;font-weight:500}.mobile-back-header .page-title{flex:1;text-align:center;font-size:17px;font-weight:600;margin:0}.mobile-back-header .header-actions{display:flex;gap:8px}.mobile-back-header .header-btn{padding:6px 14px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--capsule-radius);font-size:13px;cursor:pointer;font-weight:500}.mobile-toolbar{padding:12px 16px;background:var(--mobile-card-bg);border-bottom:none;box-shadow:0 2px 8px #0000000a}.mobile-toolbar .filter-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.mobile-toolbar .filter-scroll::-webkit-scrollbar{display:none}.mobile-toolbar .filter-pill{flex-shrink:0;padding:8px 16px;background:var(--capsule-bg);border:none;border-radius:var(--capsule-radius);font-size:13px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s ease;font-weight:500}.mobile-toolbar .filter-pill.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #4a90d94d}.mobile-toolbar .search-row{margin-top:10px}.mobile-toolbar .search-input{width:100%;padding:12px 16px;border:none;border-radius:12px;background:var(--mobile-page-bg);font-size:14px;transition:box-shadow .2s ease}.mobile-toolbar .search-input:focus{outline:none;box-shadow:0 0 0 2px #4a90d933}.mobile-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 16px 100px;background:var(--mobile-page-bg)}.mobile-card{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:14px;box-shadow:var(--mobile-card-shadow);border:none;transition:transform .2s ease,box-shadow .2s ease}.mobile-card:active{transform:scale(.98)}.mobile-card .card-icon{font-size:28px;margin-bottom:8px}.mobile-card .card-title{font-size:14px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color)}.mobile-card .card-desc{font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;line-height:1.5}.mobile-card .card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.mobile-card .card-tag{font-size:10px;padding:3px 8px;background:var(--mobile-page-bg);border-radius:10px;color:var(--text-secondary)}.mobile-card .card-actions{display:flex;gap:6px;margin-top:10px}.mobile-card .card-btn{flex:1;padding:8px 0;border:none;border-radius:8px;font-size:12px;cursor:pointer;font-weight:500;transition:opacity .2s ease}.mobile-card .card-btn:active{opacity:.8}.mobile-card .card-btn.edit{background:var(--mobile-page-bg);color:var(--text-color)}.mobile-card .card-btn.delete{background:#fee2e2;color:#dc2626}.mobile-list{padding:0 16px 100px}.mobile-list-item{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-color);gap:12px}.mobile-list-item .item-icon{font-size:24px;flex-shrink:0}.mobile-list-item .item-content{flex:1;min-width:0}.mobile-list-item .item-title{font-size:15px;font-weight:500;margin-bottom:4px}.mobile-list-item .item-subtitle{font-size:13px;color:var(--text-secondary)}.mobile-list-item .item-actions{display:flex;gap:8px}.mobile-list-item .item-btn{padding:6px 10px;border:none;border-radius:6px;font-size:12px;cursor:pointer;background:var(--bg-color)}.mobile-empty{text-align:center;padding:60px 20px;color:var(--text-secondary);background:var(--mobile-page-bg)}.mobile-empty .empty-icon{font-size:56px;margin-bottom:16px;opacity:.8}.mobile-empty .empty-text{font-size:15px;margin-bottom:20px;color:var(--text-secondary)}.mobile-empty .empty-btn{padding:14px 28px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--capsule-radius);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #4a90d94d;transition:transform .2s ease}.mobile-empty .empty-btn:active{transform:scale(.98)}.mobile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.mobile-stat-card{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:16px;text-align:center;box-shadow:var(--mobile-card-shadow);border:none;position:relative;overflow:hidden}.mobile-stat-card.blue{background:var(--gradient-blue)}.mobile-stat-card.green{background:var(--gradient-green)}.mobile-stat-card.orange{background:var(--gradient-orange)}.mobile-stat-card.purple{background:var(--gradient-purple)}.mobile-stat-card .stat-icon{font-size:24px;margin-bottom:8px}.mobile-stat-card .stat-value{font-size:24px;font-weight:700;margin-bottom:4px}.mobile-stat-card.blue .stat-value{color:var(--stat-blue)}.mobile-stat-card.green .stat-value{color:var(--stat-green)}.mobile-stat-card.orange .stat-value{color:var(--stat-orange)}.mobile-stat-card.purple .stat-value{color:var(--stat-purple)}.mobile-stat-card .stat-label{font-size:12px;color:var(--text-secondary);font-weight:500}.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--frosted-bg);backdrop-filter:var(--frosted-blur);-webkit-backdrop-filter:var(--frosted-blur);border-top:1px solid rgba(0,0,0,.06);display:flex;gap:12px;z-index:100}.mobile-bottom-bar .bottom-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.mobile-bottom-bar .bottom-btn:active{transform:scale(.98)}.mobile-bottom-bar .bottom-btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #4a90d94d}.mobile-bottom-bar .bottom-btn.secondary{background:var(--mobile-page-bg);color:var(--text-color)}.character-manager.mobile-view{display:flex;flex-direction:column;height:100%;background:var(--mobile-page-bg)}.character-manager.mobile-view .character-header{display:none}.character-manager.mobile-view .character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 16px 100px}.character-manager.mobile-view .character-card{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:14px;box-shadow:var(--mobile-card-shadow);display:flex;flex-direction:column;border:none;transition:transform .2s ease}.character-manager.mobile-view .character-card:active{transform:scale(.98)}.character-manager.mobile-view .character-avatar{width:52px;height:52px;margin-bottom:10px;border-radius:50%;background:var(--gradient-purple);display:flex;align-items:center;justify-content:center;font-size:24px}.character-manager.mobile-view .character-name{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--text-color)}.character-manager.mobile-view .character-desc{font-size:12px;color:var(--text-secondary);-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.character-manager.mobile-view .character-actions{margin-top:auto;padding-top:12px;display:flex;gap:6px}.character-manager.mobile-view .character-actions .btn{flex:1;padding:8px 0;font-size:12px;border-radius:8px;font-weight:500}.worldbuilding-manager.mobile-view{display:flex;flex-direction:column;height:100%;background:var(--mobile-page-bg)}.worldbuilding-manager.mobile-view .page-toolbar{display:none}.worldbuilding-manager.mobile-view .setting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 16px 100px}.worldbuilding-manager.mobile-view .setting-card{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:14px;box-shadow:var(--mobile-card-shadow);border:none;transition:transform .2s ease}.worldbuilding-manager.mobile-view .setting-card:active{transform:scale(.98)}.worldbuilding-manager.mobile-view .setting-card-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.worldbuilding-manager.mobile-view .setting-icon{font-size:20px}.worldbuilding-manager.mobile-view .setting-type{font-size:11px;padding:3px 8px;background:var(--mobile-page-bg);border-radius:10px;color:var(--text-secondary);font-weight:500}.worldbuilding-manager.mobile-view .setting-name{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text-color)}.worldbuilding-manager.mobile-view .setting-desc{font-size:12px;color:var(--text-secondary);-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.worldbuilding-manager.mobile-view .setting-card-actions{margin-top:12px;display:flex;gap:6px}.worldbuilding-manager.mobile-view .setting-card-actions .btn{flex:1;padding:8px 0;font-size:12px;border-radius:8px;font-weight:500}.material-manager.mobile-view{display:flex;flex-direction:column;height:100%;background:var(--mobile-page-bg)}.material-manager.mobile-view .page-toolbar,.material-manager.mobile-view .tag-filter{display:none}.material-manager.mobile-view .material-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 16px 100px}.material-manager.mobile-view .material-card{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);overflow:hidden;box-shadow:var(--mobile-card-shadow);border:none;transition:transform .2s ease}.material-manager.mobile-view .material-card:active{transform:scale(.98)}.material-manager.mobile-view .material-preview img{width:100%;height:100px;object-fit:cover}.material-manager.mobile-view .material-card-header{display:flex;align-items:center;gap:6px;padding:10px 12px 0}.material-manager.mobile-view .material-icon{font-size:16px}.material-manager.mobile-view .material-type{font-size:11px;padding:2px 6px;background:var(--mobile-page-bg);border-radius:8px;color:var(--text-secondary)}.material-manager.mobile-view .material-title{font-size:14px;font-weight:600;padding:8px 12px 4px;color:var(--text-color)}.material-manager.mobile-view .material-content{font-size:12px;padding:0 12px;color:var(--text-secondary);-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.material-manager.mobile-view .material-card-footer{padding:10px 12px 12px;display:flex;justify-content:space-between;align-items:center}.material-manager.mobile-view .material-date{font-size:11px;color:var(--text-secondary)}.material-manager.mobile-view .material-actions{display:flex;gap:4px}.material-manager.mobile-view .material-actions .btn{padding:6px 10px;font-size:11px;border-radius:6px}.timeline-manager.mobile-view{display:flex;flex-direction:column;height:100%;background:var(--mobile-page-bg)}.timeline-manager.mobile-view .page-toolbar{display:none}.timeline-manager.mobile-view .timeline-view{padding:16px 16px 100px;position:relative}.timeline-manager.mobile-view .timeline-view:before{content:"";position:absolute;left:28px;top:16px;bottom:100px;width:2px;background:var(--gradient-primary);border-radius:1px}.timeline-manager.mobile-view .timeline-item{margin-bottom:16px;margin-left:40px;position:relative}.timeline-manager.mobile-view .timeline-item:before{content:"";position:absolute;left:-20px;top:18px;width:12px;height:12px;background:var(--gradient-primary);border-radius:50%;box-shadow:0 0 0 4px #4a90d933}.timeline-manager.mobile-view .timeline-content{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:14px;box-shadow:var(--mobile-card-shadow);border:none}.timeline-manager.mobile-view .timeline-time{font-size:12px;color:var(--stat-blue);font-weight:600;margin-bottom:6px}.timeline-manager.mobile-view .timeline-title{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text-color)}.timeline-manager.mobile-view .timeline-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.timeline-manager.mobile-view .timeline-actions{margin-top:12px;display:flex;gap:6px}.timeline-manager.mobile-view .timeline-actions .btn{padding:6px 12px;font-size:12px;border-radius:8px}.timeline-manager.mobile-view .timeline-list{padding:16px 16px 100px}.timeline-manager.mobile-view .timeline-list-item{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:14px;margin-bottom:12px;box-shadow:var(--mobile-card-shadow);border:none;display:flex;align-items:flex-start;gap:12px}.timeline-manager.mobile-view .list-item-order{width:28px;height:28px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.timeline-manager.mobile-view .list-item-content{flex:1;min-width:0}.timeline-manager.mobile-view .list-item-time{font-size:12px;color:var(--stat-blue);font-weight:500}.timeline-manager.mobile-view .list-item-title{font-size:15px;font-weight:600;margin:4px 0;color:var(--text-color)}.timeline-manager.mobile-view .list-item-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.analysis-panel.mobile-view{display:flex;flex-direction:column;height:100%;background:var(--mobile-page-bg)}.analysis-panel.mobile-view .analysis-tabs{display:flex;overflow-x:auto;padding:12px 16px;gap:8px;background:var(--frosted-bg);backdrop-filter:var(--frosted-blur);-webkit-backdrop-filter:var(--frosted-blur);border-bottom:none;box-shadow:0 2px 8px #0000000a;-webkit-overflow-scrolling:touch}.analysis-panel.mobile-view .analysis-tabs::-webkit-scrollbar{display:none}.analysis-panel.mobile-view .analysis-tabs .tab{flex-shrink:0;padding:10px 18px;border:none;border-radius:var(--capsule-radius);background:var(--capsule-bg);font-size:13px;white-space:nowrap;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.analysis-panel.mobile-view .analysis-tabs .tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #4a90d94d}.analysis-panel.mobile-view .chapter-selector{padding:12px 16px;background:var(--mobile-card-bg);border-bottom:none;box-shadow:0 2px 8px #0000000a}.analysis-panel.mobile-view .chapter-selector select{width:100%;padding:12px 16px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:var(--mobile-page-bg);font-size:14px}.analysis-panel.mobile-view .analysis-content{flex:1;overflow-y:auto;padding-bottom:100px;background:var(--mobile-page-bg)}.analysis-panel.mobile-view .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.analysis-panel.mobile-view .stat-card{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:18px 14px;text-align:center;box-shadow:var(--mobile-card-shadow);border:none;position:relative;overflow:hidden}.analysis-panel.mobile-view .stat-card:nth-child(1){background:var(--gradient-blue)}.analysis-panel.mobile-view .stat-card:nth-child(1) .stat-value{color:var(--stat-blue)}.analysis-panel.mobile-view .stat-card:nth-child(2){background:var(--gradient-green)}.analysis-panel.mobile-view .stat-card:nth-child(2) .stat-value{color:var(--stat-green)}.analysis-panel.mobile-view .stat-card:nth-child(3){background:var(--gradient-orange)}.analysis-panel.mobile-view .stat-card:nth-child(3) .stat-value{color:var(--stat-orange)}.analysis-panel.mobile-view .stat-card:nth-child(4){background:var(--gradient-purple)}.analysis-panel.mobile-view .stat-card:nth-child(4) .stat-value{color:var(--stat-purple)}.analysis-panel.mobile-view .stat-icon{font-size:26px;margin-bottom:8px}.analysis-panel.mobile-view .stat-value{font-size:24px;font-weight:700}.analysis-panel.mobile-view .stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px;font-weight:500}.analysis-panel.mobile-view .chart-section{padding:16px}.analysis-panel.mobile-view .chart-section h3{font-size:15px;margin-bottom:12px;font-weight:600}.analysis-panel.mobile-view .bar-chart{display:flex;align-items:flex-end;height:120px;gap:4px;overflow-x:auto;background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:16px;box-shadow:var(--mobile-card-shadow)}.analysis-panel.mobile-view .bar-item{flex:1;min-width:20px;display:flex;flex-direction:column;align-items:center}.analysis-panel.mobile-view .bar-item .bar{width:100%;background:var(--gradient-primary);border-radius:4px 4px 0 0;min-height:4px}.analysis-panel.mobile-view .bar-item .bar-label{font-size:10px;color:var(--text-secondary);margin-top:4px}.analysis-panel.mobile-view .word-frequency-tab{padding:16px}.analysis-panel.mobile-view .diversity-score{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:16px;margin-bottom:16px;box-shadow:var(--mobile-card-shadow)}.analysis-panel.mobile-view .diversity-score h3{font-size:15px;font-weight:600;margin-bottom:12px}.analysis-panel.mobile-view .score-display{display:flex;align-items:center;gap:12px}.analysis-panel.mobile-view .score-value{font-size:28px;font-weight:700;color:var(--stat-green)}.analysis-panel.mobile-view .score-bar{flex:1;height:8px;background:var(--mobile-page-bg);border-radius:4px;overflow:hidden}.analysis-panel.mobile-view .score-fill{height:100%;background:var(--gradient-primary);border-radius:4px}.analysis-panel.mobile-view .word-cloud{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:16px;box-shadow:var(--mobile-card-shadow)}.analysis-panel.mobile-view .word-cloud h3{font-size:15px;font-weight:600;margin-bottom:12px}.analysis-panel.mobile-view .word-list{background:transparent;border-radius:0;padding:0}.analysis-panel.mobile-view .word-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06);gap:10px}.analysis-panel.mobile-view .word-item:last-child{border-bottom:none}.analysis-panel.mobile-view .word-rank{width:24px;height:24px;background:var(--mobile-page-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-secondary);font-weight:600}.analysis-panel.mobile-view .word-text{flex:1;font-size:14px;font-weight:500}.analysis-panel.mobile-view .word-count{font-size:12px;color:var(--text-secondary);min-width:40px;text-align:right}.analysis-panel.mobile-view .word-bar{width:60px;height:6px;background:var(--mobile-page-bg);border-radius:3px;overflow:hidden}.analysis-panel.mobile-view .word-bar-fill{height:100%;background:var(--gradient-primary);border-radius:3px}.analysis-panel.mobile-view .emotion-tab{padding:16px}.analysis-panel.mobile-view .emotion-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.analysis-panel.mobile-view .summary-item{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:16px;text-align:center;box-shadow:var(--mobile-card-shadow)}.analysis-panel.mobile-view .summary-item:first-child{background:var(--gradient-blue)}.analysis-panel.mobile-view .summary-item:last-child{background:var(--gradient-orange)}.analysis-panel.mobile-view .summary-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.analysis-panel.mobile-view .summary-value{font-size:18px;font-weight:700}.analysis-panel.mobile-view .emotion-chart{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:16px;margin-bottom:16px;box-shadow:var(--mobile-card-shadow)}.analysis-panel.mobile-view .emotion-chart h3{font-size:15px;font-weight:600;margin-bottom:12px}.analysis-panel.mobile-view .emotion-svg{width:100%;height:auto}.analysis-panel.mobile-view .emotion-distribution{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:16px;box-shadow:var(--mobile-card-shadow)}.analysis-panel.mobile-view .emotion-distribution h3{font-size:15px;font-weight:600;margin-bottom:12px}.analysis-panel.mobile-view .distribution-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.analysis-panel.mobile-view .dist-label{width:40px;font-size:13px;font-weight:500}.analysis-panel.mobile-view .dist-bar{flex:1;height:8px;background:var(--mobile-page-bg);border-radius:4px;overflow:hidden}.analysis-panel.mobile-view .dist-fill{height:100%;border-radius:4px}.analysis-panel.mobile-view .dist-count{width:30px;font-size:12px;color:var(--text-secondary);text-align:right}.analysis-panel.mobile-view .habits-tab{padding:16px}.analysis-panel.mobile-view .habits-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.analysis-panel.mobile-view .habits-stats .stat-card{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:16px;text-align:center;box-shadow:var(--mobile-card-shadow)}.analysis-panel.mobile-view .habits-stats .stat-card:nth-child(1){background:var(--gradient-blue)}.analysis-panel.mobile-view .habits-stats .stat-card:nth-child(1) .stat-value{color:var(--stat-blue)}.analysis-panel.mobile-view .habits-stats .stat-card:nth-child(2){background:var(--gradient-orange)}.analysis-panel.mobile-view .habits-stats .stat-card:nth-child(2) .stat-value{color:var(--stat-orange)}.analysis-panel.mobile-view .habits-stats .stat-card:nth-child(3){background:var(--gradient-green)}.analysis-panel.mobile-view .habits-stats .stat-card:nth-child(3) .stat-value{color:var(--stat-green)}.analysis-panel.mobile-view .habits-stats .stat-card:nth-child(4){background:var(--gradient-purple)}.analysis-panel.mobile-view .habits-stats .stat-card:nth-child(4) .stat-value{color:var(--stat-purple)}.analysis-panel.mobile-view .daily-chart{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:16px;margin-bottom:16px;box-shadow:var(--mobile-card-shadow)}.analysis-panel.mobile-view .daily-chart h3{font-size:15px;font-weight:600;margin-bottom:12px}.analysis-panel.mobile-view .bar-chart.horizontal{display:flex;flex-direction:column;gap:10px;height:auto;background:transparent;padding:0;box-shadow:none}.analysis-panel.mobile-view .bar-row{display:flex;align-items:center;gap:10px}.analysis-panel.mobile-view .bar-date{width:45px;font-size:12px;color:var(--text-secondary);font-weight:500}.analysis-panel.mobile-view .bar-container{flex:1;height:24px;background:var(--mobile-page-bg);border-radius:6px;overflow:hidden}.analysis-panel.mobile-view .bar-container .bar{height:100%;background:var(--gradient-primary);border-radius:6px}.analysis-panel.mobile-view .bar-value{width:55px;font-size:12px;color:var(--text-secondary);text-align:right;font-weight:500}.analysis-panel.mobile-view .writing-tips{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:16px;box-shadow:var(--mobile-card-shadow)}.analysis-panel.mobile-view .writing-tips h3{font-size:15px;font-weight:600;margin-bottom:12px}.analysis-panel.mobile-view .writing-tips ul{padding-left:0;list-style:none;margin:0}.analysis-panel.mobile-view .writing-tips li{font-size:13px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06);line-height:1.5}.analysis-panel.mobile-view .writing-tips li:last-child{border-bottom:none}}@media (max-width: 768px){.outline-editor.mobile-view{display:flex;flex-direction:column;height:100%;background:var(--mobile-page-bg)}.outline-editor.mobile-view .page-toolbar{display:none}.outline-editor.mobile-view .outline-tree{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 100px}.outline-editor.mobile-view .volume-card{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);margin-bottom:12px;box-shadow:var(--mobile-card-shadow);overflow:hidden;border:none}.outline-editor.mobile-view .volume-card-header{padding:16px;background:var(--gradient-primary);color:#fff}.outline-editor.mobile-view .volume-card-header .volume-title{font-size:16px;font-weight:600;margin-bottom:4px}.outline-editor.mobile-view .volume-card-header .volume-info{font-size:12px;opacity:.9}.outline-editor.mobile-view .volume-card-body{padding:12px 16px}.outline-editor.mobile-view .volume-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.outline-editor.mobile-view .volume-actions{display:flex;gap:8px}.outline-editor.mobile-view .volume-actions .btn{flex:1;padding:10px;font-size:13px;border-radius:8px;font-weight:500}.outline-editor.mobile-view .mobile-card{background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);padding:14px;box-shadow:var(--mobile-card-shadow);border:none;margin-bottom:10px;transition:transform .2s ease}.outline-editor.mobile-view .mobile-card:active{transform:scale(.98)}.outline-editor.mobile-view .mobile-card .card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.outline-editor.mobile-view .mobile-card .card-icon{font-size:18px}.outline-editor.mobile-view .mobile-card .card-type{font-size:11px;padding:3px 8px;background:var(--mobile-page-bg);border-radius:10px;color:var(--text-secondary);font-weight:500}.outline-editor.mobile-view .mobile-card .card-title{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color);margin-bottom:6px}.outline-editor.mobile-view .mobile-card .card-desc{font-size:13px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;line-height:1.5}.outline-editor.mobile-view .mobile-card .card-actions{display:flex;gap:8px}.outline-editor.mobile-view .mobile-card .card-btn{flex:1;padding:10px 0;border:none;border-radius:8px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;font-weight:500;transition:opacity .2s ease}.outline-editor.mobile-view .mobile-card .card-btn:active{opacity:.8}.outline-editor.mobile-view .mobile-card .card-btn.ai{background:var(--gradient-primary);color:#fff}.outline-editor.mobile-view .mobile-card .card-btn.edit{background:var(--mobile-page-bg);color:var(--text-color)}.outline-editor.mobile-view .mobile-card .card-btn.delete{background:#fee2e2;color:#dc2626}.outline-editor.mobile-view .mobile-card .card-btn:disabled{opacity:.6;cursor:not-allowed}.outline-editor.mobile-view .sync-badge{font-size:11px;padding:3px 8px;border-radius:10px;font-weight:500}.outline-editor.mobile-view .sync-badge.synced{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.outline-editor.mobile-view .sync-badge.pending{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.outline-editor.mobile-view .mobile-list-item{display:flex;align-items:center;padding:14px 16px;margin-bottom:8px;background:var(--mobile-card-bg);border-radius:var(--mobile-card-radius);box-shadow:var(--mobile-card-shadow);gap:12px;border:none}.outline-editor.mobile-view .mobile-list-item .item-icon{font-size:20px;flex-shrink:0}.outline-editor.mobile-view .mobile-list-item .item-content{flex:1;min-width:0}.outline-editor.mobile-view .mobile-list-item .item-title{font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color)}.outline-editor.mobile-view .mobile-list-item .item-subtitle{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-editor.mobile-view .mobile-list-item .item-btn{padding:8px 14px;border:none;border-radius:8px;font-size:12px;cursor:pointer;font-weight:500}.outline-editor.mobile-view .modal-overlay{padding:16px}.outline-editor.mobile-view .modal{max-width:100%;width:100%;max-height:85vh;overflow-y:auto;border-radius:var(--mobile-card-radius);box-shadow:0 8px 32px #00000026}.outline-editor.mobile-view .modal h2{font-size:18px;font-weight:600;margin-bottom:16px}.outline-editor.mobile-view .modal label{font-size:14px;font-weight:500}.outline-editor.mobile-view .modal input[type=number],.outline-editor.mobile-view .modal input[type=text],.outline-editor.mobile-view .modal textarea{width:100%;padding:12px 14px;font-size:15px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:var(--mobile-page-bg)}.outline-editor.mobile-view .modal input:focus,.outline-editor.mobile-view .modal textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90d91a}.outline-editor.mobile-view .modal .form-actions{display:flex;gap:12px;margin-top:20px}.outline-editor.mobile-view .modal .form-actions .btn{flex:1;padding:14px;font-size:14px;font-weight:600;border-radius:10px}.outline-editor.mobile-view .modal .form-actions .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 12px #4a90d94d}}.btn-success{background:#52c41a!important;color:#fff!important;border-color:#52c41a!important}@media (max-width: 768px){.editor-toolbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.editor-toolbar .toolbar-left{flex:1;min-width:0;overflow:hidden}.editor-toolbar .toolbar-right{display:flex;gap:6px;flex-wrap:wrap}.editor-toolbar .toolbar-right .btn{padding:6px 10px;font-size:13px}.editor-toolbar .toolbar-right .btn-success{animation:copySuccess .3s ease}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}}: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);height:100vh;background:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s;position:sticky;top:0}.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;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px}.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-secondary{background:#fff;border-color:var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background:#4a90d91a}.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}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.filter-tab{padding:6px 12px;border:1px solid #d9d9d9;border-radius:16px;background:#fff;color:#666;cursor:pointer;font-size:13px;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.filter-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.action-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.action-bar .search-input{flex:1;min-width:150px;max-width:250px}.action-bar .btn{flex-shrink:0}@media (max-width: 768px){.action-bar{width:100%}.action-bar .search-input{flex:1;max-width:none;min-width:0}.action-bar .btn{padding:8px 12px;font-size:13px}}.page-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.page-toolbar-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.page-toolbar{gap:10px;margin-bottom:12px}.page-toolbar-row{gap:6px}}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;display:flex;flex-direction:column;height:100%;overflow:hidden}.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;flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.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)}.project-card-v2{background:var(--card-bg);border-radius:16px;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 2px 8px #0000000f}.project-card-v2:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.project-card-v2:active{transform:translateY(-2px)}.project-card-banner{height:48px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;position:relative}.project-card-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.project-card-body{padding:16px}.project-card-header-v2{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px}.project-title-v2{font-size:17px;font-weight:600;line-height:1.3;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-genre-v2{font-size:12px;font-weight:600;flex-shrink:0}.project-synopsis-v2{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.project-stats{display:flex;gap:16px;margin-bottom:12px}.project-stat{display:flex;align-items:center;gap:4px;font-size:12px}.project-stat .stat-icon{font-size:14px}.project-stat .stat-value{font-weight:600;color:var(--text-color)}.project-stat .stat-label{color:var(--text-secondary)}.project-progress{height:4px;background:var(--bg-color);border-radius:2px;overflow:hidden;margin-bottom:14px}.project-progress-bar{height:100%;border-radius:2px;transition:width .3s ease}.project-card-footer-v2{display:flex;justify-content:space-between;align-items:center}.project-date-v2{font-size:12px;color:var(--text-secondary)}.project-actions-v2{display:flex;gap:4px}.project-action-btn{width:32px;height:32px;border:none;background:var(--bg-color);border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.project-action-btn:hover{background:var(--border-color)}.project-action-btn.delete:hover{background:#fee2e2}.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;overflow:hidden}.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;height:100%;display:flex;flex-direction:column;overflow:hidden}.outline-toolbar{display:flex;gap:12px;margin-bottom:20px;flex-shrink:0;flex-wrap:wrap}.outline-tree{background:var(--card-bg);border-radius:8px;padding:16px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.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-category{margin-bottom:16px}.genre-category-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;padding-left:4px}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.genre-btn{padding:10px 8px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);cursor:pointer;transition:all .2s;font-size:13px}.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;gap:12px}@media (max-width: 768px){.project-list-header{flex-direction:column;gap:12px;align-items:stretch;background:var(--card-bg);margin:-16px -16px 16px;padding:16px;border-radius:0 0 16px 16px;box-shadow:0 2px 8px #0000000f}.project-list-header .search-input{max-width:100%;height:44px;border-radius:12px;font-size:15px;padding:0 16px;background:var(--bg-color);border:none}.project-list-header .search-input:focus{background:var(--card-bg);border:2px solid var(--primary-color)}.project-list-header .btn-primary{height:44px;border-radius:12px;font-size:15px;font-weight:600;box-shadow:0 4px 12px #4a90d94d}}.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:6px 0 8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 10px #00000014}.mobile-nav-items{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 14px;border:none;background:none;cursor:pointer;color:var(--text-secondary);font-size:10px;min-width:60px;border-radius:12px;transition:all .2s ease}.mobile-nav-item:active{background:var(--bg-color);transform:scale(.95)}.mobile-nav-item.active{color:var(--primary-color)}.mobile-nav-item.active .nav-icon{transform:scale(1.1)}.mobile-nav-item .nav-icon{font-size:22px;transition:transform .2s ease}.mobile-nav-more{position:relative}.mobile-nav-dropdown{position:absolute;bottom:100%;right:-8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:8px;margin-bottom:12px;box-shadow:0 -4px 24px #00000026;min-width:180px;animation:slideUpFade .2s ease}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:none;background:none;cursor:pointer;color:var(--text-color);font-size:14px;width:100%;border-radius:10px;transition:all .15s ease}.mobile-nav-dropdown-item:hover{background:var(--bg-color)}.mobile-nav-dropdown-item:active{background:var(--border-color)}.mobile-nav-dropdown-item.active{color:var(--primary-color);background:#4a90d91a}.mobile-nav-dropdown-item .nav-icon{font-size:18px}.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;box-shadow:0 2px 8px #0000000f}.mobile-header-title{font-size:17px;font-weight:600;color:var(--text-color)}.mobile-header-action{background:none;border:none;cursor:pointer;padding:8px;font-size:20px}.mobile-only{display:none}.desktop-only{display:block}@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:16px;margin-top:16px}.project-card{padding:16px}.project-card-v2{border-radius:14px}.project-card-banner{height:40px}.project-card-icon{font-size:24px}.project-card-body{padding:14px}.project-title-v2{font-size:16px}.project-synopsis-v2{font-size:12px;min-height:36px;margin-bottom:12px}.project-stats{gap:12px;margin-bottom:10px}.project-stat{font-size:11px}.project-progress{margin-bottom:12px}.project-action-btn{width:36px;height:36px;font-size: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);min-height:0;overflow:hidden}.editor-toolbar{flex-direction:column;gap:8px;padding:10px 12px;flex-shrink:0}.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:0 0 auto;min-width:auto;font-size:12px;padding:8px 12px;white-space:nowrap}.editor-container{flex-direction:column;flex:1;min-height:0;overflow:hidden}.editor-main{flex:1;min-height:0;overflow:hidden;padding:0}.ai-panel{width:100%;border-left:none;border-top:1px solid var(--border-color);max-height:40vh;overflow-y:auto;flex-shrink:0}.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:0 0 auto;min-width:auto;padding:8px 12px;font-size:13px;white-space:nowrap}.outline-editor,.outline-tree{padding:12px}.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)}.panel-toolbar-mobile{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary, #f5f5f5);border-bottom:1px solid var(--border-color, #e0e0e0);margin:-16px -16px 12px}.panel-toolbar-mobile select{padding:4px 8px;font-size:11px;border-radius:6px;border:1px solid var(--border-color, #d9d9d9);background:var(--bg-primary, #fff);min-width:80px;max-width:120px}.panel-toolbar-mobile .filter-tabs,.panel-toolbar-mobile .action-bar{display:inline-flex;gap:4px;margin:0}.panel-toolbar-mobile .filter-tab{padding:3px 6px;font-size:10px;border-radius:10px;min-height:auto}.panel-toolbar-mobile .btn{padding:3px 8px;font-size:10px;min-height:24px}.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;display:inline-flex;align-items:center;justify-content:center}.btn-sm{min-height:36px;white-space:nowrap}.toolbar-right .btn{min-height:36px;padding:8px 12px;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}