.bookshelf-page{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#2a1a10 0%,var(--bg-deep) 55%)}.bookshelf-page__ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 80%,rgba(201,162,39,.06) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(139,37,0,.08) 0%,transparent 35%)}.bookshelf-page__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:var(--gold);border-radius:50%;opacity:0;animation:float-dust linear infinite}@keyframes float-dust{0%{opacity:0;transform:translateY(0) translate(0)}10%{opacity:.6}90%{opacity:.3}to{opacity:0;transform:translateY(-120px) translate(20px)}}.bookshelf-page__header{position:relative;z-index:2;text-align:center;padding:3rem 1.5rem 1rem}.bookshelf-page__title{font-family:Ma Shan Zheng,cursive;font-size:clamp(2.5rem,6vw,4.5rem);color:var(--gold);text-shadow:0 0 40px var(--glow),0 2px 4px rgba(0,0,0,.8);letter-spacing:.15em}.bookshelf-page__subtitle{margin-top:.5rem;font-size:.95rem;color:#f4ead58c;letter-spacing:.3em}.bookshelf-scene{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 4rem;perspective:1200px}.bookshelf-unit{position:relative;width:min(900px,92vw);transform-style:preserve-3d}.shelf-frame{position:relative;background:linear-gradient(180deg,var(--wood-mid) 0%,var(--wood-dark) 100%);border:3px solid var(--wood-light);border-radius:4px;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff14,inset 0 -2px 8px #0006;padding:1.5rem 1.2rem .8rem;transform:rotateX(2deg);transform-style:preserve-3d}.shelf-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(0,0,0,.03) 40px,rgba(0,0,0,.03) 41px);pointer-events:none;border-radius:2px}.shelf-plank{height:14px;background:linear-gradient(180deg,var(--wood-light),var(--wood-mid));border-radius:2px;box-shadow:0 4px 8px #00000080;margin-top:.5rem}.shelf-books{display:flex;align-items:flex-end;justify-content:center;gap:clamp(.6rem,2vw,1.4rem);min-height:220px;padding-bottom:.3rem;transform-style:preserve-3d}.book-slot{position:relative;transform-style:preserve-3d;flex-shrink:0}.book-spine{position:relative;width:clamp(52px,8vw,72px);height:clamp(180px,28vw,210px);transform-style:preserve-3d;cursor:pointer;transform-origin:bottom center;transition:filter .3s}.book-spine:hover:not(.book-spine--active){filter:brightness(1.15)}.book-spine__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px 6px 6px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .4rem;backface-visibility:hidden;box-shadow:2px 0 8px #0006,inset -2px 0 6px #0003,inset 2px 0 4px #ffffff1a}.book-spine__face--front{background:linear-gradient(90deg,rgba(0,0,0,.25) 0%,transparent 15%,transparent 85%,rgba(255,255,255,.08) 100%)}.book-spine__title{writing-mode:vertical-rl;text-orientation:mixed;font-family:Ma Shan Zheng,cursive;font-size:clamp(1.1rem,2.5vw,1.5rem);letter-spacing:.2em;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.5)}.book-spine__author{writing-mode:vertical-rl;font-size:.65rem;color:#ffffff8c;margin-top:.8rem;letter-spacing:.1em}.book-spine__shadow{position:absolute;bottom:-8px;left:10%;width:80%;height:12px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,transparent 70%);transform:rotateX(90deg);pointer-events:none}.book-spine--empty{width:clamp(52px,8vw,72px);height:clamp(180px,28vw,210px);border:2px dashed rgba(201,162,39,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#c9a22759;font-size:.75rem;writing-mode:vertical-rl}.bookshelf-page__hint{margin-top:2rem;text-align:center;color:#f4ead566;font-size:.85rem;letter-spacing:.15em;animation:pulse-hint 3s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.4}50%{opacity:.7}}.floating-book-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;display:flex;align-items:center;justify-content:center;perspective:1400px}.floating-book{position:relative;transform-style:preserve-3d;width:min(320px,70vw);height:min(440px,75vh)}.floating-book__cover{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px 12px 12px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;backface-visibility:hidden;box-shadow:0 30px 80px #000000b3,inset 0 0 30px #0003;transform-origin:left center}.floating-book__cover-title{font-family:Ma Shan Zheng,cursive;font-size:clamp(2rem,5vw,3rem);color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:.2em}.floating-book__cover-sub{margin-top:1rem;font-size:.9rem;color:#fff9;letter-spacing:.2em}.floating-book__cover-desc{margin-top:2rem;font-size:.85rem;line-height:1.8;color:#ffffff80;text-align:center;max-width:200px}.floating-book__pages{position:absolute;top:4px;right:0;bottom:4px;left:8px;background:var(--paper);border-radius:2px 8px 8px 2px;box-shadow:inset 0 0 20px #0000000d;transform-origin:left center}.floating-book__page-flip{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--paper-shadow),var(--paper));border-radius:2px 8px 8px 2px;transform-origin:left center;backface-visibility:hidden;box-shadow:4px 0 12px #00000026}.page-flip-lines{padding:2rem 1.5rem;opacity:.3}.page-flip-lines span{display:block;height:4px;background:var(--ink-light);margin-bottom:12px;border-radius:2px}.page-flip-lines span:nth-child(odd){width:90%}.page-flip-lines span:nth-child(2n){width:75%}.bookshelf-page__lamp{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,200,100,.12) 0%,transparent 70%);pointer-events:none;animation:lamp-flicker 8s ease-in-out infinite}@keyframes lamp-flicker{0%,to{opacity:1}50%{opacity:.85}52%{opacity:1}54%{opacity:.9}}.book-page{min-height:100vh;background:linear-gradient(180deg,#1a120c 0%,var(--bg-deep) 100%);animation:page-enter .6s ease-out}.book-page--closing{pointer-events:none}.book-page--closing .book-page__content{opacity:.3;transition:opacity .4s}@keyframes page-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.book-page__nav{display:flex;align-items:center;gap:1rem;padding:1.2rem 2rem;border-bottom:1px solid rgba(201,162,39,.15);position:sticky;top:0;background:#0d0a08eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.book-page__back{display:flex;align-items:center;gap:.4rem;color:var(--gold);font-size:.9rem;padding:.4rem .8rem;border:1px solid rgba(201,162,39,.3);border-radius:4px;transition:background .2s,transform .2s}.book-page__back:hover{background:#c9a2271a;transform:translate(-2px)}.book-page__info{flex:1}.book-page__title{font-family:Ma Shan Zheng,cursive;font-size:1.6rem;color:var(--gold)}.book-page__meta{font-size:.8rem;color:#f4ead580;margin-top:.2rem}.book-page__progress{font-size:.8rem;color:#f4ead599;padding:.3rem .8rem;border-radius:20px;background:#c9a2271a;border:1px solid rgba(201,162,39,.2)}.book-page__content{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.chapter-list{list-style:none}.chapter-item{margin-bottom:.5rem}.chapter-link{display:flex;align-items:center;gap:1rem;padding:.9rem 1.2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;transition:background .2s,border-color .2s,transform .2s}.chapter-link:hover{background:#c9a22714;border-color:#c9a22740;transform:translate(4px)}.chapter-link__num{flex-shrink:0;width:2.5rem;text-align:center;font-size:.85rem;color:var(--gold-dim);font-variant-numeric:tabular-nums}.chapter-link__title{flex:1;font-size:.95rem;line-height:1.5}.chapter-link__badge{flex-shrink:0;font-size:.7rem;padding:.15rem .5rem;border-radius:3px;background:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.3)}.chapter-link__badge--pending{background:#ffffff0d;color:#f4ead559;border-color:#ffffff14}.chapter-search{width:100%;padding:.8rem 1rem;margin-bottom:1.5rem;background:#0000004d;border:1px solid rgba(201,162,39,.2);border-radius:6px;color:var(--paper);font-size:.95rem;outline:none}.chapter-search:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c9a22726}.chapter-search::placeholder{color:#f4ead559}.reader-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-deep)}.reader-nav{display:flex;align-items:center;gap:1rem;padding:.8rem 1.5rem;border-bottom:1px solid rgba(201,162,39,.12);background:#0d0a08f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20;flex-shrink:0}.reader-nav__back,.reader-nav__btn{color:var(--gold);font-size:.85rem;padding:.35rem .7rem;border:1px solid rgba(201,162,39,.25);border-radius:4px;transition:background .2s}.reader-nav__back:hover,.reader-nav__btn:hover:not(:disabled){background:#c9a2271a}.reader-nav__btn:disabled{opacity:.3;cursor:not-allowed}.reader-nav__title{flex:1;text-align:center;font-size:.95rem;color:#f4ead5d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-nav__actions{display:flex;gap:.5rem}.reader-body{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}@media(max-width:900px){.reader-body{grid-template-columns:1fr}.reader-body--vernacular .reader-panel--original{border-bottom:none}}.reader-panel{overflow-y:auto;padding:2rem clamp(1rem,3vw,2.5rem) 3rem;line-height:2;font-size:1rem}.reader-panel--original{background:linear-gradient(180deg,#1e1610,#16110d);border-right:1px solid rgba(201,162,39,.1)}.reader-panel--vernacular{background:linear-gradient(180deg,#f7f0e3,#f0e8d8);color:var(--ink)}.reader-panel__label{position:sticky;top:0;display:inline-block;font-size:.75rem;letter-spacing:.2em;padding:.25rem .6rem;margin-bottom:1.5rem;border-radius:3px;z-index:1}.reader-panel--original .reader-panel__label{background:#c9a2271f;color:var(--gold);border:1px solid rgba(201,162,39,.2)}.reader-panel--vernacular .reader-panel__label{background:#1c141014;color:var(--ink-light);border:1px solid rgba(28,20,16,.12)}.reader-block--heading{font-family:Ma Shan Zheng,cursive;font-size:1.4rem;margin:1.5rem 0 1rem;text-align:center}.reader-panel--original .reader-block--heading{color:var(--gold)}.reader-panel--vernacular .reader-block--heading{color:var(--ink)}.reader-block--text{text-indent:2em;margin-bottom:.6rem}.reader-block--poem{text-align:center;font-style:italic;color:#f4ead5bf;margin:1rem 0;text-indent:0}.reader-block--zhipi{margin:.8rem 0 .8rem 1em;padding:.6rem 1rem;border-left:3px solid rgba(201,162,39,.4);background:#c9a2270f;font-size:.88rem;color:#f4ead5b3;text-indent:0}.reader-panel--vernacular .reader-block--zhipi{border-left-color:#8d6e63;background:#8d6e6314;color:#5d4037}.reader-block--note{margin:1rem 0;padding:.8rem 1rem;border-radius:6px;background:#4c79af1a;border:1px solid rgba(76,121,175,.25);font-size:.88rem;color:#4a6fa5;text-indent:0}.reader-block--note:before{content:"📖 读书记 · ";font-weight:600}.reader-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:#1c141066;gap:.5rem}.reader-empty__icon{font-size:2.5rem;opacity:.3}.reader-loading{display:flex;align-items:center;justify-content:center;min-height:50vh;color:#f4ead580}.reader-single .reader-panel--original{border-right:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #0d0a08;--bg-warm: #1a120c;--wood-dark: #2a1810;--wood-mid: #4a2f1f;--wood-light: #6b4423;--gold: #c9a227;--gold-dim: #8a7020;--paper: #f4ead5;--paper-shadow: #d9cdb5;--ink: #1c1410;--ink-light: #4a3f35;--glow: rgba(201, 162, 39, .35);font-family:"Noto Serif SC",Songti SC,serif;color:var(--paper);background:var(--bg-deep)}html,body,#root{min-height:100vh}body{overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--wood-light);border-radius:4px}