.book-edit-page .head-actions{display:flex;gap:10px;flex-wrap:wrap}.file-btn,.ghost{border:1px solid var(--line);background:#ffffff0a;color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer;font:inherit}.meta-form{margin-bottom:16px}.editor-grid{display:grid;grid-template-columns:220px 1fr 1fr;gap:14px;min-height:70vh;align-items:stretch}.editor-grid.full{grid-template-columns:1fr 1fr}.chapter-rail{border:1px solid var(--line);border-radius:16px;background:#0000002e;overflow:hidden;display:flex;flex-direction:column}.rail-title{padding:14px 16px;border-bottom:1px solid var(--line);font-family:var(--font-display)}.rail-list{overflow:auto;max-height:68vh;padding:8px;display:flex;flex-direction:column;gap:6px}.rail-item{text-align:left;border:none;background:transparent;color:var(--muted);border-radius:10px;padding:10px;cursor:pointer;display:grid;grid-template-columns:28px 1fr;gap:8px;font:inherit}.rail-item em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-item.active,.rail-item:hover{background:#5ec4781f;color:var(--text)}.editor-pane,.preview-pane{border:1px solid var(--line);border-radius:16px;background:#0000002e;display:flex;flex-direction:column;min-height:70vh;overflow:hidden}.pane-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.md-editor{flex:1;width:100%;border:none;resize:none;background:transparent;color:var(--text);padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;outline:none}.md-preview{flex:1;overflow:auto;padding:16px 18px 28px;color:#d7ebdd;line-height:1.75;font-size:14px}.md-preview h1,.md-preview h2,.md-preview h3{font-family:var(--font-display);color:#f2fff7;margin:16px 0 8px}.md-preview img{display:block;width:80%;max-width:80%;height:auto;margin:12px auto;border-radius:10px;object-fit:contain}.md-preview blockquote{margin:10px 0;padding:8px 12px;border-left:3px solid #6fcf8f;background:#5aaa781f;color:#b7d8c2}.md-preview code{background:#ffffff14;padding:1px 6px;border-radius:4px}.md-preview a{color:#8fd4a8}@media (max-width: 1100px){.editor-grid,.editor-grid.full{grid-template-columns:1fr}.rail-list{max-height:240px}.editor-pane,.preview-pane{min-height:420px}}.offer-board{margin-bottom:18px;padding:16px;border-radius:16px;border:1px solid var(--line);background:#0003}.monetize-panel{margin-bottom:22px;padding:18px;border-radius:18px;border:1px solid rgba(167,139,250,.22);background:radial-gradient(520px 180px at 0% 0%,rgba(244,114,182,.12),transparent 60%),#00000038}.monetize-head{display:flex;justify-content:space-between;gap:18px;align-items:stretch;flex-wrap:wrap;margin-bottom:16px}.monetize-title{margin:0 0 6px;font-family:var(--font-display);font-size:22px}.live-preview{min-width:220px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0c0b128c;display:flex;flex-direction:column;gap:8px;align-items:stretch}.live-preview-label{font-size:12px;color:var(--muted);letter-spacing:.04em}.live-btn{height:44px;border-radius:999px;display:grid;place-items:center;font-weight:700;font-size:15px;color:#3b0764;background:linear-gradient(135deg,#fff,#fce7f3);box-shadow:0 10px 24px #00000040}.live-btn.free{color:#062012;background:linear-gradient(135deg,#bbf7d0,#6ee7b7)}.live-preview-sub{font-size:12px;color:#c4b5d8}.offer-board-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.offer-status{padding:8px 12px;border-radius:999px;font-size:13px;font-weight:600}.offer-status.free{background:#6ee7b729;color:#6ee7b7}.offer-status.paid{background:#f472b624;color:#f9a8d4}.offer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.offer-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.offer-card{position:relative;border:1px solid var(--line);background:#ffffff08;color:var(--text);border-radius:14px;padding:12px 10px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;font:inherit;transition:border-color .15s ease,transform .15s ease,background .15s ease}.offer-card:hover{border-color:#f472b673;transform:translateY(-1px)}.offer-card.active{border-color:#f472b6;box-shadow:0 0 0 1px #f472b659;background:#f472b614}.offer-card.is-free.active{border-color:#6ee7b7;box-shadow:0 0 0 1px #6ee7b759;background:#6ee7b714}.offer-img{width:64px;height:64px;border-radius:14px;object-fit:cover;display:block}.offer-free-badge{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1f2937,#111827);color:#a7f3d0;font-weight:800;letter-spacing:1px;font-size:13px}.offer-card strong{font-size:14px}.offer-card .offer-id{font-size:11px;color:var(--muted);word-break:break-all;text-align:center;line-height:1.3}.offer-card em{font-style:normal;font-size:15px;font-weight:700;color:#fce7f3}.offer-remark{font-style:normal;font-size:10px;color:#8b7fa3;text-align:center;line-height:1.3}.offer-on{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;background:#f472b6e6;color:#fff}.offer-card.is-free .offer-on{background:#10b981e6}.unlock-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}.monetize-unlock{margin-top:16px;margin-bottom:0;padding-top:14px;border-top:1px dashed rgba(255,255,255,.1)}.price-box input{width:100%}.mono-box{display:grid;gap:12px;padding:12px 14px;border-radius:14px;background:#00000047;border:1px solid var(--line)}.mono-box label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.mono-box code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:#f3eefc}.yuan{margin:6px 0 12px;color:var(--muted);font-size:13px}.hint{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.free-hint{margin-bottom:14px}.free-banner{margin-top:14px;padding:12px 14px;border-radius:12px;background:#6ee7b71a;border:1px solid rgba(110,231,183,.28);color:#a7f3d0;font-size:13px}@media (max-width: 1200px){.offer-grid,.offer-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.offer-grid,.offer-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.unlock-hero{grid-template-columns:1fr}}:root{--bg: #0e1512;--panel: #152019;--line: rgba(150, 210, 170, .16);--text: #e7f3ea;--muted: #8fad99;--accent: #5ec478;--accent-2: #d7b35a;--danger: #e07060;--font-display: "Syne", sans-serif;--font-body: "IBM Plex Sans", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(900px 500px at 0% 0%,rgba(70,150,100,.22),transparent 55%),radial-gradient(700px 400px at 100% 0%,rgba(180,150,60,.12),transparent 50%),var(--bg)}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;gap:24px;background:#0a120eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{display:flex;gap:12px;align-items:center}.logo-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#3f9d68,#7be0a4);color:#062012;font-family:var(--font-display);font-weight:800}.logo-title{font-family:var(--font-display);font-size:20px}.logo-sub{color:var(--muted);font-size:12px}.nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav a{padding:12px 14px;border-radius:12px;color:var(--muted)}.nav a.active,.nav a:hover{background:#5ec4781f;color:var(--text)}.ghost-btn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:12px;padding:10px 12px;cursor:pointer}.main{padding:32px 36px 60px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.page-head h1{margin:0 0 6px;font-family:var(--font-display);font-size:32px}.page-head p{margin:0;color:var(--muted)}.primary-link{background:linear-gradient(135deg,#3f9d68,#67d094);color:#062012!important;padding:12px 16px;border-radius:12px;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.stat-emoji{font-size:22px}.stat-value{font-size:28px;font-family:var(--font-display);margin-top:8px}.stat-label{color:var(--muted);margin-top:4px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}.panel h2,.panel h3{font-family:var(--font-display);margin-top:0}.quick{display:flex;flex-wrap:wrap;gap:12px}.quick a{padding:12px 16px;border-radius:12px;background:#ffffff0a;border:1px solid var(--line)}.login-page{min-height:100vh;display:grid;place-items:center;position:relative}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 30% 20%,rgba(94,196,120,.25),transparent),radial-gradient(500px 280px at 70% 70%,rgba(215,179,90,.15),transparent)}.login-card{position:relative;width:min(420px,92vw);background:#121e18eb;border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px}.login-card h1{font-family:var(--font-display);margin:0}.login-card p{margin:0;color:var(--muted);font-size:14px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}input,textarea,button{font:inherit}input,textarea{border-radius:12px;border:1px solid var(--line);background:#00000040;color:var(--text);padding:12px 14px}button{border:none;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,#3f9d68,#67d094);color:#062012;font-weight:700;cursor:pointer}.error{color:#ffb4a8;font-size:13px}.banner{padding:12px 14px;border-radius:12px;background:#5ec4781f;border:1px solid rgba(94,196,120,.3)}.form{display:flex;flex-direction:column;gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.unlock-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;padding:16px;border-radius:16px;background:#0003}.unlock-row{display:flex;align-items:center;gap:12px}.unlock-row input[type=range]{flex:1}.bar-preview{position:relative;height:12px;border-radius:999px;background:#ffffff14;margin-top:14px}.bar-preview-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3f9d68,#7be0a4)}.bar-preview span{position:absolute;top:-18px;transform:translate(-50%)}.hint{color:var(--muted);font-size:13px}.price-box{display:flex;flex-direction:column;gap:8px}.yuan{color:var(--accent-2);font-weight:600}.chapter-editor{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.badge{flex-shrink:0;font-size:12px;padding:4px 10px;border-radius:999px}.badge.ok{background:#5ec4782e;color:#9ee0b4}.badge.bad{background:#dc503c2e;color:#ffb4a8}.badge.manual{background:#d7b35a2e;color:#f0d78a}.fee-note{margin-top:20px;color:var(--muted)}.fee-note ul{padding-left:18px}.guide-ol{color:var(--muted);line-height:1.7;padding-left:22px}.guide-ol code{color:var(--accent-2);background:#00000040;padding:2px 8px;border-radius:6px}@media (max-width: 960px){.shell{grid-template-columns:1fr}.side{border-right:none;border-bottom:1px solid var(--line)}.stat-grid,.unlock-hero,.grid-2{grid-template-columns:1fr}}