@font-face{font-family:ChildFunSans;src:url(/assets/ChildFunSans-C622xq7X.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ChildFunSans;src:url(/assets/ChildFunSans-C622xq7X.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#f5f7fa;background:#0b0d10}*{box-sizing:border-box}body{margin:0;background:#0a0c10;color:#f5f7fa}.app-root{display:grid;grid-template-columns:480px minmax(1080px,1fr);height:100vh;overflow:hidden}.panel{border-right:1px solid #20242b;padding:20px;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:12px;background:#0d1015}.panel-title{display:flex;align-items:center;gap:10px;margin:0 0 10px}.panel-logo{width:24px;height:24px;display:block;flex:none}.panel-title h1{margin:0;font-size:24px}.panel-github{margin-left:auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #303949;border-radius:8px;color:#dce4f1;text-decoration:none;background:#131822;transition:.2s ease}.panel-github:hover{border-color:#45526a;background:#1a2230}.panel-github svg{width:16px;height:16px}.editor-toolbar{display:flex;flex-direction:column;gap:8px}.author-config{display:flex;align-items:center;gap:8px}.author-label{color:#bec7d6e0;font-size:12px;white-space:nowrap}.author-input{width:100%;min-width:0;border:1px solid #303949;background:#131822;color:#dce4f1;border-radius:8px;padding:7px 10px;font-size:12px;line-height:1.2;transition:.2s ease}.author-input::placeholder{color:#bec7d673}.author-input:focus{outline:none;border-color:#45526a;box-shadow:0 0 0 2px #49b98b2e}.toolbar-row{display:flex;gap:8px;flex-wrap:wrap}.tool-btn{border:1px solid #303949;background:#131822;color:#dce4f1;border-radius:8px;padding:6px 10px;font-size:12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:.2s ease}.tool-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.tool-btn:hover{border-color:#45526a;background:#1a2230}.tool-btn.active{border-color:#2f8f6a;background:#1d6f52;color:#eafff7}.color-input{width:34px;height:30px;border:1px solid #303949;border-radius:8px;background:#131822;padding:2px;cursor:pointer}.color-tool{display:inline-flex;align-items:center;gap:4px;border:1px solid #303949;border-radius:8px;background:#131822;padding:2px 4px;transition:.2s ease}.color-tool.active{border-color:#2f8f6a;background:#1d6f52}.color-btn{border:none;background:transparent;padding-right:6px}.color-btn:hover{border-color:transparent;background:transparent}.color-tool .color-input{width:30px;height:28px;border-color:#42506a;background:#0f1520}.locate-hint{margin:0;padding:2px 2px 0;color:#bec7d69e;font-size:11px;line-height:1.3}.editor-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.word-count{margin:0;color:#bec7d69e;font-size:11px;line-height:1.3;white-space:nowrap}.export-btn{border:1px solid #2f8f6a;background:#1d6f52;color:#eafff7;border-radius:10px;padding:10px 14px;font-size:14px;cursor:pointer;transition:.2s ease}.export-btn:hover:not(:disabled){background:#248460}.export-btn:disabled{opacity:.55;cursor:not-allowed}.editor{width:100%;flex:1;min-height:0;overflow:auto;border:1px solid #2b313b;border-radius:12px;background:#0f1318;color:#f5f7fa;transition:box-shadow .2s ease,border-color .2s ease}.editor:focus-within{outline:none;border-color:#49b98b;box-shadow:0 0 0 2px #49b98b40,inset 0 0 0 1px #49b98b33}.editor.editor-locating{border-color:#49b98b;box-shadow:0 0 0 2px #49b98b40,inset 0 0 0 1px #49b98b33}.editor .ProseMirror{min-height:100%;overflow:visible;padding:14px;outline:none;line-height:1.7;font-size:16px;color:#f5f7fa}.editor .ProseMirror p{margin:0 0 12px}.editor .ProseMirror h1,.editor .ProseMirror h2{margin:0 0 14px;line-height:1.35}.editor .ProseMirror h1{font-size:30px}.editor .ProseMirror h2{font-size:24px}.editor .ProseMirror strong{font-weight:700;text-shadow:.45px 0 currentColor}.editor .ProseMirror hr{border:none;border-top:1px dashed #3f4a59;margin:16px 0}.preview{padding:24px;display:flex;flex-direction:column;gap:16px;align-items:center;align-content:start;height:100vh;overflow:auto;background:radial-gradient(circle at top right,rgba(115,137,255,.08),transparent 45%),linear-gradient(180deg,#121722,#0f131d)}.preview-toolbar{width:540px;display:flex;align-items:center;justify-content:space-between}.preview-indicator{font-size:16px;color:#cfd6df}.preview-export-actions{display:flex;align-items:center;gap:10px}.export-progress{width:540px;margin:-2px 0 0;text-align:right;font-size:12px;color:#ced8e8bf}.preview-stage{position:relative;width:700px;display:flex;align-items:center;justify-content:center}.nav-btn{border:1px solid #2b313b;background:#10141a;color:#f5f7fa;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}.nav-btn:hover:not(:disabled){border-color:#3f4958;background:#151b23}.nav-btn:disabled{opacity:.45;cursor:not-allowed}.nav-icon{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:999px;border:1px solid #4f617d;background:#202a38f5;color:#f7fbff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:6;box-shadow:0 8px 20px #00000059,0 0 0 2px #819dc926;transition:.2s ease}.nav-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}.nav-left{left:14px}.nav-right{right:14px}.nav-icon:hover:not(:disabled){border-color:#6f88af;background:#313f54fa;transform:translateY(-50%) scale(1.04)}.nav-icon:disabled{opacity:.42;cursor:not-allowed}.panel,.preview{scrollbar-width:thin;scrollbar-color:#3b4350 #141922}.site-footer{position:fixed;right:18px;bottom:12px;z-index:20}.site-footer-link{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid #303949;border-radius:999px;background:#0c1119e6;color:#dce4f1e6;text-decoration:none;font-size:12px;line-height:1;transition:.2s ease}.site-footer-link:hover{border-color:#45526a;background:#161e2cf2;color:#f5f7fa}.export-stage{position:fixed;left:-99999px;top:0;opacity:0;pointer-events:none}.panel::-webkit-scrollbar,.preview::-webkit-scrollbar{width:10px;height:10px}.panel::-webkit-scrollbar-track,.preview::-webkit-scrollbar-track{background:#141922}.panel::-webkit-scrollbar-thumb,.preview::-webkit-scrollbar-thumb{background:#3b4350;border-radius:999px;border:2px solid #141922}.panel::-webkit-scrollbar-thumb:hover,.preview::-webkit-scrollbar-thumb:hover{background:#4b5565}.editor .ProseMirror{scrollbar-width:auto}.editor::-webkit-scrollbar{width:10px;height:10px}.editor::-webkit-scrollbar-track{background:#141922}.editor::-webkit-scrollbar-thumb{background:#3b4350;border-radius:999px;border:2px solid #141922}.editor::-webkit-scrollbar-thumb:hover{background:#4b5565}.xhs-page{width:540px;height:720px;background:#040506;position:relative;border-radius:14px;overflow:hidden;border:1px solid #2c3443;box-shadow:0 20px 46px #0000008c,0 0 0 8px #ffffff09}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 1px,transparent 1px,transparent 54px),repeating-linear-gradient(to right,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 1px,transparent 1px,transparent 54px);background-size:54px 54px;opacity:.45}.content-wrap{position:relative;z-index:2;width:78%;margin:90px 0 0 50px;font-family:ChildFunSans,PingFang SC,Microsoft YaHei,sans-serif}.block{margin:0 0 12px;letter-spacing:.5px}.block-title{margin-bottom:22px;font-weight:400;font-size:48px;line-height:1.35;font-family:ChildFunSans,PingFang SC,Microsoft YaHei,sans-serif}.block-subtitle{margin-top:16px;margin-bottom:10px;font-size:35px;font-weight:600;color:#d2d8df}.block-paragraph{font-size:34px;line-height:1.45;color:#e5e7eb}.run-normal{color:inherit}.run-strong{color:inherit;font-weight:700;text-shadow:.7px 0 currentColor}.footer{position:absolute;z-index:2;left:30px;right:30px;bottom:18px;display:flex;justify-content:space-between;color:#d1d5dbb8;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}.author{font-size:14px;opacity:.58}.pager{display:inline-flex;align-items:baseline;gap:4px;font-weight:600}.pager-current{font-size:24px;line-height:1;opacity:.9}.pager-separator,.pager-total{font-size:14px;line-height:1;opacity:.52}@media(max-width:1600px){.app-root{grid-template-columns:1fr;height:auto;overflow:visible}.panel{position:static;height:auto;border-right:none;border-bottom:1px solid #20242b}.editor{height:320px;flex:none}.preview{height:auto;overflow:visible}}