*{box-sizing:border-box}body{isolation:isolate;background:radial-gradient(circle at 12% 8%,#eadcbfcf,#0000 34%),radial-gradient(circle at 88% 92%,#6d513c22,#0000 36%),linear-gradient(135deg,#c8b38f,#ae9874);min-width:320px;min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:0;aspect-ratio:1;pointer-events:none;filter:blur(5px);opacity:.42;border-radius:50%;width:min(42vw,520px);position:fixed}body:before{background:radial-gradient(circle,#f4e8ce66 0 16%,#f4e8ce00 66%);animation:18s ease-in-out infinite alternate ambient-drift-left;top:12vh;left:-14vw}body:after{background:radial-gradient(circle,#5d433526 0 10%,#5d433500 68%);animation:22s ease-in-out infinite alternate ambient-drift-right;bottom:4vh;right:-12vw}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:2px solid #8d5b49}.book-shell{z-index:1;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));position:relative}.book-spine{z-index:3;color:#453827;justify-content:space-between;align-items:center;max-width:920px;margin:0 auto 12px;display:flex;position:relative}.title-mark{letter-spacing:.2em;text-shadow:0 1px #f0e2c999;align-items:center;gap:10px;font-size:15px;transition:transform .24s,color .24s;display:flex}.title-mark:before{content:"卷";color:#7d4938;letter-spacing:0;background:#efe0c999;border:1px solid #8b523e99;place-items:center;width:27px;height:27px;font-size:11px;display:grid;transform:rotate(-3deg);box-shadow:0 4px 12px #5c453321}.mode-toggle,.new-page-mark{color:#624d39;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 12px}.mode-toggle{background:linear-gradient(145deg,#f5ead7d9,#e4d2b4c7);min-width:58px;min-height:42px;transition:transform .2s,box-shadow .2s,color .2s;box-shadow:inset 0 0 0 1px #917c5c55,0 6px 16px #5e453024}.paper-stage{isolation:isolate;perspective:1200px;max-width:920px;margin:auto;position:relative}.paper-stage:before,.paper-stage:after{content:"";pointer-events:none;border:1px solid #80664824;border-radius:6px 14px 14px 6px;position:absolute}.paper-stage:before{z-index:-2;background:#dfd0b6;inset:10px -7px -10px 13px;transform:rotate(.28deg);box-shadow:0 24px 52px #4b362635}.paper-stage:after{z-index:-1;background:#eee2cb;inset:5px -3px -5px 7px;transform:rotate(-.12deg);box-shadow:0 12px 28px #4b362622}.paper{isolation:isolate;background:#f7f0df;border:1px solid #8066482b;border-radius:5px 12px 12px 5px;width:100%;min-height:calc(100dvh - 92px);margin:0;position:relative;overflow:hidden;box-shadow:-14px 10px 34px #4b36262e,0 24px 56px #4b362626,inset 28px 0 38px #c5a97522,inset -10px 0 18px #bda27b14}.paper:before{content:"";z-index:1;pointer-events:none;background:#b57e6f3d;width:1px;position:absolute;top:0;bottom:0;left:42px}.paper:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#9b7d5420 72%,#fff9ea73);width:16px;position:absolute;top:0;bottom:0;right:0;box-shadow:inset -1px 0 #7a5b3b1f}.paper-grain{z-index:0;opacity:.32;pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000 0 34px,#9f876b15 35px 36px),radial-gradient(#9677542b .7px,#0000 .8px);background-size:auto,5px 5px;position:absolute;inset:0}.page-number,.quiet-note,.awakening,.new-page-mark,.page-turns,.margin-notes,.margin-note.clarification,.service-note,.transcription-note,.journey-guide,.annotation-stamp{z-index:5;position:absolute}.page-number{color:#917c5c;font-size:13px;top:28px;right:30px}.quiet-note{color:#9b8870;pointer-events:none;margin:0;font-size:clamp(14px,2vw,17px);line-height:1.7;top:72px;left:70px;right:58px}.first-trace{z-index:2;color:#695341;letter-spacing:.08em;pointer-events:none;background:linear-gradient(90deg,#f7f0dfd9,#f7f0df66);border-left:1px solid #9c70585c;width:min(58%,440px);margin:0;padding:18px 20px 17px 28px;font-family:Kaiti SC,STKaiti,KaiTi,cursive;line-height:1.75;animation:.4s ease-out write-in;position:absolute;top:31%;left:max(88px,12%)}.first-trace span{color:#8b523e;writing-mode:vertical-rl;letter-spacing:.2em;font-size:12px}.first-trace p{margin:-1.8em 0 8px 28px;font-size:clamp(19px,2.6vw,26px)}.first-trace em{color:#856958;font-size:clamp(15px,2vw,18px);font-style:normal;display:block}.first-trace small{color:#a18b74;letter-spacing:.04em;margin-top:8px;font-family:Noto Serif SC,Songti SC,serif;font-size:12px;display:block}.ink-canvas{z-index:3;touch-action:none;cursor:crosshair;width:calc(100% - 92px);height:calc(100% - 170px);position:absolute;inset:130px 32px 40px 60px}.awakening{color:#7b4b37;align-items:center;gap:8px;font-size:15px;animation:.25s ease-out write-in;display:flex;bottom:32px;right:40px}.ink-orb{background:#7b4b37;border-radius:50%;width:11px;height:11px;animation:1.1s ease-in-out infinite breathe;box-shadow:0 0 #7b4b3744}.new-page-mark,.clear-page-mark{opacity:.68;z-index:7;min-width:48px;min-height:38px;font-size:13px;transition:transform .2s,opacity .2s,background-color .2s;position:absolute;bottom:22px}.new-page-mark{left:30px}.clear-page-mark{color:#8b6551;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 12px;right:30px}.clear-page-mark:focus-visible{outline-offset:2px;outline:2px solid #986f60}.page-turns{z-index:7;color:#8c795f;align-items:center;gap:7px;font-size:11px;display:flex;bottom:23px;left:50%;transform:translate(-50%)}.page-turns button{color:inherit;background:0 0;border:0;padding:5px 7px}.page-turns button:disabled{opacity:.28}.relation-trail{z-index:2;opacity:.72;pointer-events:none;width:43%;height:45%;position:absolute;top:33%;left:52%;transform:rotate(-7deg)}.relation-trail:before,.relation-trail:after,.relation-trail i{content:"";transform-origin:0;border-top:1px solid #91523d77;position:absolute}.relation-trail:before{width:76%;top:20%;left:4%;transform:rotate(17deg)}.relation-trail:after{width:57%;top:48%;left:18%;transform:rotate(-13deg)}.relation-trail i{background:#f7f0dfaa;border:1px solid #91523d77;border-radius:50%;width:12px;height:12px}.relation-trail i:first-child{top:16%;left:0}.relation-trail i:nth-child(2){top:43%;left:65%}.relation-trail i:nth-child(3){top:29%;right:1%}.margin-notes,.margin-note.clarification,.service-note,.transcription-note,.experiment-export{overscroll-behavior:contain;gap:9px;width:min(31%,270px);display:grid;top:142px;bottom:54px;right:23px;overflow-y:auto}.transcription-note.paper-transcription{width:min(45%,360px);box-shadow:none;color:#5e4639;letter-spacing:.1em;text-shadow:0 .3px #4b372733;pointer-events:auto;background:0 0;border:0;padding:0 0 0 28px;font-family:Kaiti SC,STKaiti,KaiTi,cursive;font-size:clamp(16px,2vw,21px);line-height:1.7;animation:.3s ease-out write-in;display:block;top:auto;bottom:auto;right:auto;overflow:visible}.paper-transcription-seal{color:#8b523e;letter-spacing:.08em;writing-mode:vertical-rl;font-family:Noto Serif SC,Songti SC,serif;font-size:.62em;position:absolute;top:.2em;left:0}.paper-transcription-label{color:#967b68;letter-spacing:.04em;margin-bottom:2px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px;line-height:1.4;display:block}.journey-guide{color:#7a5a47;pointer-events:none;background:#f7f0dfbf;border-left:1px solid #a9856655;width:min(42%,360px);padding:7px 12px 7px 28px;font-family:Kaiti SC,STKaiti,KaiTi,cursive;line-height:1.5;top:104px;left:70px}.journey-bio{color:#806c5c;max-height:4.5em;margin-top:3px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px;line-height:1.5;display:block;overflow:hidden}.journey-bio span{color:#9b6c50}.journey-guide p{margin:0;font-size:13px}.journey-source{color:#9b7864;pointer-events:auto;width:fit-content;margin-top:2px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px;text-decoration-style:dotted;display:block}.journey-source:hover{color:#72503d}.journey-route{color:#9b6c50;letter-spacing:.12em;margin-top:3px;font-size:10px;font-weight:400;display:block}.journey-thread-summary{color:#735848;margin-top:3px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px;line-height:1.4;display:block}.journey-route-picker{pointer-events:auto;color:#9b7864;letter-spacing:.02em;margin-top:3px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px}.journey-route-picker small{display:block}.journey-route-picker div{gap:5px;margin-top:3px;display:flex}.journey-route-picker button{color:#72503d;cursor:pointer;background:#f1e3cacc;border:1px solid #96765d66;border-radius:11px;padding:2px 7px;font-size:10px}.journey-route-picker button:focus-visible{outline-offset:1px;outline:2px solid #986f60}.journey-route-options button{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;padding:4px 6px;display:flex}.journey-route-options button b{font-family:Kaiti SC,STKaiti,KaiTi,cursive;font-size:11px;font-weight:400}.journey-route-options button span{color:#9b7864;white-space:nowrap;font-family:Noto Serif SC,Songti SC,serif;font-size:9px;line-height:1.25}.journey-thread{color:#735848;max-height:112px;margin:3px 0 0;padding-left:17px;font-size:11px;line-height:1.4;overflow:hidden}.journey-thread li{margin:1px 0;padding-left:1px}.journey-thread li span{color:#6f4d3f}.journey-thread li small{color:#9b7864;font-size:10px}.journey-guide em{color:#8c5a43;margin-top:2px;font-size:12px;font-style:normal;display:block}.journey-association{color:#86635d;margin-top:4px;font-size:12px;font-style:italic;display:block}.journey-clue-hint{color:#735848;border-top:1px dotted #b08a6d88;margin-top:4px;padding-top:3px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px;line-height:1.45;display:block}.journey-clue-hint span{color:#9b6c50;letter-spacing:.08em}.margin-note{text-align:left;color:inherit;font:inherit;background:#f7f0dfe0;border:0;border-left:1px solid #a9856655;padding:12px 12px 10px 37px;position:relative;box-shadow:0 5px 13px #79604714}.evidence-trigger{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.evidence-trigger:focus-visible{outline-offset:3px;outline:2px solid #986f60}.margin-note p{margin:0;font-size:clamp(13px,1.5vw,15px);line-height:1.6}.margin-note small{color:#897a67;margin-top:8px;font-size:11px;line-height:1.45;display:block}.margin-note em{color:#7d4f3a;margin-top:6px;font-size:11px;font-style:normal;display:block}.note-seal{writing-mode:vertical-rl;letter-spacing:.18em;color:#8c523e;font-size:11px;position:absolute;top:11px;left:10px}.evidence{cursor:default}.association{color:#74493d;border-left-color:#986f6077}.gap{color:#594e42;border-left-color:#8f817077}.clarification{background:#f8f0ddeb}.candidate-row{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0;display:flex}.candidate-row span{color:#806b59;font-size:12px}.candidate-row button{color:#5a4838;cursor:pointer;background:#f1e3ca;border:1px solid #96765d66;border-radius:12px;padding:3px 8px}.candidate-row button:disabled{opacity:.45;cursor:default}.transcription-note .candidate-row button:focus-visible,.transcription-note>button:focus-visible{outline-offset:2px;outline:2px solid #986f60}.service-note{color:#685745;border-left-color:#8f817077}.service-note button{color:#5a4838;cursor:pointer;background:#f1e3ca;border:1px solid #96765d66;border-radius:12px;justify-self:start;padding:4px 10px}.transcription-note{background:#f8f0ddeb}.experiment-export{color:#685745;background:#f8f0ddeb;border-left:1px solid #8f817077;padding:12px 12px 10px 37px}.experiment-export p{margin:0;font-size:12px;line-height:1.5}.experiment-export button{color:#5a4838;cursor:pointer;background:#f1e3ca;border:1px solid #96765d66;border-radius:12px;justify-self:start;padding:4px 10px}.transcription-edit{color:#493d31;border-bottom:1px dotted #96765d;outline:none;min-height:1.7em;margin-top:2px;padding:0 0 2px;line-height:1.6}.transcription-edit:empty:before{content:"在这里补写你确认的文字";color:#a18b74;pointer-events:none}.transcription-note button{color:#5a4838;background:#f1e3ca;border:1px solid #96765d66;border-radius:12px;justify-self:start;padding:4px 10px}.transcription-note button:disabled{opacity:.45;cursor:default}.paper-transcription .candidate-row{letter-spacing:0;margin:4px 0 0;font-family:Noto Serif SC,Songti SC,serif;font-size:11px}.paper-transcription .candidate-row button{background:0 0;border-color:#96765d88;padding:2px 7px;font-size:11px}.paper-transcription-confirm{margin-top:5px;font-family:Noto Serif SC,Songti SC,serif;font-size:11px;color:#7d4f3a!important;background:0 0!important;border:0!important;border-bottom:1px solid #96765d88!important;border-radius:0!important;padding:1px 0!important}.trace-card{color:#493d31;background:#f5ead6f2;border:1px solid #8b765a5c;padding:13px 15px;font-size:13px;line-height:1.55;box-shadow:0 8px 18px #6d4d301b}.trace-card strong{letter-spacing:.16em}.trace-card p{margin:7px 0}.trace-card ol{margin:6px 0;padding-left:20px}.trace-card a{color:#72503d;text-decoration-style:dotted}.trace-secondary-index{color:#654d3e;background:#efe0c7a8;border-left:2px solid #9b6c5088;margin:9px 0;padding:7px 9px}.trace-secondary-index b{color:#8b523e;letter-spacing:.12em;font-size:11px;font-weight:400;display:block}.trace-secondary-index p{margin:4px 0 0;font-size:12px}.trace-index-group{margin-top:5px}.trace-index-label{color:#80614e;font-size:11px}.trace-timeline{border-left:1px solid #a9856688;list-style:none;margin:4px 0 0!important;padding:0 0 0 9px!important}.trace-timeline li{grid-template-columns:3.8em minmax(0,1fr);gap:5px;margin:3px 0;padding-left:7px;display:grid;position:relative}.trace-timeline li:before{content:"";background:#f5ead6;border:1px solid #9b6c50;border-radius:50%;width:6px;height:6px;position:absolute;top:.58em;left:-13px}.trace-timeline time{color:#8b523e;font-size:11px}.trace-timeline span{color:#654d3e;font-size:12px}.page-annotation{z-index:6}.annotation-collect{color:#5a4838;cursor:pointer;background:#f1e3ca;border:1px solid #96765d66;border-radius:12px;justify-self:start;padding:4px 10px}.annotation-stamp{z-index:8;color:#7f4838;letter-spacing:.08em;background:#f6eddbc9;border:1px solid #8a503d;border-radius:50%;width:35px;height:35px;transform:rotate(-9deg)}.paper-reply{z-index:4;color:#5e4639;letter-spacing:.12em;text-shadow:0 .3px #4b372733;pointer-events:none;width:min(43%,330px);margin:0;font-family:Kaiti SC,STKaiti,KaiTi,cursive;font-size:clamp(16px,2vw,21px);line-height:1.75;position:absolute}.paper-reply-seal{color:#8b523e;letter-spacing:.08em;vertical-align:.16em;margin-right:.45em;font-family:Noto Serif SC,Songti SC,serif;font-size:.62em;display:inline-block}.paper-reply-caret{vertical-align:-.14em;background:currentColor;width:1px;height:1.05em;margin-left:.18em;animation:.62s step-end infinite reply-caret;display:inline-block}.ink-awakening .paper-grain,.ink-reading .paper-grain{animation:1.4s ease-in-out infinite paper-breathe}.scroll-opening{z-index:100;color:#4e3c30;cursor:pointer;background:radial-gradient(circle,#dfcfb5ed 0 20%,#9e8765f2 78%),#a48d6c;place-items:center;padding:24px;animation:1.4s linear both opening-veil;display:grid;position:fixed;inset:0;overflow:hidden}.scroll-opening:before,.scroll-opening:after{content:"";pointer-events:none;position:absolute;inset:0}.scroll-opening:before{opacity:.34;mix-blend-mode:multiply;background-image:radial-gradient(#6f553d3b .7px,#0000 .8px);background-size:6px 6px}.scroll-opening:after{background:radial-gradient(#0000 38%,#3f2c1e42 100%)}.scroll-opening-scroll{filter:drop-shadow(0 26px 34px #3d2c2047);width:min(780px,100vw - 40px);height:min(430px,56vh);position:relative}.scroll-opening-sheet{z-index:1;transform-origin:50%;background:linear-gradient(90deg,#d5c19e 0,#f2e6cd 7%,#f8eedb 50%,#efe1c6 93%,#cdb48e 100%);border:1px solid #80664744;place-items:center;animation:1.4s cubic-bezier(.2,.7,.24,1) both scroll-unfurl;display:grid;position:absolute;inset:0 9px;overflow:hidden;transform:scaleX(.035);box-shadow:inset 0 0 38px #7e5d3429,inset 0 0 0 6px #fff9eb33}.scroll-opening-sheet:before{content:"";opacity:.38;background-image:repeating-linear-gradient(0deg,#0000 0 32px,#92765712 33px 34px),radial-gradient(#876a4925 .6px,#0000 .8px);background-size:auto,5px 5px;position:absolute;inset:0}.scroll-opening-cloud{aspect-ratio:1.8;opacity:0;filter:blur(.3px);border:1px solid #7459432b;border-radius:50%;width:38%;animation:1.4s ease-out both opening-ink;position:absolute}.scroll-opening-cloud:before,.scroll-opening-cloud:after{content:"";border:inherit;border-radius:50%;position:absolute}.scroll-opening-cloud:before{inset:28% -18% -18% 24%}.scroll-opening-cloud:after{inset:-18% 20% 34% -14%}.scroll-opening-cloud-left{top:18%;left:7%;transform:rotate(-9deg)}.scroll-opening-cloud-right{animation-delay:80ms;bottom:15%;right:7%;transform:rotate(171deg)}.scroll-opening-inscription{z-index:2;opacity:0;text-align:center;justify-items:center;gap:14px;animation:1.4s ease-out both opening-title;display:grid;position:relative}.scroll-opening-kicker{color:#8f7158;letter-spacing:.42em;font-size:12px}.scroll-opening-inscription strong{color:#49372c;letter-spacing:.3em;text-indent:.3em;text-shadow:0 2px #fff7e38f;font-family:Kaiti SC,STKaiti,KaiTi,cursive;font-size:clamp(30px,5vw,48px);font-weight:400}.scroll-opening-seal{color:#8b493c;border:2px solid #8b493c;place-items:center;width:34px;height:34px;font-size:17px;line-height:1;display:grid;transform:rotate(-5deg);box-shadow:inset 0 0 0 2px #f5e7cf}.scroll-opening-roller{z-index:3;background:linear-gradient(90deg,#543c2b,#9a7652 32%,#5a402d 74%,#34241b);border:1px solid #5039279c;border-radius:9px;width:18px;position:absolute;top:-12px;bottom:-12px;box-shadow:0 8px 18px #3222185c,inset 1px 0 #d9b98277}.scroll-opening-roller:before,.scroll-opening-roller:after{content:"";background:linear-gradient(#8d6b49,#3f2b20);border:1px solid #523b2ba6;border-radius:50%;width:27px;height:9px;position:absolute;left:50%;transform:translate(-50%)}.scroll-opening-roller:before{top:-4px}.scroll-opening-roller:after{bottom:-4px}.scroll-opening-roller-left{animation:1.4s cubic-bezier(.2,.7,.24,1) both roller-left}.scroll-opening-roller-right{animation:1.4s cubic-bezier(.2,.7,.24,1) both roller-right}.scroll-opening-skip{z-index:4;left:50%;bottom:max(28px, env(safe-area-inset-bottom));color:#5f493bb8;letter-spacing:.18em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #5f493b52;min-width:92px;min-height:40px;font-size:12px;animation:1.1s ease-out .2s both opening-title;position:absolute;transform:translate(-50%)}@media (hover:hover){.title-mark:hover{color:#6d4939;transform:translateY(-1px)}.mode-toggle:hover{color:#784a38;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #8c624c66,0 9px 20px #5e453031}.new-page-mark:hover,.clear-page-mark:hover{opacity:1;background:#ead9bda8;transform:translateY(-1px)}.margin-note:hover,.trace-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #65482f21}.annotation-stamp:hover{transform:rotate(-7deg)translateY(-2px)scale(1.03);box-shadow:0 8px 16px #62432c2b}}.mode-toggle:active,.new-page-mark:active,.clear-page-mark:active,.annotation-collect:active{transform:translateY(1px)}.margin-note,.trace-card{transition:transform .24s,box-shadow .24s}.annotation-stamp{transition:transform .22s,box-shadow .22s}@keyframes ambient-drift-left{to{opacity:.52;transform:translate(4vw,-3vh)scale(1.08)}}@keyframes ambient-drift-right{to{opacity:.34;transform:translate(-3vw,4vh)scale(.94)}}@keyframes opening-veil{0%,82%{opacity:1}to{opacity:0}}@keyframes scroll-unfurl{0%{filter:brightness(.84);transform:scaleX(.035)}68%{filter:brightness();transform:scaleX(1.012)}82%,to{filter:brightness();transform:scaleX(1)}}@keyframes roller-left{0%{left:calc(50% - 9px)}68%,to{left:0}}@keyframes roller-right{0%{right:calc(50% - 9px)}68%,to{right:0}}@keyframes opening-title{0%,34%{opacity:0;transform:translateY(7px)}67%,to{opacity:1;transform:translateY(0)}}@keyframes opening-ink{0%,44%{opacity:0}76%,to{opacity:.46}}@keyframes breathe{50%{transform:scale(1.08);box-shadow:0 0 0 9px #7b4b3700}}@keyframes paper-breathe{50%{opacity:.48}}@keyframes write-in{0%{opacity:0;transform:translateY(4px)}}@keyframes reply-caret{50%{opacity:0}}@media (width<=700px){.book-shell{padding-left:8px;padding-right:8px}.book-spine{margin-bottom:9px;padding:0 6px}.title-mark{letter-spacing:.15em;gap:7px;font-size:13px}.title-mark:before{width:25px;height:25px}.paper-stage:before{inset:7px -3px -7px 8px}.paper-stage:after{inset:4px -1px -4px 4px}.paper{min-height:calc(100dvh - 78px)}.paper:before{left:28px}.quiet-note{top:62px;left:45px;right:30px}.first-trace{width:min(68%,350px);padding-left:22px;top:29%;left:53px}.first-trace p{font-size:20px}.journey-guide{width:min(50%,250px);top:99px;left:45px}.ink-canvas{width:calc(100% - 56px);height:calc(100% - 160px);inset:126px 14px 34px 42px}.page-number{top:22px;right:20px}.awakening{bottom:24px;right:20px}.new-page-mark{bottom:12px;left:12px}.clear-page-mark{bottom:12px;right:8px}.page-turns{bottom:17px}.margin-notes,.margin-note.clarification,.service-note,.transcription-note,.experiment-export{width:min(46%,230px);top:144px;right:16px}.relation-trail{width:56%;left:37%}.scroll-opening{padding:12px}.scroll-opening-scroll{width:calc(100vw - 24px);height:min(420px,62vh)}.scroll-opening-inscription strong{letter-spacing:.2em;text-indent:.2em;font-size:28px}.scroll-opening-kicker{letter-spacing:.25em;font-size:10px}}@media (prefers-reduced-motion:reduce){#root>:not(.scroll-opening),#root>:not(.scroll-opening) *,#root>:not(.scroll-opening) :before,#root>:not(.scroll-opening) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.journey-switch{pointer-events:auto;color:#8c5a43;cursor:pointer;background:0 0;border:0;border-bottom:1px dotted #9b7864;margin-top:4px;padding:0 1px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px}.journey-route-picker{background:#efe0c7cc;border:1px solid #b08a6d88;border-radius:2px;margin-top:7px;padding:7px 8px 8px;box-shadow:0 4px 9px #79604716}.journey-guide-kicker{color:#8b523e;letter-spacing:.12em;margin-bottom:3px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px;font-weight:400;display:block}.journey-route-picker button{background:#f7eddbdd;border-color:#96765d88}.journey-switch:focus-visible{outline-offset:2px;outline:2px solid #986f60}.journey-collect{pointer-events:auto;color:#72503d;cursor:pointer;background:#f1e3cacc;border:1px solid #96765d66;border-radius:12px;margin-top:4px;padding:3px 9px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px}.journey-collect:focus-visible{outline-offset:2px;outline:2px solid #986f60}.journey-collected-note{color:#9b6c50;margin-top:4px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px;display:block}.journey-route-picker button{min-height:32px;padding-top:5px;padding-bottom:5px}.journey-collect,.journey-switch{min-height:30px;padding-top:5px;padding-bottom:5px}.journey-beats{pointer-events:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:5px 0 2px;padding:0;list-style:none;display:grid}.journey-beats li{color:#aa917a;align-items:center;gap:3px;min-width:0;font-family:Noto Serif SC,Songti SC,serif;font-size:9px;display:flex;position:relative}.journey-beats li:not(:last-child):after{content:"";background:#b79b7c66;flex:1;height:1px;margin-left:2px}.journey-beats li span{color:#9f8064;border:1px solid #b79b7c99;border-radius:50%;flex:0 0 14px;place-items:center;width:14px;height:14px;font-size:8px;display:inline-grid}.journey-beats li small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.journey-beats .journey-beat-current{color:#8c5a43}.journey-beats .journey-beat-current span,.journey-beats .journey-beat-done span{color:#8b523e;background:#eedcc4aa;border-color:#8b523e}.journey-beats .journey-beat-done{color:#735848}.journey-beats .journey-beat-done:not(:last-child):after{background:#9b6c5088}.journey-ritual{color:#735848;grid-template-columns:2.1em minmax(0,1fr);gap:2px 5px;margin:5px 0 2px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px;line-height:1.45;display:grid}.journey-ritual dt{color:#9b6c50;letter-spacing:.08em}.journey-ritual dd{overflow-wrap:anywhere;min-width:0;margin:0}.journey-thread li{position:relative}.journey-thread li:before{content:"起点";color:#9b6c50;letter-spacing:.08em;margin-bottom:1px;font-family:Noto Serif SC,Songti SC,serif;font-size:10px;display:block}.journey-thread li:nth-child(2):before{content:"转折"}.journey-thread li:nth-child(3):before{content:"回望"}.journey-thread li:nth-child(4):before{content:"收束"}.journey-thread li:nth-child(n+5):before{content:"续写"}.paper-transcription-retry{margin-left:7px;font-size:10px;color:#8c5a43!important;background:0 0!important;border:0!important;border-bottom:1px dotted #96765d88!important;border-radius:0!important;padding:1px 0!important}:root{color:#2f2821;background:#29251f;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,serif}body{background:radial-gradient(circle at 14% 8%,#9f825c47,#0000 30%),radial-gradient(circle at 88% 88%,#0f0c0a78,#0000 38%),linear-gradient(145deg,#393129 0%,#29241f 54%,#211e1a 100%)}body:before{background:radial-gradient(circle,#d9bd8a24 0 12%,#d9bd8a00 68%);top:-12vh;left:-18vw}body:after{background:radial-gradient(circle,#8e4d3924 0 12%,#8e4d3900 70%);bottom:-14vh;right:-16vw}.book-shell{padding:max(20px, env(safe-area-inset-top)) 24px max(26px, env(safe-area-inset-bottom))}.book-spine{color:#efe4d0;max-width:1080px;min-height:54px;margin:0 auto 15px}.brand-lockup{align-items:center;gap:18px;display:flex}.brand-lockup>small{color:#bfae94;letter-spacing:.24em;border-left:1px solid #d9c19b38;padding-left:18px;font-size:11px}.title-mark{color:#f5ead7;letter-spacing:.26em;text-shadow:0 2px 12px #0b090766;gap:12px;font-size:16px}.title-mark:before{content:"札";color:#f1d8c6;background:#8b4539;border:1px solid #bf7562;width:31px;height:31px;transform:rotate(-2deg);box-shadow:inset 0 0 0 2px #dab5a331,0 7px 17px #120e0b66}.mode-control{align-items:center;gap:11px;display:flex}.mode-control>span{color:#aa9a83;letter-spacing:.2em;font-size:10px}.mode-toggle{color:#efe3d0;letter-spacing:.16em;background:linear-gradient(145deg,#5a4d40d9,#3b342dd9);border:1px solid #d8c4a92e;justify-content:center;align-items:center;gap:8px;min-width:88px;min-height:38px;padding:8px 15px;font-size:12px;display:inline-flex;box-shadow:inset 0 1px #fff7e817,0 9px 22px #0d0a0847}.mode-toggle i{background:#8e4e3f;border:1px solid #d4b69b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #8e4e3f26}.mode-toggle[aria-pressed=false] i{box-shadow:none;background:0 0}.paper-stage{max-width:1080px}.paper-stage:before{background:#bca987;border-radius:4px 17px 17px 5px;inset:13px -9px -12px 16px;transform:rotate(.3deg);box-shadow:0 34px 64px #08060561}.paper-stage:after{background:#d9c8aa;border-radius:4px 16px 16px 5px;inset:7px -5px -7px 9px;transform:rotate(-.1deg);box-shadow:0 18px 35px #110d0a4a}.paper{background:#f3ead8;border-color:#78624752;border-radius:3px 16px 16px 4px;min-height:calc(100dvh - 116px);box-shadow:-18px 15px 40px #0d0a0847,0 34px 76px #0b080654,inset 34px 0 50px #9d7b4321,inset -12px 0 24px #765b3517}.paper:before{background:linear-gradient(#9e584600,#9e58465c 9% 91%,#9e584600);width:2px;left:47px}.paper:after{background:linear-gradient(90deg,#0000,#8c70492b 66%,#fff8e777);width:22px}.paper-grain{opacity:.48;background-image:repeating-linear-gradient(0deg,#0000 0 39px,#8f785515 40px 41px),radial-gradient(#80684620 .65px,#0000 .75px);background-size:auto,6px 6px}.paper-grain:after{content:"";background:linear-gradient(#9e584600,#9e584649 9% 91%,#9e584600);width:1px;position:absolute;top:104px;bottom:64px;right:318px}.paper-masthead{z-index:6;border-bottom:1px solid #8d745132;justify-content:space-between;align-items:center;gap:24px;height:92px;display:flex;position:absolute;top:0;left:70px;right:34px}.quiet-note,.page-number{position:static}.quiet-note{color:#655848;flex:1;margin:0;font-size:clamp(13px,1.45vw,15px);line-height:1.55}.quiet-note>span{color:#8a5140;letter-spacing:.16em;vertical-align:.08em;background:#eadac177;border:1px solid #9b705c47;border-radius:2px;margin-right:13px;padding:4px 8px;font-size:9px;display:inline-block}.page-number{color:#967e64;align-items:baseline;gap:9px;display:flex}.page-number span{letter-spacing:.18em;font-size:10px}.page-number strong{color:#634d3e;letter-spacing:.08em;font-family:Georgia,serif;font-size:20px;font-weight:400}.writing-field-label{z-index:2;color:#9a866e;letter-spacing:.16em;pointer-events:none;align-items:center;gap:9px;font-size:9px;display:flex;position:absolute;top:111px;left:72px}.writing-field-label span{color:#af9a80;letter-spacing:.12em;font-family:Georgia,serif;font-size:8px}.first-trace{color:#5e4939;background:linear-gradient(90deg,#eadbc17a,#f4ebdc2b 76%,#0000);border-left:2px solid #995c4866;width:min(52%,520px);padding:25px 26px 24px 39px;top:31%;left:8.5%}.first-trace:after{content:"从一人起笔";color:#aa9277;letter-spacing:.2em;font-family:Noto Serif SC,Songti SC,serif;font-size:9px;position:absolute;top:-16px;right:18px}.first-trace span{color:#955441}.first-trace p{color:#4e3c30;letter-spacing:.1em;margin-left:34px;font-size:clamp(22px,2.35vw,28px)}.first-trace em{color:#765846;font-size:clamp(14px,1.7vw,17px)}.first-trace small{color:#9a836b;margin-top:12px}.ink-canvas{width:calc(100% - 412px);height:calc(100% - 212px);inset:136px 340px 76px 72px}.awakening{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f3e8d3c7;border:1px solid #a9826c40;border-radius:999px;padding:7px 11px;font-size:12px;bottom:82px;right:347px}.relation-trail{opacity:.52;width:35%;height:36%;top:34%;left:29%}.page-note-rail{z-index:6;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a78b6a55 transparent;border-left:1px solid #9d6c5747;width:270px;padding:0 5px 20px 21px;position:absolute;top:107px;bottom:68px;right:25px;overflow:hidden auto}.page-note-rail::-webkit-scrollbar{width:4px}.page-note-rail::-webkit-scrollbar-thumb{background:#a78b6a55;border-radius:4px}.note-rail-heading{z-index:4;background:linear-gradient(#f3ead8 72%,#f3ead800);border-bottom:1px solid #9a806135;justify-content:space-between;align-items:baseline;min-height:29px;margin-bottom:10px;padding:2px 0 8px;display:flex;position:sticky;top:0}.note-rail-heading span{color:#745342;letter-spacing:.18em;font-size:11px}.note-rail-heading small{color:#b09b81;letter-spacing:.14em;font-family:Georgia,serif;font-size:7px}.note-rail-empty{color:#9b866e;background:#eee1cc55;border:1px dashed #9c826247;border-radius:3px;grid-template-columns:27px minmax(0,1fr);align-items:start;gap:10px;margin-top:20px;padding:13px 12px 14px;display:grid}.note-rail-empty>span{color:#8b5947;border:1px solid #a06a5766;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.note-rail-empty p{margin:1px 0 0;font-size:11px;line-height:1.7}.page-note-rail>.journey-guide,.page-note-rail>.service-note,.page-note-rail>.experiment-export,.page-note-rail>.page-annotation,.page-note-rail>.annotation-stamp{width:100%;margin:0 0 11px;position:relative!important;inset:auto!important}.page-note-rail>.margin-notes,.page-note-rail>.experiment-export{display:grid;overflow:visible}.journey-guide{color:#634a3a;pointer-events:auto;background:linear-gradient(145deg,#f7eddbd9,#ead8bb9e);border:1px solid #a8876759;border-top-color:#8d5b477d;border-radius:3px;padding:14px 13px 14px 39px;font-family:Kaiti SC,STKaiti,KaiTi,cursive;box-shadow:0 8px 18px #65482f15,inset 0 1px #fffaf0a6}.journey-guide>p{color:#503b30;font-size:13px;line-height:1.6}.journey-guide>em{color:#87513e;border-top:1px dotted #a9856677;margin-top:7px;padding-top:7px;line-height:1.45}.journey-bio{max-height:5.8em;margin-top:7px;font-size:10px;line-height:1.6}.journey-source{margin-top:6px}.journey-route{border-top:1px solid #a884663b;margin-top:9px;padding-top:7px}.journey-route-picker{background:#ead7b9b8;border-color:#9f755d57;border-radius:3px;margin-top:10px;padding:10px;box-shadow:inset 0 1px #fff8e96b}.journey-route-picker div{gap:6px;margin-top:8px}.journey-route-picker button{background:#f7eddbd6;border-radius:3px;min-height:50px}.journey-route-options button span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.journey-beats{gap:5px;margin:8px 0 4px}.journey-ritual{border-top:1px dotted #a9856666;border-bottom:1px dotted #a9856666;margin-top:9px;padding:8px 0}.journey-thread{max-height:none;margin-top:8px}.margin-note,.trace-card,.experiment-export{background:linear-gradient(145deg,#f7eededb,#ecddc3cf);border:1px solid #a78a6852;border-left:2px solid #a16b565e;border-radius:3px;box-shadow:0 7px 16px #65482f12}.margin-note{padding:13px 12px 12px 38px}.margin-note p{color:#4f4136;font-size:13px;line-height:1.65}.note-seal{color:#934f3e;top:13px;left:12px}.annotation-collect,.journey-collect,.service-note button,.experiment-export button{color:#68483a;background:#f3e6d0;border-radius:3px}.trace-card{background:#ead7b8b8;margin-top:11px;padding:13px;box-shadow:inset 0 1px #fff8e978}.trace-card a{overflow-wrap:anywhere;margin-top:6px;font-size:11px;line-height:1.45;display:block}.annotation-stamp{border-radius:4px 50% 50%;justify-self:end;height:38px;width:38px!important;margin-right:8px!important}.paper-transcription{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f4e8d2e3;border:1px solid #a2816463;border-left:2px solid #995c4866;border-radius:3px;width:min(38%,350px);padding:12px 14px 12px 39px;box-shadow:0 10px 24px #59432d1c}.paper-transcription-seal{top:13px;left:13px}.paper-transcription-confirm{margin-top:8px}.paper-reply{background:linear-gradient(90deg,#f3e7d2a3,#0000);border-left:1px solid #a26b5652;width:min(40%,380px);padding:11px 14px;font-size:clamp(15px,1.8vw,20px)}.page-footer{z-index:8;background:linear-gradient(#f3ead800,#f3ead8cc 24%,#f3ead8 65%);border-top:1px solid #8d74512e;grid-template-columns:1fr auto 1fr;align-items:center;height:59px;display:grid;position:absolute;bottom:0;left:70px;right:34px}.page-footer .new-page-mark,.page-footer .clear-page-mark,.page-footer .page-turns{position:static;transform:none}.page-footer .new-page-mark,.page-footer .clear-page-mark{opacity:.78;letter-spacing:.14em;border:1px solid #0000;border-radius:3px;min-width:62px;min-height:34px;padding:6px 10px;font-size:11px}.page-footer .new-page-mark{color:#6d4d3e;justify-self:start}.page-footer .new-page-mark:before{content:"+";color:#9a5845;margin-right:7px;font-family:Georgia,serif;font-size:15px}.page-footer .clear-page-mark{color:#8b7560;justify-self:end}.page-footer .page-turns{color:#8d765e;gap:12px;display:flex}.page-footer .page-turns span{text-align:center;letter-spacing:.08em;min-width:42px;font-family:Georgia,serif}.page-footer .page-turns button{cursor:pointer;min-width:45px}.scroll-opening{background:radial-gradient(circle,#c8ad83de 0 18%,#5e4c3aed 76%),#3c322a}.scroll-opening-sheet{background:linear-gradient(90deg,#b89d76 0,#e7d6b7 7%,#f4e7cf 50%,#e5d1ae 93%,#ac8e66 100%);border-color:#6d513d69}@media (hover:hover){.mode-toggle:hover{color:#fff7e9;background:linear-gradient(145deg,#665547,#443930);box-shadow:inset 0 1px #fff7e824,0 12px 24px #0d0a0857}.journey-route-picker button:hover,.annotation-collect:hover,.journey-collect:hover{background:#f8edd9;border-color:#8f604c88}}@media (width<=900px){.brand-lockup>small{display:none}.paper-grain:after{right:286px}.ink-canvas{width:calc(100% - 377px);right:305px}.awakening{right:312px}.page-note-rail{width:240px}.first-trace{width:min(50%,410px)}}@media (width<=700px){.book-shell{padding:max(10px, env(safe-area-inset-top)) 8px max(14px, env(safe-area-inset-bottom))}.book-spine{min-height:46px;margin-bottom:9px;padding:0 5px}.title-mark{letter-spacing:.17em;font-size:13px}.title-mark:before{width:27px;height:27px}.mode-control>span{display:none}.mode-toggle{min-width:72px;min-height:35px;padding:7px 11px}.paper-stage:before{inset:8px -3px -8px 8px}.paper-stage:after{inset:4px -1px -4px 4px}.paper{border-radius:2px 10px 10px 3px;min-height:calc(100dvh - 76px)}.paper:before{width:1px;left:29px}.paper-masthead{gap:10px;height:82px;left:43px;right:19px}.quiet-note{font-size:12px}.quiet-note>span,.page-number span{display:none}.page-number strong{font-size:17px}.writing-field-label,.paper-grain:after{display:none}.ink-canvas{width:calc(100% - 57px);height:calc(100% - 174px);inset:106px 14px 68px 43px}.first-trace{width:calc(100% - 92px);padding:21px 18px 20px 30px;top:27%;left:49px}.first-trace:after{display:none}.first-trace p{margin-left:28px;font-size:21px}.first-trace em{font-size:14px}.page-note-rail{background:linear-gradient(90deg,#f3ead800,#f3ead8d4 14%,#f3ead8f0);border-left-color:#9d6c5738;width:min(54%,238px);padding-left:10px;top:98px;bottom:64px;right:12px}.page-note-rail:has(.note-rail-empty){border:0;width:0;padding:0;overflow:hidden}.note-rail-heading{min-height:25px}.journey-guide{padding:11px 9px 12px 33px}.journey-route-options{flex-direction:column}.journey-route-picker button{min-height:38px}.paper-transcription{width:min(66%,330px)}.paper-reply{width:min(60%,320px);font-size:15px}.awakening{bottom:73px;right:16px}.relation-trail{width:58%;left:33%}.page-footer{height:55px;left:43px;right:16px}.page-footer .new-page-mark,.page-footer .clear-page-mark{letter-spacing:.06em;min-width:46px;padding:5px 4px}.page-footer .page-turns{gap:3px}.page-footer .page-turns button{min-width:34px;padding:5px 2px;font-size:10px}}