:root{color:#182230;background:#f4f7fb;font-family:Microsoft YaHei,PingFang SC,Source Han Sans SC,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{color:#233044;cursor:pointer;background:#fff;border:1px solid #d7dee8;border-radius:8px;align-items:center;gap:.45rem;min-height:2.4rem;padding:.55rem .8rem;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}button:hover,a:hover{border-color:#1a73e8;box-shadow:0 8px 22px #1a73e81f}button:active,a:active{transform:translateY(1px)}input,textarea{color:#172033;background:#fff;border:1px solid #d3dbe7;border-radius:8px;width:100%;padding:.62rem .75rem}input:focus,textarea:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 0 3px #1a73e81f}input[readonly]{color:#5f6b7a;background:#f8fafc}textarea{resize:vertical;min-height:9rem}label{color:#465568;gap:.35rem;font-size:.86rem;display:grid}h1,h2,h3,p{margin:0}h1,h2,h3{color:#111827;letter-spacing:0}code{color:#334155;text-overflow:ellipsis;white-space:nowrap;background:#f1f5f9;border-radius:7px;padding:.45rem;overflow:hidden}.draft-page,.workspace-page{min-height:100vh}.draft-page{padding:1.25rem}.topbar,.workspace-header,.compile-header,.create-strip,.download-row,.editor-toolbar,.upload-strip,.reference-create,.row-actions{align-items:center;gap:.75rem;display:flex}.topbar{justify-content:space-between;margin-bottom:1rem}.eyebrow{color:#617084;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.topbar h1{color:#111827;font-size:clamp(1.5rem,2vw,2.1rem);line-height:1.2}.primary-button{color:#fff;background:linear-gradient(#0b78ff 0%,#0458d8 100%);border-color:#0868ec;box-shadow:0 10px 24px #0868ec38}.primary-button:hover{border-color:#0458d8;box-shadow:0 14px 28px #0868ec47}.danger-button{color:#c33535}.icon-button{aspect-ratio:1;justify-content:center;width:2.5rem;padding:0}.create-strip{background:#fff;border:1px solid #dce3ed;border-radius:8px;margin-bottom:1rem;padding:.75rem}.draft-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.85rem;display:grid}.draft-card{background:#fff;border:1px solid #dce3ed;border-radius:8px;gap:.85rem;padding:1rem;display:grid;box-shadow:0 16px 34px #0f172a0f}.draft-card h2{font-size:1.05rem}.draft-card p,.muted,.status-line{color:#667085}.status-pill,.save-state{color:#087443;background:#ecfdf5;border:1px solid #b7ead0;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .65rem;display:inline-flex}.save-state.failed,.error-text{color:#d92d20}.save-state.failed{background:#fff1f0;border-color:#ffc9c5}.save-state.saving{color:#0b5cc8;background:#eff6ff;border-color:#bfdbfe}.error-text{align-items:center;gap:.4rem;display:flex}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.topbar,.create-strip{flex-direction:column;align-items:stretch}}.workspace-page{background:linear-gradient(#ffffffeb,#f4f7fbf5),#f4f7fb}.workspace-header{z-index:10;background:#fffffff5;border-bottom:1px solid #dce3ed;grid-template-columns:18rem 1fr auto;min-height:4.25rem;padding:0 1.1rem 0 .85rem;display:grid;position:sticky;top:0;box-shadow:0 10px 30px #0f172a0d}.brand-block,.workspace-actions,.panel-title-row{align-items:center;display:flex}.brand-block{border-right:1px solid #e3e9f1;gap:.75rem;height:100%;padding-right:1rem}.brand-block h1{font-size:1.12rem;line-height:1.2}.brand-block span{color:#0b63ce;background:#eaf2ff;border-radius:999px;margin-top:.25rem;padding:.1rem .45rem;font-size:.75rem;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#0b78ff,#0458d8);border-radius:8px;place-items:center;width:2.15rem;height:2.15rem;display:grid}.back-button{background:#f8fbff;width:2.15rem;min-height:2.15rem}.workspace-title{align-self:center;padding-left:1.35rem;font-size:1.22rem}.workspace-actions{justify-content:flex-end;gap:.7rem}.workspace-grid{grid-template-columns:17.2rem minmax(34rem,1fr) minmax(22rem,31rem);gap:1rem;min-height:calc(100vh - 4.25rem);padding:.9rem 1rem 1rem;display:grid}.workspace-sidebar{grid-template-rows:1fr auto;gap:.8rem;min-width:0;display:grid}.module-nav,.workspace-center,.editor-section,.resource-manager,.storage-card,.compile-status-card,.preview-card,.log-card,.chapter-list,.chapter-editor{background:#fffffffa;border:1px solid #dce3ed;border-radius:8px;box-shadow:0 16px 34px #0f172a0f}.module-nav{align-content:start;gap:.55rem;padding:.75rem;display:grid}.module-nav button,.chapter-list button{justify-content:flex-start;width:100%}.module-nav button{color:#233044;border-color:#0000;min-height:3.35rem;padding:0 1rem;font-size:1rem;font-weight:700}.module-nav button.active{color:#fff;background:linear-gradient(#0b78ff 0%,#0458d8 100%);border-color:#0868ec;box-shadow:0 12px 24px #0868ec40}.workspace-center,.compile-panel{min-width:0}.workspace-center{align-content:start;gap:.85rem;display:grid}.editor-section{padding:1rem}.meta-section{padding:1rem 1.3rem 1.15rem}.meta-section:before{color:#111827;content:"基本信息";margin-bottom:.9rem;font-size:1.04rem;font-weight:800;display:block}.form-grid,.reference-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem 1rem;display:grid}.field-title{align-items:center;gap:.18rem;display:inline-flex}.field-title strong{color:#f04438}.stack{gap:.85rem;display:grid}.split-editors{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.asset-list,.reference-row{gap:.65rem;display:grid}.asset-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(8rem,12rem) auto auto;align-items:center;gap:.6rem;display:grid}.reference-create{grid-template-columns:6rem 10rem repeat(4,minmax(0,1fr)) auto;align-items:stretch;display:grid}.reference-row{border-top:1px solid #e3e9f1;padding-top:.75rem}.reference-actions{gap:.4rem;display:flex}.chapter-layout{grid-template-columns:minmax(15rem,18rem) minmax(0,1fr);gap:.85rem;display:grid}.chapter-list,.chapter-editor{gap:.65rem;padding:.85rem;display:grid}.chapter-list{align-content:start}.section-heading,.panel-title-row{justify-content:space-between}.section-heading{align-items:center;gap:.7rem;margin-bottom:.25rem;display:flex}.section-heading h2,.panel-title-row h2,.editor-heading h2{font-size:1.02rem}.small-primary-button{color:#0b63ce;background:#eef5ff;border-color:#bfdbfe;min-height:2rem;padding:.35rem .6rem;font-size:.85rem}.chapter-item{border-color:#dce3ed;min-height:2.55rem}.chapter-item.active{color:#0b63ce;background:#eef5ff;border-color:#69a6ff}.chapter-item svg{margin-left:auto}.chapter-index{color:#475569;background:#f1f5f9;border-radius:5px;place-items:center;width:1.25rem;height:1.25rem;font-size:.82rem;display:grid}.chapter-item.active .chapter-index{color:#0b63ce;background:#dbeafe}.chapter-editor{align-content:start;padding:0;overflow:hidden}.editor-heading{border-bottom:1px solid #e3e9f1;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.editor-tabs{background:#f6f8fb;border:1px solid #dce3ed;border-radius:8px;align-items:center;gap:0;padding:.2rem;display:flex}.editor-tabs span{color:#4b5b70;border-radius:6px;padding:.35rem .85rem;font-size:.86rem}.editor-tabs .active{color:#0b63ce;background:#eaf2ff;font-weight:700}.editor-toolbar{border-bottom:1px solid #e3e9f1;flex-wrap:wrap;gap:.2rem;padding:.55rem 1rem}.editor-toolbar button{border-color:#0000;width:2rem;min-height:2rem;padding:0}.toolbar-divider{background:#dce3ed;width:1px;height:1.3rem;margin:0 .25rem}.chapter-title-field{margin:.85rem 1rem 0}.editor-body{gap:.45rem;padding:.85rem 1rem 0}.markdown-field textarea{box-shadow:none;border:0;border-radius:0;min-height:22rem;padding:.25rem 0 1rem;font-family:Cascadia Code,Consolas,monospace;line-height:1.75}.markdown-field textarea:focus{box-shadow:none}.editor-footer{color:#667085;border-top:1px solid #e3e9f1;justify-content:flex-start;align-items:center;gap:1rem;padding:.65rem 1rem;font-size:.86rem;display:flex}.live-preview{color:#0b63ce;margin-left:auto}.resource-manager{padding:.95rem 1rem 1rem}.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:.85rem;display:grid}.resource-card{background:#fff;border:1px solid #dce3ed;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.9rem;display:flex}.resource-card>svg{border-radius:8px;flex:none;padding:.45rem}.resource-card.green>svg{color:#16a34a;background:#dcfce7}.resource-card.purple>svg{color:#7c3aed;background:#ede9fe}.resource-card.orange>svg{color:#ea580c;background:#ffedd5}.resource-card.blue>svg{color:#0b63ce;background:#dbeafe}.resource-card h3{color:#334155;font-size:.95rem}.resource-card strong{font-size:1.55rem;line-height:1.05;display:block}.resource-card p{color:#667085;font-size:.78rem}.resource-card button{color:#0b63ce;border:0;min-height:auto;padding:.45rem 0 0}.compile-panel{box-shadow:none;background:0 0;border:0;align-content:start;gap:.85rem;display:grid}.compile-status-card,.preview-card,.log-card,.storage-card{gap:.8rem;padding:.95rem;display:grid}.compile-pill{border-radius:999px;gap:.35rem;padding:.28rem .65rem;font-size:.83rem;display:inline-flex}.compile-pill.idle,.compile-pill.pending,.compile-pill.running{color:#0b63ce;background:#eef5ff}.compile-pill.succeeded{color:#16803c;background:#dcfce7}.compile-pill.failed{color:#d92d20;background:#fff1f0}.compile-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.compile-facts span{color:#4b5b70;align-items:center;gap:.35rem;min-width:0;display:flex}.pdf-preview,.empty-preview{background:#f8fafc;border:1px solid #d3dbe7;border-radius:8px;width:100%;height:18.7rem}.empty-preview{color:#7b8490;place-items:center;gap:.55rem;display:grid}.download-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.download-row a{justify-content:center}.compile-log{color:#1f2937;white-space:pre-wrap;background:#f8fafc;border:1px solid #dce3ed;border-radius:8px;max-height:11rem;margin:0;padding:.75rem;font-family:Cascadia Code,Consolas,monospace;font-size:.78rem;line-height:1.55;overflow:auto}.storage-card{gap:.65rem}.storage-card p{color:#667085;justify-content:space-between;display:flex}.storage-card strong{color:#465568;font-weight:500}.storage-bar{background:#e6ebf2;border-radius:999px;height:.45rem;overflow:hidden}.storage-bar span{background:linear-gradient(90deg,#0b78ff,#0458d8);height:100%;display:block}@media (width<=1320px){.workspace-grid{grid-template-columns:15.5rem minmax(0,1fr)}.compile-panel{grid-column:2}}@media (width<=1120px){.workspace-header{grid-template-columns:1fr;gap:.75rem;padding:.8rem 1rem;position:static}.brand-block{border-right:0;padding-right:0}.workspace-title{padding-left:0}.workspace-actions{flex-wrap:wrap;justify-content:flex-start}.workspace-grid{grid-template-columns:1fr}.compile-panel{grid-column:auto}.module-nav{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.workspace-sidebar{grid-template-rows:auto}.resource-grid,.compile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.workspace-grid{padding:.75rem}.workspace-actions{flex-direction:column;align-items:stretch}.form-grid,.split-editors,.chapter-layout,.asset-row,.reference-create,.reference-fields,.resource-grid,.compile-facts,.download-row{grid-template-columns:1fr}.editor-heading{flex-direction:column;align-items:stretch;gap:.6rem}}