:root{font-family:Inter,"Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color:#202939;background:#f5f7fb;font-synthesis:none;--blue:#185adb;--line:#e0e5ed;--muted:#67758c;--body-font:"SimSun","Noto Serif CJK SC",serif;--doc-size:16px;--doc-line:1.5}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button,select{touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #75a5ff;outline-offset:3px}button svg,[data-icon] svg{width:18px;height:18px;display:block;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}h1,h2,h3,p{margin:0}
.topbar{height:78px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--blue);color:white;font-family:Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-2px;box-shadow:0 3px 6px #185adb1a}.brand-mark span{font-size:20px;align-self:flex-end;margin:0 4px 5px 1px}.brand h1{font-size:21px;font-weight:700;display:flex;align-items:center;gap:16px;letter-spacing:1px}.brand-sub{font-size:14px;font-weight:400;letter-spacing:0;color:#536179}.brand-divider{color:#c5cbd7;font-size:20px;font-weight:300}.text-button{background:none;border:0;color:#536179;font-size:14px;padding:10px 0}.text-button:hover{color:var(--blue)}.app-shell{max-width:1800px;margin:0 auto;padding:28px 36px 18px}.document-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.document-identity{display:flex;align-items:center;gap:13px;min-width:0}.document-icon{background:#e9effb;color:#3563b8;border:1px solid #dce5f7;border-radius:10px;width:48px;height:52px}.document-icon svg{width:25px;height:25px}.eyebrow{font-size:12px;color:var(--muted);display:block;margin:0 0 4px 3px;letter-spacing:1px}.filename-wrap{display:flex;align-items:center}.filename-wrap input{font-size:20px;max-width:330px;width:220px;min-width:0;color:#202939;font-weight:600;border:1px solid transparent;background:none;border-radius:5px;padding:2px}.filename-wrap input:hover,.filename-wrap input:focus{border-color:#a5b9dc;background:#fff}.filename-wrap>span{font-size:16px;color:#8b97ac;margin-left:6px}.document-actions{display:flex;align-items:center;gap:10px}.button{border:1px solid transparent;border-radius:8px;min-height:43px;padding:10px 17px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s,box-shadow .15s}.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 2px 3px #185adb1c}.primary:hover{background:#104cbe}.secondary{background:#fff;color:#37435a;border-color:#d5dce7}.secondary:hover{background:#f0f4fa}
.settings-bar{display:flex;align-items:center;gap:24px;padding:12px 18px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:20px;flex-wrap:wrap;min-height:62px}.settings-caption{display:flex;align-items:center;gap:7px;font-size:14px;color:#40516d;padding-right:19px;border-right:1px solid var(--line)}.settings-bar label{display:flex;align-items:center;gap:8px;font-size:14px;color:#6a768a}.settings-bar select{border:0;background:#f5f7fa;border-radius:5px;color:#2b3951;font-size:14px;padding:7px 23px 7px 9px;cursor:pointer;max-width:145px}.settings-bar .check-label{color:#42516a}.check-label input,input[type=checkbox]{accent-color:var(--blue);width:15px;height:15px;margin:0}.settings-note{font-size:12px;color:#8290a5;margin-left:auto}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:580px;height:calc(100dvh - 306px);max-height:1300px}.pane{border:1px solid var(--line);border-radius:11px;overflow:hidden;display:flex;flex-direction:column;min-width:0;background:white;box-shadow:0 4px 16px #1f355106}.pane-heading{min-height:55px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--line);gap:8px;flex-wrap:wrap}.pane-heading>div{display:flex;align-items:center;gap:9px}.pane-heading h2{font-size:14px;font-weight:600}.pane-caption{font-size:12px;color:#8792a6;margin-left:4px}.format-badge{font:700 12px Arial;letter-spacing:-1px;border:1px solid #6c7890;color:#536077;border-radius:3px;padding:1px 3px}.word-badge{font-family:Georgia,serif;font-weight:700;font-size:13px;background:#e8efff;color:#1751ae;width:22px;height:22px;display:grid;place-items:center;border-radius:4px}.pane-link{padding:7px 0;font-size:14px;color:#3267c6;border:0;background:none}.paper-label{font-size:12px;color:#8792a6;white-space:nowrap}.editor-toolbar{display:flex;align-items:center;gap:3px;min-height:43px;background:#182334;padding:4px 11px;border-bottom:1px solid #2b3749;flex-shrink:0}.editor-toolbar button{background:none;color:#b6c3d6;border:0;border-radius:5px;width:32px;height:32px;padding:0;font-size:16px}.editor-toolbar button:hover{background:#2e3d53;color:#fff}.editor-toolbar [data-icon] svg{width:16px;height:16px}.toolbar-divider{width:1px;height:17px;background:#3e4a5d;margin:0 6px}.editor-toolbar .toolbar-end{margin-left:auto}.editor-container{display:flex;position:relative;flex:1;min-height:0;background:#111b2b;padding:22px 0 16px;overflow:hidden}.line-numbers{width:48px;flex-shrink:0;text-align:right;padding:0 14px 0 0;color:#72849e;font:14px/27px "Cascadia Code",Consolas,monospace;white-space:pre;overflow:hidden;user-select:none}.editor-container textarea{font:14px/27px "Cascadia Code",Consolas,"Microsoft YaHei",monospace;tab-size:2;border:0;outline:0;color:#dce6f4;background:transparent;resize:none;width:100%;height:100%;padding:0 20px 20px 2px;border-radius:0;min-width:0;caret-color:#82b2ff;scrollbar-color:#40506a #111b2b;scrollbar-width:thin}.editor-container textarea::placeholder{color:#8799b4}.editor-container textarea:focus-visible{outline:0;box-shadow:inset 2px 0 #6095ef}
.pane-footer{min-height:37px;padding:7px 16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#78869d;gap:8px;flex-wrap:wrap}.pane-footer>span{display:inline-flex;align-items:center;gap:5px}.pane-footer svg{width:13px;height:13px}.editor-pane .pane-footer{background:#182334;color:#8c9db6;border-top:1px solid #2b3749}.footer-divider{color:#52627a;margin:0 3px}.preview-toolbar{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;font-size:12px;color:#697990;background:#fcfdfe;border-bottom:1px solid var(--line);flex-shrink:0;flex-wrap:wrap}.preview-toolbar>span{display:flex;align-items:center;gap:7px}.preview-toolbar svg{width:15px;height:15px}.preview-toolbar label{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#68758d;font-size:14px}.preview-scroll{background:#edf0f5;overflow:auto;flex:1;min-height:0;padding:0 24px 28px;scrollbar-color:#bfccdc #edf0f5;scrollbar-width:thin}.paper-ruler{height:24px;max-width:794px;margin:0 auto;background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#c5cdd9 calc(10% - 1px),#c5cdd9 10%);background-size:100% 5px;background-repeat:no-repeat;background-position:bottom 6px center;opacity:.7}.paper{background:#fff;min-height:660px;max-width:794px;margin:0 auto;box-shadow:0 2px 10px #1e385318;padding:48px 40px 64px;color:#202939;border:1px solid #e6eaf0;overflow-wrap:anywhere}.markdown-body{font-family:var(--body-font);font-size:var(--doc-size);line-height:var(--doc-line)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:"Microsoft YaHei","Noto Sans CJK SC",sans-serif;line-height:1.4;color:#172b49;font-weight:700;margin:1.15em 0 .55em;overflow-wrap:anywhere}.markdown-body h1{font-size:2em;margin-top:0;border-bottom:1px solid #dbe3ee;padding-bottom:.42em}.markdown-body h2{font-size:1.45em}.markdown-body h3{font-size:1.2em}.markdown-body h4{font-size:1.1em}.markdown-body h5,.markdown-body h6{font-size:1em}.markdown-body p{margin:0 0 .75em}.markdown-body a{color:#185adb;text-decoration:underline;text-underline-offset:2px}.markdown-body blockquote{border-left:3px solid #678bbb;background:#f4f7fb;padding:10px 14px;margin:16px 0;color:#516681}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{padding-left:1.8em;margin:.7em 0}.markdown-body li{padding-left:.15em;margin:.28em 0}.markdown-body li p{margin:.3em 0}.markdown-body table{border-collapse:collapse;table-layout:fixed;width:100%;margin:18px 0;font-size:.92em}.markdown-body th,.markdown-body td{border:1px solid #ced8e5;padding:9px 10px;vertical-align:top;word-break:break-word}.markdown-body th{background:#edf2f9;font-weight:700;font-family:"Microsoft YaHei",sans-serif}.markdown-body tr:nth-child(even) td{background:#f9fbfd}.markdown-body code{background:#edf1f6;color:#315886;border-radius:3px;padding:2px 4px;font-family:Consolas,"Microsoft YaHei",monospace;font-size:.88em}.markdown-body pre{background:#f4f6fa;border:1px solid #e1e7ef;padding:14px;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;line-height:1.65}.markdown-body pre code{background:none;color:#334563;padding:0}.markdown-body hr{border:0;border-top:1px solid #d7dfeb;margin:24px 0}.markdown-body img{max-width:100%;height:auto}.markdown-body .katex{font-size:1.08em}.markdown-body .katex-display{overflow-x:auto;overflow-y:hidden;padding:4px 0}.image-placeholder,.math-error{display:inline-block;padding:6px 10px;border:1px dashed #bfccd9;color:#7a6680;font-family:var(--body-font);font-size:.9em;border-radius:4px;background:#f8f6fa}.preview-empty{text-align:center;padding:105px 0 60px;font-family:"Microsoft YaHei",sans-serif}.preview-empty>[data-icon]{width:65px;height:75px;background:#f2f6ff;border:1px solid #e2eaf9;border-radius:12px;color:#7196d6;margin-bottom:22px}.preview-empty svg{width:32px;height:32px}.preview-empty h3{font-size:21px;font-weight:500;letter-spacing:1px;color:#405475;margin:0 0 14px}.preview-empty p{font-size:14px;line-height:1.9;color:#788ba5}.empty-shortcut{display:inline-block;margin-top:24px;color:#8192aa;font-size:12px;letter-spacing:2px}
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:#71819a;padding-top:18px}.app-footer>span{display:flex;align-items:center;gap:6px}.app-footer svg{width:14px;height:14px;color:#718daf}kbd{font-size:12px;border:1px solid #d9e0ea;border-bottom-width:2px;border-radius:3px;padding:1px 4px;background:#fff}.notice{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#172b49;color:#fff;border:1px solid #364760;padding:13px 20px;box-shadow:0 5px 20px #0a1c3d20;border-radius:8px;font-size:14px;max-width:min(90vw,650px);z-index:5}.export-warnings{margin-top:15px;font-size:14px;line-height:1.7;background:#fff8e8;color:#7a5816;border:1px solid #eed49a;border-radius:8px;padding:14px 18px;overflow-wrap:anywhere}.export-warnings ul{margin:6px 0 0;padding-left:20px}.mobile-tabs{display:none}.drop-indicator{display:none;position:absolute;inset:10px;border:2px dashed #80adff;border-radius:7px;background:#162a48eb;color:#d9e7ff;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-size:18px;pointer-events:none}.dragging .drop-indicator{display:flex}dialog{border:1px solid var(--line);border-radius:14px;width:min(620px,calc(100% - 32px));max-height:85dvh;padding:0;color:#293a55;box-shadow:0 20px 80px #10264630}dialog::backdrop{background:#14213b66;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:20px}.icon-button{border:0;background:#eef2f7;width:30px;height:30px;border-radius:5px;color:#5d6d85;font-size:23px}.dialog-body{padding:6px 24px 18px;overflow-y:auto;max-height:60dvh;font-size:14px;line-height:1.85}.dialog-body h3{font-size:16px;margin:17px 0 6px}.dialog-body p{margin:0 0 8px}.dialog-body ol{padding-left:22px;margin:6px 0}.dialog-body code{background:#eef2f7;border-radius:3px;padding:2px 5px}.dialog-bottom{border-top:1px solid var(--line);padding:15px 24px;display:flex;justify-content:flex-end}.skip-link{position:fixed;top:-60px;left:10px;background:white;padding:10px;z-index:20}.skip-link:focus{top:10px}.noscript-message{position:fixed;inset:auto 20px 20px;background:#fee4e2;padding:20px;border:1px solid #fda29b;border-radius:10px}[hidden]{display:none!important}
.markdown-body .task-list-item{list-style:none}.markdown-body .task-list-item>input{vertical-align:middle;margin-right:5px}
@media(min-width:1600px){.paper{padding:65px 65px 80px}.editor-container textarea{font-size:15px;line-height:28px}.line-numbers{line-height:28px}}
@media(max-width:1180px){.topbar{padding:0 24px}.app-shell{padding:24px}.settings-bar{gap:15px}.settings-note{display:none}.workspace{gap:16px}.pane-caption{display:none}.preview-scroll{padding:0 15px 20px}.paper{padding:35px 28px 50px}.preview-toolbar{padding:8px 11px}.toolbar-divider{margin:0 2px}}
@media(max-width:860px){.app-shell{padding:20px}.topbar{height:66px;padding:0 20px}.brand h1{gap:11px}.settings-bar{gap:12px;row-gap:8px;padding:11px 13px}.settings-caption{display:none}.document-bar{margin-bottom:18px}.filename-wrap input{width:180px;font-size:18px}.workspace{min-height:610px;height:calc(100dvh - 320px)}.preview-toolbar{align-items:flex-start;flex-direction:column;min-height:60px}.editor-toolbar{min-height:60px;flex-wrap:wrap;gap:1px}.editor-toolbar button{width:28px}.paper{padding:28px 22px}.paper-label{display:none}.app-footer>span:nth-child(2){display:none}}
@media(max-width:700px){.app-shell{padding:18px 14px 16px}.topbar{padding:0 16px}.brand-sub,.brand-divider{display:none}.brand-mark{width:35px;height:35px;font-size:23px;border-radius:9px}.brand h1{font-size:20px}.text-button{font-size:14px}.document-bar{flex-wrap:wrap;gap:15px}.document-icon{width:39px;height:44px}.document-identity{flex:1}.filename-wrap input{width:min(200px,53vw)}.document-actions{width:100%}.document-actions .button{flex:1;min-height:44px}.settings-bar{margin-bottom:14px;column-gap:14px;row-gap:9px}.settings-bar label{gap:5px}.settings-bar select{max-width:125px}.mobile-tabs{display:flex;background:#e7ecf4;border-radius:7px;padding:3px;margin-bottom:12px}.mobile-tabs button{flex:1;border:0;background:none;color:#6c7c93;padding:10px;font-size:14px;border-radius:5px}.mobile-tabs button[aria-selected=true]{background:white;color:var(--blue);box-shadow:0 1px 4px #263d6412;font-weight:600}.workspace{display:block;height:65dvh;min-height:490px;max-height:none}.workspace .pane{height:100%}.workspace[data-view=edit] .preview-pane{display:none}.workspace[data-view=preview] .editor-pane{display:none}.pane-caption{display:inline;font-size:12px}.paper-label{display:inline}.editor-toolbar{min-height:44px;gap:3px;flex-wrap:nowrap}.editor-toolbar button{width:30px}.preview-toolbar{min-height:44px;align-items:center;flex-direction:row}.preview-scroll{padding:0 13px 20px}.paper{padding:32px 24px 48px;min-height:560px}.app-footer{padding-top:14px}.keyboard-note{display:none!important}.preview-empty{padding-top:70px}.preview-empty h3{font-size:18px}.pane-footer{padding:7px 12px}.paper-ruler{height:20px}}
@media(max-width:390px){.editor-toolbar{gap:0;padding:4px 7px}.editor-toolbar button{width:28px}.preview-toolbar>span{max-width:175px}.settings-bar{column-gap:8px}.paper{padding:26px 18px}.paper-label{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}