:root{font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#2b2f28;background:#f6f5f1;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}button,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow:hidden}.app-shell{height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(520px,1.05fr) 320px;grid-template-rows:68px minmax(0,1fr);background:#f6f5f1;overflow:hidden}.topbar{grid-column:1 / -1;grid-row:1;background:#fffffff5;border-bottom:1px solid #e4e3de;display:flex;align-items:center;justify-content:space-between;min-width:0;z-index:4}.topbar-brand,.topbar-actions{display:flex;align-items:center}.topbar-brand{min-width:0;height:100%;padding-left:18px;gap:16px}.topbar-brand strong{display:flex;align-items:center;gap:2px;color:#262a25;font:800 23px/1 Songti SC,"Noto Serif SC",serif;letter-spacing:1px;white-space:nowrap}.topbar-brand strong i{font-style:normal}.topbar-brand strong i:last-child{color:#78866a}.document-title{min-width:0;max-width:380px;padding-left:16px;border-left:1px solid #e5e4df;color:#60645c;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{justify-content:flex-end;gap:6px;padding:0 16px 0 8px}.icon-button{width:34px;height:34px;border-radius:6px;display:inline-grid!important;place-items:center;color:#696e65;background:transparent;padding:0!important}.icon-button:hover{background:#f0f1ed;color:#33372f}.icon-button:disabled:hover{background:transparent;color:#696e65}.save-status{display:flex;align-items:center;gap:6px;color:#687361;font-size:12px;margin-right:5px;white-space:nowrap}.device-toggle{display:flex;border:1px solid #d9dbd4;border-radius:6px;overflow:hidden;margin-left:4px}.device-toggle button{width:36px;height:32px;display:grid;place-items:center;background:#fff;color:#858a82}.device-toggle button.active{background:#eef2e9;color:#5e6c4e;box-shadow:inset 0 0 0 1px #8f9e7c}.help-button,.export-button{height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #deddd8;border-radius:6px;color:#656a61;background:#fff;font-size:12px;white-space:nowrap}.help-button:hover,.export-button:hover{color:#343930;border-color:#bbbdb5;background:#f8f8f5}.copy-button{height:38px;display:flex;align-items:center;gap:8px;padding:0 16px;margin-left:8px;background:#ed7b2f;color:#fff;border-radius:6px;font-size:13px;font-weight:700;box-shadow:0 5px 14px #ed7b2f38;white-space:nowrap}.copy-button:hover{background:#d96921}.editor-pane,.preview-pane,.inspector{min-width:0;min-height:0;background:#fff}.editor-pane{grid-column:1;grid-row:2;display:grid;grid-template-rows:48px 42px minmax(0,1fr) 32px;border-right:1px solid #e3e2de}.pane-heading,.preview-heading{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ecebe7}.pane-heading>div{display:flex;align-items:center;gap:7px}.pane-heading h2{font-size:15px;margin:0;font-weight:700}.live-dot{width:6px;height:6px;background:#72a660;border-radius:50%;box-shadow:0 0 0 3px #edf4ea}.format-document-button{min-width:108px;height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #deddd8;border-radius:6px;color:#596351;background:#f8faf6;font-size:12px;font-weight:650}.format-document-button:hover{border-color:#aeb7a3;background:#f0f4ec;color:#35402f}.format-toolbar{padding:0 11px;display:flex;align-items:center;gap:2px;border-bottom:1px solid #ecebe7}.format-toolbar button{width:31px;height:30px;display:grid;place-items:center;background:transparent;color:#72766f;border-radius:5px}.format-toolbar button:hover{background:#f2f2ef;color:#30342e}.format-toolbar>span{flex:1}.editor-workspace{--editor-line-height: 23.4px;min-width:0;min-height:0;display:grid;grid-template-columns:42px minmax(0,1fr);background:#fff;overflow:hidden}.line-numbers{min-height:0;padding:14px 8px 20px 0;background:#fafaf8;border-right:1px solid #f0efeb;color:#b5b7b1;font:12px/var(--editor-line-height) SFMono-Regular,Consolas,monospace;text-align:right;overflow:hidden;-webkit-user-select:none;user-select:none}.line-numbers span{height:var(--editor-line-height);display:block}.editor-workspace textarea{min-width:0;min-height:0;width:100%;height:100%;resize:none;border:0;outline:0;padding:14px 16px 32px;color:#42463f;caret-color:#ed7b2f;font:13px/var(--editor-line-height) SFMono-Regular,Cascadia Code,Consolas,monospace;-moz-tab-size:2;tab-size:2;white-space:pre;overflow-wrap:normal;word-break:normal;overflow:auto;overscroll-behavior:contain}.editor-status{display:flex;align-items:center;gap:18px;padding:0 12px;border-top:1px solid #e9e8e4;color:#8a8e86;font-size:11px}.editor-status span:last-child{margin-left:auto}.editor-status i{width:6px;height:6px;display:inline-block;margin-left:4px;border-radius:50%;background:#75a85f}.preview-pane{grid-column:2;grid-row:2;display:grid;grid-template-rows:48px minmax(0,1fr);background:#f1f0ec}.preview-heading{background:#fff;font-size:13px;color:#5f635c}.preview-heading div{display:flex;align-items:center;gap:4px;color:#757970;font-size:12px}.preview-stage{overflow:auto;padding:20px 24px 50px;display:flex;justify-content:center;align-items:flex-start;transition:.2s ease}.preview-stage.phone-mode .article-paper{max-width:375px;padding-inline:0}.article-paper{--article-font-size: 16px;--article-line-height: 1.8;--paragraph-gap: 16px;width:100%;max-width:677px;min-height:920px;padding:40px 0 56px;background:var(--theme-paper);color:var(--theme-ink);box-shadow:0 1px 3px #26292314;border:1px solid rgba(94,108,78,.16);font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:var(--article-font-size);line-height:var(--article-line-height);transition:.2s ease}.article-header{text-align:center;margin-bottom:34px}.article-header h1{margin:0 auto 15px;max-width:540px;color:var(--theme-main);font-family:Songti SC,"Noto Serif SC",serif;font-size:32px;font-weight:800;line-height:1.32;letter-spacing:1px}.article-header p{margin:0 auto;max-width:520px;color:#74786f;font-size:13px;line-height:1.7}.title-rule{display:block;width:74px;height:2px;background:var(--theme-accent);margin:21px auto 0}.article-paper>p{margin:0 0 var(--paragraph-gap, 16px);text-align:justify}.article-section-title{display:flex;align-items:center;gap:12px;margin:34px 0 16px;border-bottom:1px solid rgba(66,75,93,.72);border-bottom-color:color-mix(in srgb,var(--theme-main),transparent 28%);padding-bottom:7px}.article-section-title>span{width:34px;height:29px;display:grid;place-items:center;background:var(--theme-main);color:#fff;border-radius:4px;font:700 13px/1 SFMono-Regular,monospace}.article-section-title h2{margin:0;color:var(--theme-main);font-family:Songti SC,"Noto Serif SC",serif;font-size:21px;line-height:1.3}.article-paper h3{margin:25px 0 12px;color:var(--theme-main);font-size:17px}.article-paper h4{margin:22px 0 10px;color:var(--theme-main);font-size:15px;line-height:1.5}.article-paper hr{height:0;margin:22px 0;border:0;border-top:1px dashed rgba(66,75,93,.58);border-top-color:color-mix(in srgb,var(--theme-main),transparent 42%)}.keyword-mark{border-bottom:2px solid var(--theme-accent);font-weight:650}.inline-code{background:var(--theme-soft);color:var(--theme-main);border-radius:3px;padding:2px 5px;font:.88em SFMono-Regular,Consolas,monospace}.article-paper blockquote{position:relative;margin:0 0 26px;padding:15px 18px 15px 48px;background:var(--theme-soft);border-left:3px solid var(--theme-accent);color:var(--theme-ink);color:color-mix(in srgb,var(--theme-ink),#fff 18%)}.article-paper blockquote>svg{position:absolute;left:18px;top:17px;color:var(--theme-accent)}.article-paper blockquote p{margin:0}.article-code{margin:10px 0;background:#282c34;color:#abb2bf;border-radius:5px;overflow:hidden;box-shadow:0 2px 10px #0000008c;text-align:left}.code-window-bar{height:30px;padding:3px 14px 0;display:flex;align-items:center;gap:7px;background:#282c34}.window-dot{width:9px;height:9px;display:inline-block;border-radius:50%}.window-dot.red{background:#ed6c60}.window-dot.yellow{background:#f7c151}.window-dot.green{background:#64c857}.code-lines{padding:10px 16px 15px;overflow-x:auto}.code-lines pre{margin:0;min-height:26px;color:#abb2bf;white-space:pre-wrap;-moz-tab-size:4;tab-size:4;font:12px/26px Operator Mono,SFMono-Regular,Cascadia Code,Consolas,monospace}.sql-comment{color:#5c6370;font-style:italic}.sql-keyword{color:#c678dd}.sql-number{color:#d19a66}.sql-string{color:#98c379}.article-table-wrap{margin:12px 0 25px;overflow-x:auto}.article-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.article-table-wrap th{background:var(--theme-main);color:#fff;font-weight:700}.article-table-wrap th,.article-table-wrap td{padding:9px 10px;border:1px solid rgba(66,75,93,.28);border-color:color-mix(in srgb,var(--theme-main),transparent 72%);text-align:left}.article-table-wrap tr:nth-child(2n) td{background:var(--theme-soft)}.article-list{margin:0 0 24px;padding-left:25px}.article-list li{margin:6px 0;padding-left:4px}.article-signoff{text-align:center;margin-top:52px;padding-top:26px;border-top:1px solid rgba(66,75,93,.22);border-top-color:color-mix(in srgb,var(--theme-main),transparent 78%)}.article-signoff span{display:inline-block;color:var(--theme-accent);letter-spacing:4px;font-size:10px;font-weight:800}.article-signoff p{color:#999b95;font-size:11px;margin:8px 0 0}.theme-ticket .article-paper,.theme-ticket{border-radius:0}.theme-orange-blue.article-paper{--ob-orange: #e66a32;--ob-orange-deep: #c94f20;--ob-orange-soft: #fff2e8;--ob-slate: #405d72;--ob-slate-soft: #6f8493;--ob-ink: #263945;--ob-line: #dce4e8;--ob-wash: #f6f9fa;--ob-code: #22282e;--ob-code-text: #e8edf0;padding:40px 0 52px;background:#fff;color:var(--ob-slate);border-color:#405d7224;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;letter-spacing:.02em;overflow-wrap:anywhere}.theme-orange-blue .article-header{margin-bottom:28px}.theme-orange-blue .article-header h1{color:var(--ob-ink);font-size:30px;line-height:1.42;letter-spacing:.035em}.theme-orange-blue .title-rule{width:64px;margin-top:18px;background:var(--ob-orange)}.theme-orange-blue>p{margin:0;padding:calc(var(--paragraph-gap, 16px) / 2) 0;color:var(--ob-slate);line-height:var(--article-line-height);letter-spacing:.02em;text-align:left}.theme-orange-blue .orange-section-bar{display:block;margin:42px 0 22px;padding:0;border:0}.theme-orange-blue .orange-section-bar h2{display:block;width:100%;margin:0;padding:6px 16px;border-radius:4px;background:var(--ob-orange);color:#fff;font-family:Songti SC,"Noto Serif SC",serif;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:.08em;text-align:center}.theme-orange-blue h3{margin:30px 0 12px;padding-left:12px;border-left:3px solid var(--ob-orange);color:var(--ob-ink);font-size:18px;line-height:1.5}.theme-orange-blue h4{margin:24px 0 10px;color:var(--ob-slate);font-size:16px;line-height:1.5}.theme-orange-blue .inline-code{margin:0 2px;padding:2px 5px;background:var(--ob-orange-soft);color:var(--ob-orange-deep);border-radius:4px;line-height:1.8;word-break:break-all}.theme-orange-blue .keyword-mark{color:var(--ob-orange-deep);border-bottom:1px solid rgba(201,79,32,.34)}.theme-orange-blue a{color:var(--ob-orange-deep)!important;text-decoration-color:#c94f2057!important}.theme-orange-blue blockquote{margin:24px 0;padding:18px 22px 18px 48px;background:#fff8f3;border:1px solid #f3ddcf;border-left:3px solid var(--ob-orange);border-radius:10px;color:#536c7d;overflow:hidden}.theme-orange-blue blockquote>svg{left:18px;top:18px;display:block;color:var(--ob-orange)}.theme-orange-blue blockquote p{padding:0;color:#536c7d;font-size:15px;line-height:1.8;letter-spacing:0;text-align:left}.theme-orange-blue .article-list{color:var(--ob-slate)}.theme-orange-blue .article-list li::marker{color:var(--ob-orange);font-weight:700}.theme-orange-blue .article-table-wrap{margin:22px 0;border:1px solid var(--ob-line);border-radius:8px;overflow:hidden}.theme-orange-blue .article-table-wrap table{margin:0}.theme-orange-blue .article-table-wrap th{background:var(--ob-orange-soft);color:var(--ob-ink)}.theme-orange-blue .article-table-wrap th,.theme-orange-blue .article-table-wrap td{border-color:var(--ob-line);color:var(--ob-slate)}.theme-orange-blue .article-table-wrap tr:nth-child(2n) td{background:var(--ob-wash)}.theme-orange-blue hr{width:64px;margin:34px auto;border-top:2px solid var(--ob-orange)}.theme-orange-blue .article-code{margin:24px 0;background:var(--ob-code);color:var(--ob-code-text);border:1px solid #171c20;border-radius:10px;box-shadow:0 10px 24px #1f2a312e,0 2px 5px #0f141833}.theme-orange-blue .code-window-bar{background:var(--ob-code)}.theme-orange-blue .code-lines pre{color:var(--ob-code-text)}.preview-stage.phone-mode .theme-orange-blue.article-paper{padding-inline:0}.inspector{grid-column:3;grid-row:2;overflow-y:auto;border-left:1px solid #e3e2de;background:#fbfaf8}.inspector-heading{height:48px;padding:0 18px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e8e7e2;background:#fff}.inspector-heading h2{font-size:15px;margin:0}.control-section{padding:18px;border-bottom:1px solid #e7e6e1}.control-section>label,.control-section h3{display:block;margin:0 0 13px;color:#4f534c;font-size:13px;font-weight:700}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 9px}.theme-card{position:relative;background:transparent;padding:0;color:#565a53}.theme-swatch{height:62px;padding:12px 10px;display:flex;flex-direction:column;gap:7px;background:var(--swatch-soft);border:1px solid #deddd8;border-radius:6px;transition:.15s ease}.theme-swatch i{height:4px;border-radius:4px;background:var(--swatch-main);display:block}.theme-swatch i:nth-child(1){width:53%}.theme-swatch i:nth-child(2){width:82%;opacity:.55}.theme-swatch i:nth-child(3){width:68%;opacity:.28}.theme-card b{display:block;margin-top:6px;font-size:11px;font-weight:500}.theme-card:hover .theme-swatch,.theme-card.selected .theme-swatch{border-color:var(--swatch-main);box-shadow:inset 0 0 0 1px var(--swatch-main)}.selected-check{position:absolute;top:-6px;right:-3px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#637452;color:#fff;box-shadow:0 0 0 3px #fbfaf8}.current-theme{margin-top:17px;display:grid;row-gap:4px}.current-theme span{font-size:11px;color:#999c95}.current-theme strong{font-family:Songti SC,serif;font-size:16px}.current-theme small{color:#8a8e86;font-size:10px;line-height:1.55}.select-row{display:grid;grid-template-columns:83px 1fr;align-items:center;margin-bottom:10px}.select-row label,.segmented-control>label{color:#70746c;font-size:12px}.select-row button{height:34px;padding:0 10px;display:flex;justify-content:space-between;align-items:center;color:#5e625a;background:#fff;border:1px solid #deddd8;border-radius:5px;font-size:12px}.segmented-control{display:grid;grid-template-columns:83px 1fr;align-items:center;margin-top:12px}.segmented-control>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.segmented-control button{min-height:45px;padding:5px 3px;background:#fff;border:1px solid #deddd8;border-radius:5px;color:#686c65;display:flex;flex-direction:column;justify-content:center}.segmented-control button.active{border-color:#78866a;box-shadow:inset 0 0 0 1px #78866a;color:#37412f;background:#f6f8f3}.segmented-control button span{font-size:11px}.segmented-control button small{font-size:9px;color:#a1a49e;margin-top:2px}.palette-section{padding-bottom:12px}.color-row{display:grid;grid-template-columns:1fr 24px 87px;align-items:center;gap:8px;margin-bottom:9px}.color-row>span{font-size:11px;color:#777b73;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-row i{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.08)}.color-row code{padding:3px 0;color:#858980;background:transparent;font-size:10px;text-align:right}.mobile-tabs{display:none}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);z-index:20;padding:11px 16px;display:flex;align-items:center;gap:8px;background:#20231f;color:#fff;border-radius:7px;box-shadow:0 8px 24px #00000038;font-size:12px;animation:toast-in .2s ease}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#16191575;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.help-dialog{width:min(560px,100%);max-height:min(720px,calc(100vh - 48px));max-height:min(720px,calc(100dvh - 48px));overflow:auto;background:#fff;color:#343831;border:1px solid #dcddd7;border-radius:12px;box-shadow:0 24px 70px #1619153d}.help-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:23px 24px 18px;border-bottom:1px solid #ecece7}.help-dialog>header span{color:#e66a32;font-size:11px;font-weight:800;letter-spacing:.12em}.help-dialog>header h2{margin:5px 0 0;font-family:Songti SC,"Noto Serif SC",serif;font-size:22px;line-height:1.35}.help-dialog-content{padding:8px 24px}.help-dialog-content>section{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid #eeeee9}.help-dialog-content>section>svg{color:#66745a;margin-top:1px}.help-dialog-content h3{margin:0 0 6px;font-size:14px}.help-dialog-content p,.help-dialog>footer p{margin:0;color:#6d716a;font-size:12px;line-height:1.75}.help-dialog kbd{display:inline-block;min-width:22px;padding:1px 5px;margin:0 1px;color:#4d5348;background:#f5f6f2;border:1px solid #d9dbd3;border-bottom-width:2px;border-radius:4px;font:11px/1.5 SFMono-Regular,Consolas,monospace;text-align:center}.help-dialog>footer{display:flex;align-items:center;gap:18px;padding:18px 24px 22px;background:#fafaf7;border-radius:0 0 12px 12px}.help-dialog>footer p{flex:1}.help-dialog>footer button{min-width:82px;height:36px;color:#fff;background:#5e6c4e;border-radius:6px;font-size:12px;font-weight:700}.local-only-note{display:inline-flex;align-items:center;gap:5px;padding:6px 7px;color:#777c73;background:transparent;border-radius:5px;font-size:11px;white-space:nowrap}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #ed7b2f;outline-offset:2px}.device-toggle button:focus-visible,.format-toolbar button:focus-visible,.mobile-tabs button:focus-visible,.editor-workspace textarea:focus-visible{outline-offset:-3px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width: 1400px){.app-shell{grid-template-columns:minmax(360px,.95fr) minmax(460px,1.05fr) 280px}.document-title{max-width:260px}.save-status{display:none}.article-paper{padding-inline:0}}@media (max-width: 1200px){body{overflow:hidden}.app-shell{display:grid;grid-template-columns:1fr;grid-template-rows:58px minmax(0,1fr) 62px;height:100vh;height:100dvh}.topbar{grid-column:1;grid-row:1;height:58px}.topbar-brand{padding-left:14px}.topbar-brand strong{font-size:21px}.document-title,.save-status,.local-only-note,.device-toggle,.export-button{display:none}.topbar-actions>.icon-button{display:none!important}.topbar-actions{padding-right:12px}.help-button{width:36px;padding:0;justify-content:center}.help-button span{display:none}.copy-button{display:flex!important;margin:0;height:36px;padding-inline:13px}.editor-pane,.preview-pane,.inspector{display:none;grid-column:1;grid-row:2}.editor-pane.mobile-active{display:grid;grid-template-rows:46px 40px minmax(0,1fr) 30px}.preview-pane.mobile-active{display:grid;grid-template-rows:46px minmax(0,1fr)}.inspector.mobile-active{display:block;overflow-y:auto}.inspector.mobile-active{padding-bottom:74px}.preview-stage{padding:13px 10px 35px}.article-paper{max-width:677px;min-height:780px;padding:30px 0 45px}.theme-orange-blue.article-paper{padding:30px 0 45px}.article-header h1{font-size:24px}.inspector-heading{position:sticky;top:0;z-index:3}.mobile-tabs{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid #deddd8;z-index:8}.mobile-tabs button{background:#fff;color:#8a8e86;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px}.mobile-tabs button.active{color:#5e6c4e}.format-toolbar button{width:36px;height:34px;color:#62675f}.toast{bottom:78px;width:max-content;max-width:calc(100vw - 28px)}.dialog-backdrop{padding:14px}.help-dialog{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (forced-colors: active){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:CanvasText}}@media (max-width: 520px){.theme-orange-blue.article-paper{padding:28px 0 42px}.article-header{margin-bottom:31px}.article-header h1{font-size:22px}.article-section-title h2{font-size:18px}.theme-grid{grid-template-columns:repeat(3,1fr)}.control-section{padding-inline:16px}.help-dialog>header,.help-dialog-content,.help-dialog>footer{padding-left:18px;padding-right:18px}.help-dialog>footer{align-items:stretch;flex-direction:column}}