:root{--ui-font: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ui-bg: #edeae3;--ui-panel: #f8f6f1;--ui-panel-raised: #fdfcf9;--ui-line: rgba(48, 40, 30, .12);--ui-line-soft: rgba(48, 40, 30, .07);--ui-text: #2e2822;--ui-text-dim: #6d655b;--ui-text-faint: #9a9086;--ui-accent: #9c4a33;--ui-accent-tint: rgba(156, 74, 51, .1);--ui-accent-line: rgba(156, 74, 51, .35);--ui-hover: rgba(48, 40, 30, .055);--ui-active: rgba(48, 40, 30, .09);--radius: 7px;--radius-sm: 5px;--shadow-panel: 0 1px 2px rgba(40, 32, 22, .05);--shadow-pop: 0 12px 32px -12px rgba(40, 32, 22, .35), 0 2px 6px rgba(40, 32, 22, .08);--topbar-h: 50px;--sidebar-w: 236px;--inspector-w: 288px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{margin:0;font-family:var(--ui-font);font-size:13px;color:var(--ui-text);background:var(--ui-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}input,select,textarea{font:inherit;color:inherit}::selection{background:#9c4a3329}.app{display:grid;grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:minmax(0,1fr);height:100%;min-height:0}.workspace{display:grid;grid-template-columns:auto 1fr auto;min-height:0;min-width:0}.panel{background:var(--ui-panel);display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:width .18s cubic-bezier(.32,.72,0,1)}.panel--left{width:var(--sidebar-w);border-right:1px solid var(--ui-line)}.panel--right{width:var(--inspector-w);border-left:1px solid var(--ui-line)}.panel[data-collapsed=true]{width:0;border-color:transparent}.panel__scroll{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(48,40,30,.2) transparent}.panel__scroll::-webkit-scrollbar{width:9px}.panel__scroll::-webkit-scrollbar-thumb{background-clip:padding-box;border:3px solid transparent;border-radius:6px;background-color:#30281e2e}.panel__inner{width:var(--sidebar-w);padding:14px 12px 26px}.panel--right .panel__inner{width:var(--inspector-w)}.topbar{display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--ui-panel-raised);border-bottom:1px solid var(--ui-line);position:relative;min-width:0;overflow:hidden;z-index:5}.topbar__group{display:flex;align-items:center;gap:4px}.topbar__title{display:flex;align-items:baseline;gap:8px;min-width:0;margin-left:2px}.topbar__book{font-size:13.5px;font-weight:620;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__meta{font-size:11.5px;color:var(--ui-text-faint);white-space:nowrap}.topbar__spacer{flex:1}.topbar__divider{width:1px;height:20px;background:var(--ui-line);margin:0 4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-sm);color:var(--ui-text-dim);white-space:nowrap;transition:background .12s,color .12s,opacity .12s}.btn:hover:not(:disabled){background:var(--ui-hover);color:var(--ui-text)}.btn:active:not(:disabled){background:var(--ui-active)}.btn:disabled{opacity:.35;cursor:default}.btn--icon{width:28px;padding:0}.btn--primary{background:var(--ui-accent);color:#fdf8f2;font-weight:560;padding:0 13px}.btn--primary:hover:not(:disabled){background:#8a4029;color:#fff}.btn--primary:disabled{background:transparent;color:var(--ui-text-faint);opacity:1}.btn--ghost{border:1px solid var(--ui-line);background:var(--ui-panel-raised)}.btn--danger:hover:not(:disabled){background:#9c4a331f;color:var(--ui-accent)}.segmented{display:inline-flex;padding:2px;gap:2px;background:#30281e0f;border-radius:var(--radius)}.segmented__item{height:24px;padding:0 11px;white-space:nowrap;border-radius:5px;font-size:12.5px;color:var(--ui-text-dim);display:inline-flex;align-items:center;gap:5px;transition:background .14s,color .14s,box-shadow .14s}.segmented__item[aria-pressed=true]{background:var(--ui-panel-raised);color:var(--ui-text);font-weight:560;box-shadow:0 1px 2px #2820161f}.segmented--fill{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}.segmented--fill .segmented__item{justify-content:center;padding:0 4px}.savestate{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ui-text-faint);padding-right:2px;white-space:nowrap}.savestate__dot{width:6px;height:6px;border-radius:50%;background:#b9b1a5;transition:background .2s}.savestate[data-dirty=true] .savestate__dot{background:var(--ui-accent)}.section+.section{margin-top:20px;padding-top:16px;border-top:1px solid var(--ui-line-soft)}.section__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 9px}.section__title{font-size:11px;font-weight:620;letter-spacing:.09em;color:var(--ui-text-faint);text-transform:none}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:11px;padding:0 2px}.field__label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11.5px;color:var(--ui-text-dim)}.field__value{font-variant-numeric:tabular-nums;color:var(--ui-text-faint);font-size:11px}.input,.select{width:100%;height:28px;padding:0 8px;border:1px solid var(--ui-line);border-radius:var(--radius-sm);background:var(--ui-panel-raised);transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--ui-accent-line);box-shadow:0 0 0 3px var(--ui-accent-tint)}.textarea{width:100%;min-height:62px;padding:6px 8px;border:1px solid var(--ui-line);border-radius:var(--radius-sm);background:var(--ui-panel-raised);resize:vertical;line-height:1.6}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ui-text-faint) 50%),linear-gradient(135deg,var(--ui-text-faint) 50%,transparent 50%);background-position:right 12px center,right 8px center;background-size:4px 4px,4px 4px;background-repeat:no-repeat;padding-right:22px;cursor:pointer}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#30281e24}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:var(--ui-panel-raised);border:1px solid rgba(48,40,30,.28);box-shadow:0 1px 2px #2820162e;transition:border-color .12s,transform .12s}input[type=range]:hover::-webkit-slider-thumb{border-color:var(--ui-accent-line)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.08);border-color:var(--ui-accent)}.switch{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px;font-size:12px;color:var(--ui-text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.switch__track{width:30px;height:17px;border-radius:9px;background:#30281e29;position:relative;transition:background .16s;flex:none}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #28201640;transition:transform .16s cubic-bezier(.32,.72,0,1)}.switch input{position:absolute;opacity:0;pointer-events:none}.switch input:checked+.switch__track{background:var(--ui-accent)}.switch input:checked+.switch__track:after{transform:translate(13px)}.btnrow{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 2px;margin-top:2px}.btnrow .btn{flex-direction:column;gap:3px;height:44px;padding:0 2px;font-size:11px}.inspector__tabs{padding:10px 12px;border-bottom:1px solid var(--ui-line-soft);flex:none;width:var(--inspector-w)}.papers{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.paper-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:3px;border-radius:6px;border:1px solid transparent;transition:border-color .14s,background .14s}.paper-chip:hover{background:var(--ui-hover)}.paper-chip[aria-pressed=true]{border-color:var(--ui-accent-line);background:var(--ui-accent-tint)}.paper-chip__swatch{width:100%;height:24px;border-radius:3px;box-shadow:inset 0 0 0 1px #30281e24}.paper-chip[data-paper=xuan] .paper-chip__swatch{background:linear-gradient(150deg,#f7f2e6,#efe7d6)}.paper-chip[data-paper=bamboo] .paper-chip__swatch{background:linear-gradient(150deg,#f2e7cf,#e9dbbc)}.paper-chip[data-paper=sutra] .paper-chip__swatch{background:linear-gradient(150deg,#ecdfc2,#e0d0ab)}.paper-chip[data-paper=night] .paper-chip__swatch{background:linear-gradient(150deg,#26231e,#141210)}.paper-chip__label{font-size:10.5px;color:var(--ui-text-faint);white-space:nowrap}.paper-chip[aria-pressed=true] .paper-chip__label{color:var(--ui-accent)}.toc__volume+.toc__volume{margin-top:14px}.toc__volume-head{display:flex;align-items:center;gap:6px;padding:2px 6px;margin-bottom:3px}.toc__volume-title{font-size:11.5px;font-weight:620;color:var(--ui-text-faint);letter-spacing:.06em;flex:1;min-width:0;border:1px solid transparent;border-radius:4px;padding:2px 4px;margin:-2px -4px;background:transparent}.toc__volume-title:focus{outline:none;border-color:var(--ui-accent-line);background:var(--ui-panel-raised)}.toc__item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:var(--radius-sm);text-align:left;color:var(--ui-text-dim);position:relative;transition:background .12s,color .12s}.toc__item:hover{background:var(--ui-hover)}.toc__item[aria-current=true]{background:var(--ui-accent-tint);color:var(--ui-accent);font-weight:560}.toc__item[aria-current=true]:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:1px;background:var(--ui-accent)}.toc__name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}.toc__count{font-size:10.5px;color:var(--ui-text-faint);font-variant-numeric:tabular-nums}.toc__item[aria-current=true] .toc__count{color:var(--ui-accent);opacity:.7}.parlist{display:flex;flex-direction:column;gap:2px}.parlist__item{display:flex;gap:8px;align-items:flex-start;width:100%;padding:7px 8px;border-radius:var(--radius-sm);text-align:left;transition:background .12s;border:1px solid transparent}.parlist__item:hover{background:var(--ui-hover)}.parlist__item[aria-current=true]{background:var(--ui-panel-raised);border-color:var(--ui-accent-line);box-shadow:0 1px 2px #2820160f}.parlist__index{font-size:10.5px;color:var(--ui-text-faint);font-variant-numeric:tabular-nums;padding-top:1px;min-width:14px}.parlist__text{flex:1;min-width:0;font-size:12px;line-height:1.55;color:var(--ui-text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.parlist__item[aria-current=true] .parlist__text{color:var(--ui-text)}.tag{display:inline-block;font-size:10px;line-height:15px;padding:0 5px;border-radius:3px;background:#30281e12;color:var(--ui-text-faint);vertical-align:1px;margin-right:4px}.tag--note{background:var(--ui-accent-tint);color:var(--ui-accent)}.notelist{display:flex;flex-direction:column;gap:6px}.noteitem{border:1px solid var(--ui-line);border-radius:var(--radius-sm);background:var(--ui-panel-raised);padding:7px 8px;display:flex;flex-direction:column;gap:6px}.noteitem__head{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--ui-text-faint)}.noteitem__ctx{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noteitem .textarea{min-height:48px;font-size:12px;border-color:var(--ui-line-soft)}.hint{font-size:11.5px;line-height:1.65;color:var(--ui-text-faint);padding:0 2px}.hint kbd{font-family:var(--ui-font);font-size:10.5px;padding:1px 4px;border-radius:3px;border:1px solid var(--ui-line);background:var(--ui-panel-raised);color:var(--ui-text-dim);margin:0 1px}.empty{padding:18px 10px;text-align:center;font-size:11.5px;color:var(--ui-text-faint);line-height:1.7}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(6px);background:#262019ed;color:#f6f1e9;font-size:12px;padding:7px 15px;border-radius:100px;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:40;letter-spacing:.02em}.toast[data-visible=true]{opacity:1;transform:translate(-50%) translateY(0)}.scrim{display:none;position:absolute;inset:0;z-index:15;background:#26201952;opacity:0;pointer-events:none;transition:opacity .22s ease}.scrim[data-visible=true]{opacity:1;pointer-events:auto}@media(max-width:960px){.workspace{grid-template-columns:1fr;position:relative}.workspace{overflow:hidden}.scrim{display:block}.panel{position:absolute;top:0;bottom:0;z-index:20;box-shadow:var(--shadow-pop);transition:transform .22s cubic-bezier(.32,.72,0,1),visibility .22s}.panel--left,.panel--left[data-collapsed=true]{left:0;width:min(84vw,var(--sidebar-w));border-right:1px solid var(--ui-line)}.panel--right,.panel--right[data-collapsed=true]{right:0;width:min(84vw,var(--inspector-w));border-left:1px solid var(--ui-line)}.panel[data-collapsed=true]{visibility:hidden}.panel--left[data-collapsed=true]{transform:translate(-100%)}.panel--right[data-collapsed=true]{transform:translate(100%)}.panel__inner,.panel--right .panel__inner{width:100%}}@media(max-width:620px){.topbar{gap:6px;padding:0 8px}.topbar__meta,.topbar__divider,.savestate__label{display:none}.topbar__book{max-width:26vw}.segmented__item{padding:0 8px}.btn--primary{padding:0 10px}.canvas{padding:14px 10px}.toast{bottom:16px;max-width:calc(100vw - 32px)}}@media(max-width:480px){.segmented__label{display:none}.segmented__item{padding:0 9px;gap:0}.topbar__book{max-width:34vw}}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}.canvas{position:relative;min-width:0;min-height:0;overflow:auto;display:grid;place-items:center;padding:28px 24px;background:linear-gradient(180deg,var(--paper-a) 0%,var(--paper-b) 100%);transition:background .26s ease;scrollbar-width:thin}.canvas::-webkit-scrollbar{width:10px;height:10px}.canvas::-webkit-scrollbar-thumb{background-clip:padding-box;border:3px solid transparent;border-radius:6px;background-color:#30281e33}.canvas__stage{position:relative;z-index:1;transform-origin:center center;transition:transform .2s cubic-bezier(.32,.72,0,1);will-change:transform}.canvas{--paper-a: #f7f2e6;--paper-b: #efe7d6;--ink: #241e17;--ink-soft: rgba(36, 30, 23, .62);--frame-color: rgba(36, 30, 23, .78);--rule-color: rgba(36, 30, 23, .17);--seal: #9c3b2c;--grain: .055}.canvas[data-paper=bamboo]{--paper-a: #f2e7cf;--paper-b: #e9dbbc;--ink: #2f2417;--ink-soft: rgba(47, 36, 23, .6);--frame-color: rgba(47, 36, 23, .76);--rule-color: rgba(47, 36, 23, .16);--grain: .07}.canvas[data-paper=sutra]{--paper-a: #ecdfc2;--paper-b: #e0d0ab;--ink: #33281a;--ink-soft: rgba(51, 40, 26, .62);--frame-color: rgba(51, 40, 26, .8);--rule-color: rgba(51, 40, 26, .18);--grain: .08}.canvas[data-paper=night]{--paper-a: #1b1916;--paper-b: #151310;--ink: #d3c9b6;--ink-soft: rgba(211, 201, 182, .55);--frame-color: rgba(211, 201, 182, .46);--rule-color: rgba(211, 201, 182, .12);--seal: #b05242;--grain: .04}.canvas:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--grain);mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}.canvas[data-paper=night]:before{mix-blend-mode:screen}.canvas[data-paper=bamboo]:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(90deg,rgba(120,92,48,.045) 0 1px,transparent 1px 8px)}.leaf{position:relative;z-index:1;width:var(--page-w);height:var(--page-h);color:var(--ink);transition:width .16s ease,height .16s ease}.leaf__frame{position:absolute;top:var(--margin-top);bottom:var(--margin-bottom);left:var(--margin-side);right:var(--margin-side);display:flex;padding:var(--frame-pad)}.leaf[data-frame=double] .leaf__frame,.leaf[data-frame=single] .leaf__frame{border:1.4px solid var(--frame-color)}.leaf[data-frame=double] .leaf__frame:before{content:"";position:absolute;inset:2.5px;border:.6px solid var(--frame-color);opacity:.85;pointer-events:none}.leaf__text{position:relative;flex:1;width:var(--text-w);height:var(--text-h);overflow:auto hidden;direction:rtl;overscroll-behavior-x:contain;scrollbar-width:none}.leaf__text::-webkit-scrollbar{display:none}.leaf[data-rules=true] .leaf__text{background-image:repeating-linear-gradient(to left,var(--rule-color) 0 .6px,transparent .6px var(--col-w))}.flow{direction:ltr;width:max-content;height:100%;writing-mode:vertical-rl;font-family:var(--book-font);font-size:var(--font-size);line-height:var(--line-gap);letter-spacing:var(--char-spacing);color:var(--ink);text-align:justify;text-justify:inter-character}.para{margin:0;padding:0;outline:none;transition:background .14s ease}.para--prose{text-indent:calc(2 * var(--cell))}.para--verse{padding-inline-start:calc(2 * var(--cell))}.para--quote{font-size:.86em;line-height:calc(var(--line-gap) / .86);letter-spacing:calc(var(--char-spacing) / .86);padding-inline-start:calc(2 * var(--cell));color:var(--ink-soft)}.chapter-head{margin:0;padding:0}.chapter-head__title{margin:0;font-size:1.14em;font-weight:400;line-height:calc(var(--line-gap) / 1.14);letter-spacing:.06em;outline:none}.chapter-head__byline{margin:0;font-size:.74em;line-height:calc(var(--line-gap) / .74);letter-spacing:.08em;padding-inline-start:calc(5 * var(--cell));color:var(--ink-soft);outline:none}.chapter-head__byline:empty:before{content:attr(data-placeholder);color:var(--ink-soft);opacity:.45}.jiazhu{display:inline-block;writing-mode:vertical-rl;font-size:.5em;line-height:calc(var(--col-w) / 2);letter-spacing:.02em;block-size:var(--col-w);inline-size:calc(var(--note-len, 4) * 1.08em);text-indent:0;vertical-align:top;color:var(--ink);opacity:.92;text-align:start;border-radius:1px;transition:background .14s ease,box-shadow .14s ease}.flow[data-notes=small] .jiazhu{display:inline;writing-mode:inherit;block-size:auto;inline-size:auto;line-height:inherit;font-size:.56em;letter-spacing:.06em;vertical-align:baseline}.flow[data-notes=hidden] .jiazhu{display:none}.flow[data-mode=edit] .para,.flow[data-mode=edit] .chapter-head__title,.flow[data-mode=edit] .chapter-head__byline{cursor:text;caret-color:var(--seal)}.flow[data-mode=edit] .para:hover,.flow[data-mode=edit] .chapter-head__title:hover,.flow[data-mode=edit] .chapter-head__byline:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.flow[data-mode=edit] .para[data-active=true],.flow[data-mode=edit] .para[data-active=true]:hover{background:color-mix(in srgb,var(--seal) 8%,transparent)}.flow[data-mode=edit] .jiazhu{cursor:pointer}.flow[data-mode=edit] .jiazhu:hover{background:color-mix(in srgb,var(--seal) 12%,transparent)}.jiazhu[data-selected=true]{background:color-mix(in srgb,var(--seal) 16%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--seal) 40%,transparent)}