:root{--ink:#0a1d20;--paper:#eef3f0;--teal:#0b9d7b;--mint:#6ee7bd;--line:#d6e0dc;--muted:#667775;--white:#fff;--danger:#a33}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,#071316 0,#0c2d31 58%,#edf2ef 58%)}
.login-brand{padding:9vw 7vw;color:#fff}.login-brand small{color:var(--mint);letter-spacing:.16em}.login-brand h1{max-width:650px;margin:26px 0 18px;font-size:48px;line-height:1.12}.login-brand p{max-width:560px;color:#a8bfba;line-height:1.8}
.login-card{width:min(420px,80%);margin:auto;padding:38px;background:#fff;box-shadow:0 24px 80px #0018}.login-card h2{margin:0 0 8px}.login-card>p{margin:0 0 28px;color:var(--muted)}
.portal-link{display:inline-flex;align-items:center;margin-top:22px;color:var(--teal);font-size:13px;text-decoration:none}.portal-link:hover{text-decoration:underline}.portal-link-inverse{color:var(--mint)}.login-portal-link{width:100%;justify-content:center;margin-top:18px;color:var(--muted)}
label{display:block;margin:16px 0 7px;font-size:14px;font-weight:650}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:6px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{min-height:92px;resize:vertical;line-height:1.55}
.primary,.ghost{border:0;border-radius:6px;padding:10px 16px;cursor:pointer}.primary{color:#fff;background:var(--teal)}.ghost{border:1px solid var(--line);background:#fff}.wide{width:100%;margin-top:22px}.error{min-height:22px;color:var(--danger);font-size:13px}
.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;color:#fff;background:#071719}.brand{padding:0 10px 26px;border-bottom:1px solid #ffffff18}.brand b{display:block;font-size:20px}.brand span{display:block;margin-top:8px;color:#86a39d;font-size:13px}.nav{margin-top:24px}.nav a,.nav button{display:block;width:100%;margin:6px 0;padding:12px;color:#b7cbc7;text-align:left;text-decoration:none;border:0;border-radius:6px;background:transparent;cursor:pointer}.nav a.active,.nav a:hover,.nav button.active,.nav button:hover{color:#fff;background:#103336}.sidebar-foot{position:absolute;left:20px;right:20px;bottom:22px}.sidebar-foot button{width:100%;color:#b7cbc7;border-color:#ffffff20;background:transparent}
.nav .portal-nav{margin-top:20px;border-top:1px solid #ffffff18;border-radius:0;padding-top:20px;color:var(--mint)}
.workspace{padding:28px 34px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.topbar h1{margin:0;font-size:26px}.top-actions{display:flex;gap:10px;align-items:center}.top-actions span{margin-right:12px;color:var(--muted);font-size:14px}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.stat{padding:18px;background:#fff;border:1px solid var(--line)}.stat small{color:var(--muted)}.stat b{display:block;margin-top:10px;font-size:28px}
.panel{background:#fff;border:1px solid var(--line)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:18px}.filters{display:flex;gap:10px}.filters input{width:240px}.filters select{width:180px}
.case-list{width:100%;border-collapse:collapse}.case-list th,.case-list td{padding:13px 12px;text-align:left;border-bottom:1px solid #edf1ef}.case-list th{color:var(--muted);font-size:13px}.case-list tr:hover td{background:#f7faf8}.case-list tr.dragging{opacity:.45}.case-list tr.disabled-page td{opacity:.55}.case-list button{padding:6px 9px}.case-list td small{display:block;margin-top:5px;color:var(--muted);max-width:340px}.drag-cell{width:34px;color:#8aa09b;cursor:grab}.row-actions{white-space:nowrap}.icon-btn,.icon-link{display:inline-block;padding:6px 9px!important;text-decoration:none;color:var(--ink)}.danger{color:var(--danger);border-color:#ead1d1}.template-badge,.status-badge{display:inline-block;padding:5px 8px;border-radius:4px;font-size:12px;background:#edf3f1}.status-enabled{color:#08765f;background:#e5f5ef}.status-disabled{color:#7b6666;background:#f3eded}.template-dark{color:#fff;background:#173337}.template-overview{color:#08765f;background:#e5f5ef}.template-scene{color:#327b88;background:#e8f5f7}.template-architecture{color:#526cae;background:#e9edfa}.template-case{color:#8b6b34;background:#f7f0e3}
.editor{display:none}.editor.open{display:block}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px}.editor-grid.nested{padding:0}.editor-grid .full{grid-column:1/-1}.block-card{padding:16px;border:1px solid var(--line);background:#f9fbfa}.block-card h3{margin:0;font-size:15px}.block-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.block-title-row .helper{margin:6px 0 0}.business-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.content-block{margin-top:12px;padding:14px;border:1px solid var(--line);background:#fff}.content-block header{display:grid;grid-template-columns:1fr 170px auto;gap:10px;align-items:center}.content-block header span{font-weight:650}.content-block textarea{min-height:76px}.helper{color:var(--muted);font-size:13px}.editor-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--line)}
.media-upload{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end}.notice{padding:12px 14px;color:#315451;background:#edf8f4;border-left:3px solid var(--teal);font-size:13px;line-height:1.6}.notice.compact{margin-top:14px}.button-link{display:inline-block;text-decoration:none}.chapter-list{padding:8px 20px 20px}.chapter-row{display:grid;grid-template-columns:46px 1fr 110px auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.chapter-order{color:var(--teal);font-weight:700}.chapter-count{color:var(--muted);font-size:13px}.chapter-actions{display:flex;gap:8px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full-panel{grid-column:1/-1}.settings-body{padding:20px}.settings-actions{display:flex;gap:10px;margin:16px 0}.settings-body>button{margin-top:14px}.audit-list{padding:4px 20px 18px}.audit-row{display:grid;grid-template-columns:180px 120px 150px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.audit-row time,.audit-row span{color:var(--muted)}
@media(max-width:900px){.login-shell{grid-template-columns:1fr;background:#071316}.login-brand{display:none}.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar-foot{position:static;margin-top:20px}.workspace{padding:20px}.stats{grid-template-columns:1fr 1fr}.panel{overflow:auto}.editor-grid{grid-template-columns:1fr}.editor-grid .full{grid-column:auto}.system-grid{grid-template-columns:1fr}.full-panel{grid-column:auto}.chapter-row{grid-template-columns:38px 1fr}.chapter-count,.chapter-actions{grid-column:2}.audit-row{grid-template-columns:1fr 1fr}.media-upload{grid-template-columns:1fr}}