:root{--paper:#F5EFE0;--paper-deep:#E8DCC0;--paper-edge:#C9B68A;--ink:#2C2418;--ink-soft:#4A3A2A;--ink-mute:#6B5847;--ink-faint:#998571;--vermilion:#B53A2C;--vermilion-d:#8E2A20;--vermilion-l:#D8584A;--bamboo:#4A6650;--gold:#C49B4A;--ash:#B8AE96;--fs-xs:0.6875rem;--fs-sm:0.8125rem;--fs-md:0.9375rem;--fs-lg:1.0625rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--r-sm:4px;--r-md:8px;--r-lg:14px;--r-xl:20px;--shadow-card:0 2px 8px rgba(75,50,30,0.08),0 8px 24px rgba(75,50,30,0.12);--shadow-float:0 4px 16px rgba(75,50,30,0.15),0 12px 32px rgba(75,50,30,0.18);--shadow-stamp:0 1px 0 rgba(180,58,44,0.4);--font-serif:"Source Han Serif SC","Noto Serif SC","Songti SC","SimSun","FangSong",serif;--font-kai:"Ma Shan Zheng","FZShuTi","Kaiti SC","KaiTi","STKaiti","FangSong",serif;--font-zhuan:"ZCOOL XiaoWei","Ma Shan Zheng","STZhongsong",serif;--font-en:"Cormorant Garamond","Times New Roman",serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;min-height:100vh;font-family:var(--font-kai);font-size:14px;line-height:1.7;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}html{font-size:calc(100vw / 375 * 16)}@media (min-width:480px){html{font-size:16px}}@media (max-width:320px){html{font-size:13px}}body{background-color:var(--paper);background-image:radial-gradient(circle at 20% 30%,rgba(201,182,138,.18) 0,transparent 35%),radial-gradient(circle at 78% 62%,rgba(201,182,138,.14) 0,transparent 40%),repeating-linear-gradient(45deg,transparent,transparent 14px,rgba(155,130,90,.025) 0,rgba(155,130,90,.025) 15px),repeating-linear-gradient(-45deg,transparent,transparent 22px,rgba(155,130,90,.02) 0,rgba(155,130,90,.02) 23px);background-attachment:fixed;padding-bottom:env(safe-area-inset-bottom)}body:before{content:"";position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--vermilion) 0,var(--vermilion) 25%,var(--paper-edge) 25%,var(--paper-edge) 50%,var(--bamboo) 50%,var(--bamboo) 75%,var(--paper-edge) 75%,var(--paper-edge) 100%);z-index:100}.serif,h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;letter-spacing:.05em}.zhuan{font-family:var(--font-zhuan)}.kai{font-family:var(--font-kai)}.en{font-family:var(--font-en);font-style:italic}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1px solid var(--ink-mute);background:var(--paper);color:var(--ink);font-family:var(--font-kai);font-size:var(--fs-md);border-radius:var(--r-md);cursor:pointer;transition:all .2s}.btn:active{transform:scale(.96)}.btn-primary{background:var(--vermilion);color:var(--paper);border-color:var(--vermilion)}.btn-ghost{background:transparent}.app{max-width:480px;margin:0 auto;min-height:100vh}.app,.header{position:relative}.header{text-align:center;padding:var(--sp-6) var(--sp-4) var(--sp-4)}.header h1{font-size:var(--fs-3xl);color:var(--ink);margin-bottom:var(--sp-2)}.header h1 .bracket{color:var(--vermilion);font-family:var(--font-zhuan)}.header .subtitle{font-size:var(--fs-sm);color:var(--ink-mute);letter-spacing:.6em;margin-left:.6em;padding-left:0}.header .deco-line{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-3) auto 0;max-width:70%;color:var(--vermilion)}.header .deco-line:after,.header .deco-line:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--paper-edge),transparent)}.stamp{display:inline-block;background:var(--vermilion);color:var(--paper);font-family:var(--font-zhuan);font-weight:700;padding:6px 10px;border-radius:4px;border:2px solid var(--vermilion-d);position:relative;box-shadow:var(--shadow-stamp);letter-spacing:.1em}.stamp:before{content:"";position:absolute;inset:1px;border:1px solid var(--paper);border-radius:2px;pointer-events:none}.stamp.lg{font-size:var(--fs-2xl);padding:10px 16px}.stamp.sm{font-size:var(--fs-sm);padding:3px 6px}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;background:var(--paper-deep);border-top:1px solid var(--paper-edge);z-index:99;padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1 1;padding:var(--sp-3) 0;text-align:center;color:var(--ink-mute);font-size:var(--fs-xs);font-family:var(--font-kai);transition:color .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.tabbar a.active,.tabbar a:active{color:var(--vermilion)}.tabbar .tab-icon{font-size:var(--fs-xl);line-height:1}.tabbar-placeholder{height:60px;padding-bottom:env(safe-area-inset-bottom)}.shelf{padding:var(--sp-4);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.scroll-card{position:relative;background:linear-gradient(135deg,var(--paper-deep) 0,var(--paper) 100%);border:1px solid var(--paper-edge);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-3);min-height:96px;cursor:pointer;transition:transform .25s,box-shadow .25s;overflow:hidden;display:flex;align-items:center;gap:var(--sp-3)}.scroll-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--vermilion) 0,var(--vermilion) 4px,transparent 4px,transparent 8px,var(--gold) 8px,var(--gold) 12px,transparent 12px,transparent 16px,var(--vermilion) 16px,var(--vermilion) 20px,transparent 20px,transparent 100%)}.scroll-card:active{transform:scale(.97);box-shadow:var(--shadow-float)}.scroll-card .title{font-family:var(--font-zhuan);font-size:var(--fs-2xl);color:var(--ink);line-height:1;white-space:nowrap}.scroll-card .meta{font-size:var(--fs-xs);color:var(--ink-mute);margin-top:var(--sp-2)}.scroll-card .count{position:absolute;top:var(--sp-2);right:var(--sp-2);font-family:var(--font-en);font-size:var(--fs-sm);color:var(--vermilion);font-weight:600}.scroll-card .thumb{position:absolute;right:var(--sp-2);bottom:var(--sp-2);font-size:28px;opacity:.45}.chapter-list{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.chapter-item{position:relative;background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-card);transition:transform .2s;cursor:pointer}.chapter-item:active{transform:scale(.98)}.chapter-item .ch-num{position:absolute;top:-10px;right:var(--sp-4);background:var(--vermilion);color:var(--paper);font-family:var(--font-zhuan);padding:4px 12px;font-size:var(--fs-sm);letter-spacing:.2em;border-radius:3px;box-shadow:var(--shadow-stamp)}.chapter-item .ch-title{font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--ink);margin-bottom:var(--sp-2)}.chapter-item .ch-snip{font-size:var(--fs-md);color:var(--ink-soft);line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chapter-item .ch-deco{margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--ink-faint);display:flex;align-items:center;gap:var(--sp-2)}.chapter-item .ch-deco:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,var(--paper-edge),transparent)}.chapter-item .ch-deco span:last-child{color:var(--vermilion)}.card-page{padding:var(--sp-4);padding-bottom:calc(var(--sp-7) + env(safe-area-inset-bottom))}.card-detail{background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-4);box-shadow:var(--shadow-card);position:relative}.card-detail:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:6px;background:var(--vermilion);border-radius:0 0 var(--r-sm) var(--r-sm)}.card-header{text-align:center;margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px dashed var(--paper-edge)}.card-header .ch-path{font-family:var(--font-kai);font-size:var(--fs-sm);color:var(--ink-mute);letter-spacing:.3em;margin-bottom:var(--sp-2)}.card-header .ch-name{font-family:var(--font-zhuan);font-size:var(--fs-3xl);color:var(--ink);display:inline-flex;align-items:center;gap:var(--sp-3)}.card-header .ch-name:after,.card-header .ch-name:before{content:"·";color:var(--paper-edge);font-size:var(--fs-lg)}.card-header .ch-keyword{display:inline-block;margin-top:var(--sp-2);padding:4px 12px;background:var(--vermilion);color:var(--paper);font-family:var(--font-zhuan);font-size:var(--fs-sm);letter-spacing:.2em;border-radius:var(--r-sm)}.card-illust{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#E8DCC0,#F5EFE0 50%,#E8DCC0);border-radius:var(--r-md);border:1px solid var(--paper-edge);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:var(--sp-4)}.card-illust svg{width:100%;height:100%;display:block}.card-illust .illust-label{position:absolute;bottom:var(--sp-2);right:var(--sp-2);font-size:var(--fs-xs);color:var(--ink-mute);font-family:var(--font-kai);background:rgba(245,239,224,.85);padding:2px 8px;border-radius:3px}.section{margin-top:var(--sp-5)}.section-head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.section-head .label{font-family:var(--font-zhuan);font-size:var(--fs-lg);color:var(--vermilion);padding:4px 12px;background:rgba(181,58,44,.08);border-radius:var(--r-sm)}.section-head .line{flex:1 1;height:1px;background:linear-gradient(90deg,var(--paper-edge),transparent)}.section-body{font-size:var(--fs-md);line-height:1.95;color:var(--ink)}.original-text{font-family:var(--font-kai);font-size:var(--fs-xl);line-height:2.2;color:var(--ink);text-align:justify}.original-text .char{display:inline-block;margin:0 2px;text-align:center;vertical-align:bottom}.original-text .char .py{display:block;font-family:var(--font-en);font-size:var(--fs-xs);color:var(--ink-mute);font-style:italic;font-weight:400;line-height:1.2;margin-bottom:2px;letter-spacing:0}.original-text .num{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;font-family:var(--font-en);font-size:11px;color:var(--paper);background:var(--vermilion);border-radius:50%;vertical-align:super;margin-right:3px;margin-left:2px}.note-list{flex-direction:column}.note-item,.note-list{display:flex;gap:var(--sp-3)}.note-item{font-size:var(--fs-md);line-height:1.85}.note-item .n-num{flex-shrink:0;width:22px;height:22px;line-height:22px;text-align:center;font-family:var(--font-en);font-size:var(--fs-sm);font-weight:600;color:var(--paper);background:var(--vermilion);border-radius:50%;margin-top:2px}.note-item .n-content{flex:1 1;color:var(--ink-soft)}.note-item .n-content strong{color:var(--ink);font-weight:600}.translation{font-family:var(--font-kai);font-size:var(--fs-lg);line-height:2;color:var(--ink);text-align:justify;letter-spacing:.05em}.translation:before{content:"「";margin-right:4px}.translation:after,.translation:before{color:var(--vermilion);font-family:var(--font-zhuan);font-size:var(--fs-2xl)}.translation:after{content:"」";margin-left:4px}.card-actions{display:flex;justify-content:space-around;align-items:center;padding:var(--sp-4) 0 0;margin-top:var(--sp-4);border-top:1px dashed var(--paper-edge)}.card-actions .act{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-mute);font-size:var(--fs-xs);font-family:var(--font-kai);cursor:pointer;transition:color .2s,transform .2s}.card-actions .act:active{transform:scale(.92)}.card-actions .act .icon{font-size:var(--fs-xl)}.card-actions .act.active{color:var(--vermilion)}.card-actions .act.fav.active{color:var(--gold)}.card-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-4)}.card-nav a{display:flex;align-items:center;justify-content:center;padding:var(--sp-3);background:var(--paper-deep);border:1px solid var(--paper-edge);border-radius:var(--r-md);color:var(--ink-soft);font-size:var(--fs-sm);font-family:var(--font-kai)}.card-nav a:active{background:var(--vermilion);color:var(--paper)}.card-nav a[disabled]{opacity:.4;pointer-events:none}.about-page{padding:var(--sp-4);padding-bottom:calc(var(--sp-7) + env(safe-area-inset-bottom))}.about-card{background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-4);box-shadow:var(--shadow-card)}.about-card h3{font-family:var(--font-zhuan);color:var(--vermilion);margin-bottom:var(--sp-3);font-size:var(--fs-xl)}.about-card p{margin-bottom:var(--sp-3);font-size:var(--fs-md);line-height:1.9;color:var(--ink-soft)}.about-card .quote{text-align:center;padding:var(--sp-4);margin:var(--sp-4) 0;background:rgba(181,58,44,.04);border-left:3px solid var(--vermilion);font-family:var(--font-zhuan);color:var(--ink);font-size:var(--fs-md);letter-spacing:.2em}.modal-overlay{position:fixed;inset:0;background:rgba(28,18,8,.4);z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:10vh}.modal-overlay.show{display:flex}.modal-box{width:90%;max-width:480px;background:var(--paper);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-float)}.modal-box,.search-input{border:1px solid var(--paper-edge)}.search-input{width:100%;padding:var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-md);font-family:var(--font-kai);background:var(--paper-deep);color:var(--ink);outline:none}.search-input:focus{border-color:var(--vermilion)}.search-results{margin-top:var(--sp-3);max-height:50vh;overflow-y:auto}.search-results .result{padding:var(--sp-3);border-bottom:1px dashed var(--paper-edge);font-size:var(--fs-md);cursor:pointer}.search-results .result:last-child{border:none}.search-results .result:active{background:var(--paper-deep)}.search-results .empty{text-align:center;padding:var(--sp-5);color:var(--ink-faint);font-size:var(--fs-sm)}.toast{position:fixed;top:30%;left:50%;transform:translateX(-50%);background:rgba(28,18,8,.85);color:var(--paper);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-sm);z-index:300;pointer-events:none;opacity:0;transition:opacity .25s}.toast.show{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-card,.card-detail,.chapter-item,.scroll-card{animation:fadeUp .4s ease-out backwards}.scroll-card:nth-child(2){animation-delay:.04s}.scroll-card:nth-child(3){animation-delay:.08s}.scroll-card:nth-child(4){animation-delay:.12s}.scroll-card:nth-child(5){animation-delay:.16s}.scroll-card:nth-child(6){animation-delay:.2s}.scroll-card:nth-child(n+7){animation-delay:.24s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--paper-edge);border-radius:3px}.center{text-align:center}.muted{color:var(--ink-mute)}.seal-mark{font-family:var(--font-zhuan);color:var(--vermilion)}