.novel-root{--n-bg: #0d0f14;--n-panel: #14171f;--n-card: #161a24;--n-border: #2a3040;--n-border-light: #3a4255;--n-cyan: #00d2ff;--n-text: #e8eaef;--n-muted: #8b93a7;--n-danger: #ff5c6a;--n-success: #3dd68c;--n-input: #0f1219;min-height:calc(100vh - 64px);background:var(--n-bg);color:var(--n-text);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.novel-root *{box-sizing:border-box}.novel-root ::-webkit-scrollbar{width:8px;height:8px}.novel-root ::-webkit-scrollbar-track{background:transparent}.novel-root ::-webkit-scrollbar-thumb{background:var(--n-border);border-radius:4px}@keyframes novel-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes novel-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes novel-spin{to{transform:rotate(360deg)}}.novel-fade{animation:novel-fade-in .3s ease-out}.novel-pulse{animation:novel-pulse 1.4s ease-in-out infinite}.novel-spin{animation:novel-spin .9s linear infinite}.novel-container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}@media(min-width:1280px){.novel-container{max-width:1360px}}.novel-btn-gradient{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.65rem 1.35rem;border-radius:.65rem;border:none;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#7b61ff,#00d2ff);box-shadow:0 4px 18px #00d2ff2e;transition:filter .15s}.novel-btn-gradient:hover{filter:brightness(1.08)}.novel-btn-gradient:disabled{opacity:.45;cursor:not-allowed;filter:none}.novel-btn-gradient.sm{padding:.4rem .9rem;font-size:.875rem}.novel-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem 1rem;border-radius:.5rem;background:transparent;color:var(--n-text);font-size:.875rem;border:1px solid #5a6478;cursor:pointer}.novel-btn-outline:hover{border-color:var(--n-muted);background:#ffffff0a}.novel-btn-outline:disabled{opacity:.4;cursor:not-allowed}.novel-btn-outline.sm{padding:.25rem .65rem;font-size:.75rem}.novel-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem 1rem;border-radius:.5rem;background:transparent;color:var(--n-danger);font-size:.875rem;border:1px solid rgba(255,92,106,.65);cursor:pointer}.novel-btn-danger:hover{background:#ff5c6a14}.novel-btn-danger.sm{padding:.25rem .65rem;font-size:.75rem}.novel-btn-danger.solid{background:var(--n-danger);color:#fff;border-color:var(--n-danger)}.novel-field{width:100%;padding:.65rem .875rem;border-radius:.5rem;border:1px solid var(--n-border);background:var(--n-input);font-size:.9375rem;color:var(--n-text);outline:none;resize:vertical;font-family:inherit}.novel-field::placeholder{color:#5a6478}.novel-field:focus{border-color:var(--n-cyan);box-shadow:0 0 0 3px #00d2ff1f}.novel-field option{background:var(--n-panel);color:var(--n-text)}.novel-field.sm{padding:.4rem .7rem}.novel-field.compact{padding:.4rem .7rem;font-size:.875rem}.novel-chip{padding:.35rem .75rem;border-radius:999px;font-size:.8125rem;border:1px solid var(--n-border);color:var(--n-muted);background:var(--n-input);cursor:pointer}.novel-chip:hover{border-color:#00d2ff88;color:var(--n-text)}.novel-chip.active{border-color:transparent;color:#fff;background:linear-gradient(135deg,#7b61ff,#00d2ff)}.novel-label{display:block}.novel-label>span{display:block;font-size:.875rem;font-weight:500;color:var(--n-muted);margin-bottom:.375rem}.novel-main{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 0 2rem;min-height:calc(100vh - 64px)}.novel-hero{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.novel-hero{flex-direction:row;align-items:flex-start;justify-content:space-between}}.novel-hero h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 .5rem}@media(min-width:768px){.novel-hero h1{font-size:32px}}.novel-hero p{margin:0;font-size:.875rem;color:var(--n-muted);line-height:1.625;max-width:42rem}.novel-grid{flex:1;display:grid;grid-template-columns:1fr;gap:1rem;min-height:0}@media(min-width:1280px){.novel-grid{grid-template-columns:300px minmax(0,1fr)}}.novel-aside,.novel-work{display:flex;flex-direction:column;border-radius:1rem;border:1px solid var(--n-border);background:var(--n-card);overflow:hidden;min-height:240px}@media(min-width:1280px){.novel-aside{min-height:640px;max-height:none}.novel-work{min-height:640px}}@media(max-width:1279px){.novel-aside{max-height:420px}}.novel-aside-head,.novel-work-head{padding:.75rem 1rem;border-bottom:1px solid var(--n-border);flex-shrink:0}.novel-aside-head h2{margin:0;font-size:.875rem;font-weight:600;color:#fff}.novel-aside-head p{margin:.125rem 0 0;font-size:11px;color:var(--n-muted)}.novel-doc-list{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.novel-doc-card{border-radius:.75rem;border:1px solid var(--n-border);background:var(--n-input);padding:.75rem;transition:border-color .15s}.novel-doc-card:hover{border-color:var(--n-border-light)}.novel-doc-card.selected{border-color:#00d2ff80;background:#12353f66}.novel-doc-card .title{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novel-doc-card .meta{margin:0;font-size:11px;color:var(--n-muted)}.novel-doc-card .actions{display:flex;gap:.5rem;margin-top:.625rem}.novel-doc-card .actions button{flex:1}.novel-doc-card .actions .novel-btn-danger{flex:0}.novel-empty{text-align:center;padding:2.5rem .75rem;color:var(--n-muted);font-size:.875rem}.novel-empty-work{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;text-align:center}.novel-empty-work .icon-box{width:3.5rem;height:3.5rem;border-radius:1rem;background:#ffffff0d;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--n-muted)}.novel-empty-work h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#fff}.novel-empty-work p{margin:0 0 1.5rem;font-size:.875rem;color:var(--n-muted);max-width:24rem;line-height:1.625}.novel-work-head{display:flex;flex-direction:column;gap:.5rem}@media(min-width:640px){.novel-work-head{flex-direction:row;align-items:center;justify-content:space-between}}.novel-work-head .eyebrow{margin:0 0 .125rem;font-size:11px;color:var(--n-muted)}.novel-work-head h2{margin:0;font-size:1.125rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:28rem}.novel-work-head .right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.novel-pricing-inline{margin:0;font-size:11px;color:var(--n-muted);text-align:right;line-height:1.35;max-width:20rem}@media(max-width:1023px){.novel-pricing-inline{display:none}}.novel-save-wrap{position:relative}.novel-dirty-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--n-danger)}.novel-work-body{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}@media(min-width:1024px){.novel-work-body{flex-direction:row}}.novel-steps{display:none;width:200px;flex-shrink:0;flex-direction:column;border-right:1px solid var(--n-border);background:var(--n-input);padding:1.25rem .625rem}@media(min-width:1024px){.novel-steps{display:flex}}.novel-steps .label{padding:0 .75rem;margin-bottom:.75rem;font-size:.75rem;font-weight:500;color:var(--n-muted)}.novel-steps nav{display:flex;flex-direction:column;gap:2px}.novel-step-btn{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:.5rem;border:none;background:transparent;text-align:left;font-size:13px;cursor:pointer;color:var(--n-muted);width:100%}.novel-step-btn:hover:not(:disabled){background:#ffffff08;color:var(--n-text)}.novel-step-btn.active{background:#12353f;color:#fff}.novel-step-btn.done{color:var(--n-success)}.novel-step-btn:disabled{color:#8b93a759;cursor:not-allowed}.novel-step-num{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:600;flex-shrink:0;border:1px solid var(--n-border);color:#8b93a780}.novel-step-btn.active .novel-step-num{border-color:var(--n-cyan);color:var(--n-cyan)}.novel-step-btn.done .novel-step-num{border-color:transparent;color:var(--n-success)}.novel-steps-mobile{display:flex;gap:.25rem;padding:.5rem .75rem;border-bottom:1px solid var(--n-border);background:var(--n-input);overflow-x:auto}@media(min-width:1024px){.novel-steps-mobile{display:none}}.novel-steps-mobile button{padding:.375rem .75rem;border-radius:.375rem;border:none;background:#ffffff0d;color:var(--n-muted);font-size:.75rem;white-space:nowrap;cursor:pointer}.novel-steps-mobile button.active{background:#12353f;color:var(--n-cyan)}.novel-steps-mobile button.done{color:var(--n-success);background:transparent}.novel-steps-mobile button:disabled{color:#8b93a766;cursor:not-allowed}.novel-pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.novel-step-scroll{flex:1;overflow-y:auto;padding:1.5rem}@media(min-width:768px){.novel-step-scroll{padding:2rem}}.novel-step-scroll h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:700;color:#fff}@media(min-width:768px){.novel-step-scroll h2{font-size:1.5rem}}.novel-step-scroll .desc{margin:0 0 1.25rem;font-size:.875rem;color:var(--n-muted)}.novel-form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:56rem}@media(min-width:768px){.novel-form-grid{grid-template-columns:1fr 1fr}}.novel-form-grid .span-2{grid-column:1 / -1}.novel-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.novel-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;align-items:center}.novel-actions .hint{font-size:.75rem;color:var(--n-muted)}.novel-textarea-lg{min-height:360px;line-height:1.625;font-size:15px;max-width:56rem}.novel-chapter-list{display:flex;flex-direction:column;gap:.75rem;max-width:56rem}.novel-chapter-row{border-radius:.75rem;border:1px solid var(--n-border);background:#10131a;padding:1rem;display:grid;grid-template-columns:1fr;gap:.75rem;align-items:start}@media(min-width:768px){.novel-chapter-row{grid-template-columns:auto 1fr auto}}.novel-chapter-row .idx{font-size:.875rem;font-weight:500;color:var(--n-muted);width:2rem;padding-top:.5rem}.novel-body-card{border-radius:.75rem;border:1px solid var(--n-border);background:var(--n-input);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.novel-body-card .row-top{display:flex;align-items:center;gap:.625rem}.novel-body-card .dot{width:10px;height:10px;border-radius:50%;background:var(--n-border-light);flex-shrink:0}.novel-body-card .dot.done{background:var(--n-success)}.novel-body-card h3{margin:0;flex:1;font-size:.875rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.novel-body-card .status{font-size:11px;color:var(--n-muted)}.novel-synopsis-box{font-size:.75rem;color:var(--n-muted);background:var(--n-bg);border-radius:.5rem;padding:.625rem .75rem;line-height:1.625}.novel-footer{flex-shrink:0;padding-top:.5rem;border-top:1px solid var(--n-border);text-align:center;font-size:.75rem;color:var(--n-muted)}.novel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d0f14cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.novel-spinner{width:40px;height:40px;border:2px solid var(--n-border);border-top-color:var(--n-cyan);border-radius:50%;margin-bottom:1rem}.novel-overlay .tip{font-size:.875rem;color:var(--n-cyan)}.novel-overlay .sub{font-size:.75rem;color:var(--n-muted);margin-top:.5rem}.novel-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:50;pointer-events:none;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;box-shadow:0 20px 25px -5px #0000004d;white-space:nowrap}.novel-toast.info{background:#1a2030;color:var(--n-cyan);border:1px solid rgba(0,210,255,.3)}.novel-toast.success{background:var(--n-success);color:var(--n-bg)}.novel-toast.error{background:var(--n-danger);color:#fff}.novel-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b3;padding:1rem}.novel-modal{width:100%;max-width:28rem;border-radius:1rem;border:1px solid var(--n-border);background:var(--n-panel);padding:1.5rem;box-shadow:0 25px 50px -12px #0006}.novel-modal h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#fff}.novel-modal p{margin:0 0 1.5rem;font-size:.875rem;color:var(--n-muted);line-height:1.625;white-space:pre-wrap}.novel-modal .btns{display:flex;justify-content:flex-end;gap:.75rem}.novel-error{color:var(--n-danger);font-size:.875rem;margin:0 0 .75rem}.novel-ok-text{color:var(--n-success);font-size:.875rem;margin-left:.5rem}:root{--bg: #0a0a0f;--bg-card: #12121a;--bg-elevated: #1a1a26;--text: #f0f0f5;--text-muted: #9898a8;--primary: #6366f1;--primary-light: #818cf8;--accent: #22d3ee;--success: #34d399;--danger: #f87171;--border: #2a2a3a;--gradient: linear-gradient(135deg, #6366f1 0%, #22d3ee 100%);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text);background:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{max-width:1100px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;border:none;cursor:pointer;font-weight:600;transition:transform .15s,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--gradient);color:#fff}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.error-msg{color:var(--danger);font-size:14px;margin-top:8px}.success-msg{color:var(--success);font-size:14px;margin-top:8px}