.lazy-cover-image[data-v-81ea2770]{position:relative;width:100%;height:100%;overflow:hidden}.lazy-cover-image img[data-v-81ea2770]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .24s ease,transform .3s ease}.lazy-cover-image.loaded img[data-v-81ea2770],.lazy-cover-image.error img[data-v-81ea2770]{opacity:1}.lazy-cover-image__placeholder[data-v-81ea2770]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#ffffff1f 8%,#ffffff47 18%,#ffffff1f 33%),linear-gradient(135deg,#ffffff1f,#ffffff0a);background-size:200% 100%,100% 100%;animation:coverShimmer-81ea2770 1.3s linear infinite}@keyframes coverShimmer-81ea2770{0%{background-position:200% 0,0 0}to{background-position:-200% 0,0 0}}.reader-page[data-v-c3f03bc4]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a2e,#16213e);z-index:200;display:flex;flex-direction:column;color:#fff;overscroll-behavior:none}.reader-header[data-v-c3f03bc4]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:#0000004d;transition:opacity .4s ease-out,transform .4s ease-out}.reader-header.hidden[data-v-c3f03bc4]{opacity:0;pointer-events:none;transform:translateY(-20px)}.back-btn[data-v-c3f03bc4]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;transition:all .2s}.back-btn[data-v-c3f03bc4]:hover{background:#ffffff4d}.book-title[data-v-c3f03bc4]{flex:1;text-align:center;font-size:16px;font-weight:500;margin:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-indicator[data-v-c3f03bc4]{font-size:12px;background:#fff3;padding:4px 10px;border-radius:12px}.loading-overlay[data-v-c3f03bc4],.error-overlay[data-v-c3f03bc4]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;z-index:100}.loading-spinner[data-v-c3f03bc4]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-c3f03bc4 1s linear infinite}@keyframes spin-c3f03bc4{to{transform:rotate(360deg)}}.loading-overlay p[data-v-c3f03bc4],.error-toast p[data-v-c3f03bc4]{margin-top:16px;color:#fffc}.loading-text[data-v-c3f03bc4]{font-size:13px;line-height:1.4}.error-toast[data-v-c3f03bc4]{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#ef4444e6;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;z-index:300;box-shadow:0 4px 12px #0000004d}.error-toast button[data-v-c3f03bc4]{padding:4px 12px;background:#fff;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px}.book-content[data-v-c3f03bc4]{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;perspective:1500px;touch-action:none}.book-flip-container[data-v-c3f03bc4]{--reader-stage-height: calc(100dvh - 220px) ;position:fixed;left:50%;top:50%;width:min(85vw,320px,calc(var(--reader-stage-height) * .75));aspect-ratio:3 / 4;max-height:var(--reader-stage-height);transform:translate(-50%,-50%);transform-style:preserve-3d;transition:opacity 1s ease-out;pointer-events:none}.book-flip-container.spread-layout[data-v-c3f03bc4]{width:min(98vw,720px,calc(var(--reader-stage-height) * 1.3333));aspect-ratio:4 / 3;max-height:var(--reader-stage-height)}.book-flip-container.single-spread-layout[data-v-c3f03bc4]{width:min(98vw,760px,calc(var(--reader-stage-height) * 1.3333));aspect-ratio:4 / 3;max-height:var(--reader-stage-height)}.book-page[data-v-c3f03bc4]{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;border-radius:0 8px 8px 0;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0006,-2px 0 8px #0003;transition:transform .6s cubic-bezier(.4,0,.2,1)}.book-page--spread[data-v-c3f03bc4]{border-radius:10px}.book-page--spread[data-v-c3f03bc4]:before{display:none}.spread-single-page[data-v-c3f03bc4]{width:100%;height:100%;border-radius:10px;z-index:3}.current-page[data-v-c3f03bc4]{background:#fff;transform-origin:left center;z-index:1}.next-page[data-v-c3f03bc4]{background:#fff;z-index:2}.book-page.turning-next[data-v-c3f03bc4]{animation:pageFlip-c3f03bc4 .6s cubic-bezier(.4,0,.2,1) forwards}.book-page.turning-prev[data-v-c3f03bc4]{animation:pageFlipPrev-c3f03bc4 .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes pageFlip-c3f03bc4{0%{transform:rotateY(0);z-index:2}50%{transform:rotateY(-90deg);box-shadow:10px 4px 20px #00000080,-2px 0 8px #0000004d}to{transform:rotateY(-180deg);z-index:1}}@keyframes pageFlipPrev-c3f03bc4{0%{transform:rotateY(0);z-index:2}50%{transform:rotateY(90deg);box-shadow:-10px 4px 20px #00000080,2px 0 8px #0000004d}to{transform:rotateY(180deg);z-index:1}}.page-shadow[data-v-c3f03bc4]{position:absolute;top:0;bottom:0;width:40px;pointer-events:none;opacity:0;transition:opacity .3s}.left-shadow[data-v-c3f03bc4]{left:0;background:linear-gradient(to right,rgba(0,0,0,.3),transparent)}.right-shadow[data-v-c3f03bc4]{right:0;background:linear-gradient(to left,rgba(0,0,0,.2),transparent)}.book-page.turning-next .left-shadow[data-v-c3f03bc4],.book-page.turning-next .right-shadow[data-v-c3f03bc4],.book-page.turning-prev .left-shadow[data-v-c3f03bc4],.book-page.turning-prev .right-shadow[data-v-c3f03bc4]{opacity:1}.book-page[data-v-c3f03bc4]:before{content:"";position:absolute;top:0;bottom:0;left:0;width:20px;background:linear-gradient(to right,rgba(0,0,0,.1) 0%,rgba(255,255,255,.3) 50%,transparent 100%);z-index:10;pointer-events:none}.book-flip-container[data-v-c3f03bc4]:before{content:"";position:absolute;top:5%;bottom:5%;left:-3px;width:6px;background:linear-gradient(90deg,#8b7355,#a08060,#8b7355);border-radius:2px;box-shadow:0 2px 8px #0000004d;z-index:100}.book-image[data-v-c3f03bc4]{width:100%;height:100%;max-width:100%;max-height:100%;display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:#fff}.book-image--spread[data-v-c3f03bc4]{max-width:100%;max-height:100%;display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:#fff}.no-image[data-v-c3f03bc4]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px}.page-blank[data-v-c3f03bc4]{width:100%;height:100%;background:#fff}.subtitle-area[data-v-c3f03bc4]{position:absolute;bottom:150px;left:16px;right:16px;z-index:10}.subtitle-box[data-v-c3f03bc4]{background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.1)}.subtitle-label[data-v-c3f03bc4]{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px}.subtitle-icon[data-v-c3f03bc4]{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:#ffffffe6}.subtitle-icon svg[data-v-c3f03bc4]{width:100%;height:100%}.lang-toggle[data-v-c3f03bc4]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s}.lang-toggle[data-v-c3f03bc4]:hover{background:#fff3}.lang-toggle.active[data-v-c3f03bc4]{background:#7c3aed;border-color:#7c3aed}.subtitle-content[data-v-c3f03bc4]{max-height:100px;overflow-y:auto}.subtitle-text[data-v-c3f03bc4]{font-size:14px;line-height:1.5;color:#fffffff2;margin:0}.subtitle-text.chinese[data-v-c3f03bc4]{color:#a78bfa;margin-top:6px;font-size:13px}.audio-controls[data-v-c3f03bc4]{padding:12px 24px;padding-bottom:calc(20px + env(safe-area-inset-bottom));background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:12px;transition:opacity .4s ease-out,transform .4s ease-out;position:relative;z-index:15}.audio-controls.hidden[data-v-c3f03bc4]{opacity:0;pointer-events:none;transform:translateY(20px)}.progress-container[data-v-c3f03bc4]{width:100%}.progress-bar[data-v-c3f03bc4]{position:relative;height:8px;background:#fff3;border-radius:4px;cursor:pointer;margin-bottom:6px;touch-action:none}.progress-fill[data-v-c3f03bc4]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .1s ease-out}.progress-thumb[data-v-c3f03bc4]{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.progress-thumb.dragging[data-v-c3f03bc4]{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 4px 12px #667eea80}.time-display[data-v-c3f03bc4]{display:flex;justify-content:space-between;color:#ffffffb3;font-size:11px}.control-buttons-row[data-v-c3f03bc4]{display:flex;align-items:center;justify-content:center;gap:16px}.play-wrapper[data-v-c3f03bc4]{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.progress-ring[data-v-c3f03bc4]{position:absolute;width:60px;height:60px;transform:rotate(-90deg)}.progress-ring-bg[data-v-c3f03bc4]{fill:none;stroke:#ffffff26;stroke-width:3}.progress-ring-fill[data-v-c3f03bc4]{fill:none;stroke:url(#progressGradient);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .1s ease}.play-btn[data-v-c3f03bc4]{width:42px;height:42px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea66;transition:all .2s;z-index:2;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.play-icon[data-v-c3f03bc4]{width:18px;height:18px}.play-btn[data-v-c3f03bc4]:hover{transform:scale(1.05);box-shadow:0 6px 16px #667eea80}.play-btn[data-v-c3f03bc4]:active{transform:scale(.98)}.control-btn[data-v-c3f03bc4]{background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.control-btn[data-v-c3f03bc4]:hover:not(:disabled){background:#fff3}.control-btn[data-v-c3f03bc4]:disabled{opacity:.3;cursor:not-allowed}.page-btn[data-v-c3f03bc4]{width:36px;height:36px;font-size:14px}.subtitle-btn[data-v-c3f03bc4]{min-width:54px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:0 12px;border-radius:14px;font-size:12px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.play-btn[data-v-c3f03bc4]:focus,.play-btn[data-v-c3f03bc4]:focus-visible,.control-btn[data-v-c3f03bc4]:focus,.control-btn[data-v-c3f03bc4]:focus-visible,.subtitle-btn[data-v-c3f03bc4]:focus,.subtitle-btn[data-v-c3f03bc4]:focus-visible,.back-btn[data-v-c3f03bc4]:focus,.back-btn[data-v-c3f03bc4]:focus-visible{outline:none;box-shadow:none}.subtitle-btn-text[data-v-c3f03bc4]{font-size:12px;line-height:1;letter-spacing:0;white-space:nowrap;writing-mode:horizontal-tb}.subtitle-btn[data-v-c3f03bc4]:hover{background:#ffffff26}.subtitle-btn.active[data-v-c3f03bc4]{background:#667eea4d;border-color:#667eea;color:#fff}.subtitle-content[data-v-c3f03bc4]::-webkit-scrollbar{width:4px}.subtitle-content[data-v-c3f03bc4]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.subtitle-content[data-v-c3f03bc4]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.slide-left-enter-active[data-v-c3f03bc4],.slide-left-leave-active[data-v-c3f03bc4],.slide-right-enter-active[data-v-c3f03bc4],.slide-right-leave-active[data-v-c3f03bc4]{transition:all .5s ease-out}.slide-left-enter-from[data-v-c3f03bc4]{opacity:0;transform:translate(20px)}.slide-left-leave-to[data-v-c3f03bc4],.slide-right-enter-from[data-v-c3f03bc4]{opacity:0;transform:translate(-20px)}.slide-right-leave-to[data-v-c3f03bc4]{opacity:0;transform:translate(20px)}@media (orientation: landscape) and (max-height: 600px){.reader-header[data-v-c3f03bc4]{padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top))}.back-btn[data-v-c3f03bc4]{width:36px;height:36px}.book-title[data-v-c3f03bc4]{font-size:14px;margin:0 10px}.page-indicator[data-v-c3f03bc4]{font-size:11px;padding:3px 8px}.book-content[data-v-c3f03bc4]{padding:10px 14px}.book-flip-container[data-v-c3f03bc4]{--reader-stage-height: calc(100dvh - 108px) }.book-flip-container.spread-layout[data-v-c3f03bc4],.book-flip-container.single-spread-layout[data-v-c3f03bc4]{width:min(92vw,900px,calc(var(--reader-stage-height) * 1.3333))}.subtitle-area[data-v-c3f03bc4]{left:14px;right:14px;bottom:84px}.subtitle-box[data-v-c3f03bc4]{padding:10px}.subtitle-content[data-v-c3f03bc4]{max-height:72px}.subtitle-text[data-v-c3f03bc4]{font-size:13px;line-height:1.4}.subtitle-text.chinese[data-v-c3f03bc4]{font-size:12px}.audio-controls[data-v-c3f03bc4]{padding:8px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));gap:8px}.progress-bar[data-v-c3f03bc4]{margin-bottom:4px}.time-display[data-v-c3f03bc4]{font-size:10px}.control-buttons-row[data-v-c3f03bc4]{gap:12px}.play-wrapper[data-v-c3f03bc4],.progress-ring[data-v-c3f03bc4]{width:54px;height:54px}.play-btn[data-v-c3f03bc4]{width:38px;height:38px}.play-icon[data-v-c3f03bc4]{width:16px;height:16px}.page-btn[data-v-c3f03bc4]{width:34px;height:34px}.subtitle-btn[data-v-c3f03bc4]{min-width:50px;height:34px;padding:0 10px}}.bookshelf-page[data-v-abab2ab8]{min-height:100vh}.bookshelf-top[data-v-abab2ab8]{position:sticky;top:0;z-index:40;padding:12px 14px 6px;background:linear-gradient(180deg,#090c18f5,#090c18e6 72%,#090c1800);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.bookshelf-top-row[data-v-abab2ab8]{display:flex;align-items:center;gap:12px}.bookshelf-brand[data-v-abab2ab8]{min-width:0;flex:1;display:flex;align-items:center}.bookshelf-brand-logo[data-v-abab2ab8]{display:block;width:min(30vw,116px);max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.bookshelf-meta-row[data-v-abab2ab8]{margin-top:4px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bookshelf-brand-meta[data-v-abab2ab8]{min-width:0;flex:1;display:flex;align-items:center;justify-content:flex-start;color:#e2e8f0d1;font-size:11px;line-height:1.15}.bookshelf-brand-meta strong[data-v-abab2ab8]{color:#d4f935;font-size:14px;font-weight:800;padding:0 3px}.bookshelf-search[data-v-abab2ab8]{width:min(47vw,212px);flex:0 0 auto;position:relative;display:block}.bookshelf-search input[data-v-abab2ab8]{width:100%;height:44px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#f8fafceb;color:#0f172a;padding:0 16px 0 40px;font-size:14px;outline:none;box-shadow:0 6px 18px #0f172a24}.bookshelf-search input[data-v-abab2ab8]::-moz-placeholder{color:#94a3b8}.bookshelf-search input[data-v-abab2ab8]::placeholder{color:#94a3b8}.bookshelf-search-icon[data-v-abab2ab8]{position:absolute;left:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:#94a3b8}.bookshelf-search-icon svg[data-v-abab2ab8]{width:16px;height:16px}.vip-status-slot[data-v-abab2ab8]{width:min(47vw,212px);flex:0 0 auto;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.vip-status-bar[data-v-abab2ab8]{margin-top:0;min-height:18px;padding:0;display:flex;align-items:center;justify-content:flex-start;gap:4px;color:#ffe382eb;background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.vip-status-bar svg[data-v-abab2ab8]{width:13px;height:13px;flex:0 0 auto;background:transparent!important;background-color:transparent!important;filter:none!important}.vip-status-bar span[data-v-abab2ab8]{font-size:12px;font-weight:600;line-height:1.1;display:inline;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.category-strip[data-v-abab2ab8]{display:flex;gap:10px;padding:4px 14px 0;overflow-x:auto;scrollbar-width:none}.category-strip[data-v-abab2ab8]::-webkit-scrollbar{display:none}.category-strip--child[data-v-abab2ab8],.category-strip--grandchild[data-v-abab2ab8]{padding-top:8px}.category-pill[data-v-abab2ab8]{flex:0 0 auto;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff14;color:#ffffffb8;font-size:13px;font-weight:700;white-space:nowrap;transition:all .2s ease}.category-pill.active[data-v-abab2ab8]{color:#111827;border-color:transparent;background:linear-gradient(135deg,#d4f935,#bde637);box-shadow:0 8px 20px #d4f93538}.category-pill--child[data-v-abab2ab8],.category-pill--grandchild[data-v-abab2ab8]{min-height:36px;padding:0 14px;border-radius:10px;font-size:12px}.category-pill--child.active[data-v-abab2ab8]{background:linear-gradient(135deg,#fff,#eef2ff);box-shadow:0 8px 20px #ffffff1f}.category-pill--grandchild.active[data-v-abab2ab8]{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 8px 20px #fde68a33}.shelf-header[data-v-abab2ab8]{margin-top:4px;padding:10px 16px 2px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#ffffffb8;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}.bookshelf-container[data-v-abab2ab8]{padding-top:4px}.bookshelf-load-more[data-v-abab2ab8]{padding:18px 0 28px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff9e;font-size:12px;font-weight:600}.bookshelf-load-more-dot[data-v-abab2ab8]{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#d4f935,#bde637);box-shadow:0 0 0 6px #d4f9351f;animation:loadMorePulse-abab2ab8 1.5s ease-in-out infinite}.loading[data-v-abab2ab8]{min-height:calc(100vh - 140px)}.loading-retry-btn[data-v-abab2ab8]{width:auto;min-width:120px;margin-top:18px}.empty-shelf--page[data-v-abab2ab8]{min-height:calc(100vh - 280px);padding-top:40px}.empty-shelf--page span[data-v-abab2ab8]{font-size:16px;font-weight:700;color:#ffffffc7}.book-open-overlay[data-v-abab2ab8]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;overflow:hidden;background:linear-gradient(135deg,#1a1a2ef0,#16213ef5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.svg-decorations[data-v-abab2ab8]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.glow-ring[data-v-abab2ab8]{position:absolute;opacity:0;animation:ringAppear-abab2ab8 .8s ease-out forwards}.star-deco[data-v-abab2ab8]{position:absolute;opacity:0;color:#d4f935bf;animation:starTwinkle-abab2ab8 2s ease-in-out infinite}.sparkle[data-v-abab2ab8]{position:absolute;width:6px;height:6px;border-radius:999px;background:radial-gradient(circle,#ffd700 0%,transparent 70%);animation:sparkleFloat-abab2ab8 3s ease-in-out infinite}.animating-cover[data-v-abab2ab8]{position:fixed;overflow:hidden;background:#fff;box-shadow:0 24px 64px #0000006b;transform:translateZ(0);transition:left .52s cubic-bezier(.22,1,.36,1),top .52s cubic-bezier(.22,1,.36,1),width .52s cubic-bezier(.22,1,.36,1),height .52s cubic-bezier(.22,1,.36,1),border-radius .52s cubic-bezier(.22,1,.36,1),box-shadow .52s cubic-bezier(.22,1,.36,1)}.animating-cover[data-v-abab2ab8]:before{content:"";position:absolute;top:0;bottom:0;left:0;width:16px;background:linear-gradient(90deg,#ffffff8a,#fff0);z-index:1;pointer-events:none}.cover-image[data-v-abab2ab8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@keyframes ringAppear-abab2ab8{0%{opacity:0}to{opacity:1}}@keyframes starTwinkle-abab2ab8{0%,to{opacity:0;transform:scale(.5) rotate(0)}25%{opacity:1;transform:scale(1) rotate(45deg)}50%{opacity:.6;transform:scale(.8) rotate(90deg)}75%{opacity:1;transform:scale(1.1) rotate(135deg)}}@keyframes sparkleFloat-abab2ab8{0%,to{opacity:0;transform:scale(0) translateY(0)}20%{opacity:1;transform:scale(1.4) translateY(-10px)}40%{opacity:.5;transform:scale(1) translateY(-18px)}60%{opacity:1;transform:scale(1.15) translateY(-14px)}80%{opacity:.35;transform:scale(.85) translateY(-24px)}}@keyframes loadMorePulse-abab2ab8{0%,to{transform:scale(.85);opacity:.72}50%{transform:scale(1.15);opacity:1}}@media (max-width: 380px){.bookshelf-top-row[data-v-abab2ab8]{gap:10px}.bookshelf-meta-row[data-v-abab2ab8]{gap:10px;align-items:flex-start}.bookshelf-brand-logo[data-v-abab2ab8]{width:min(33vw,104px)}.bookshelf-brand-meta[data-v-abab2ab8]{font-size:10px}.bookshelf-brand-meta strong[data-v-abab2ab8]{font-size:13px}.bookshelf-search[data-v-abab2ab8],.vip-status-slot[data-v-abab2ab8]{width:45vw}.bookshelf-search input[data-v-abab2ab8]{height:40px;padding-left:38px;font-size:13px}.bookshelf-search-icon[data-v-abab2ab8]{left:13px;width:15px;height:15px}.bookshelf-search-icon svg[data-v-abab2ab8]{width:15px;height:15px}.vip-status-bar[data-v-abab2ab8]{min-height:16px;padding:0}.vip-status-bar span[data-v-abab2ab8]{font-size:11px}}@media (orientation: landscape) and (max-height: 600px){.bookshelf-top[data-v-abab2ab8]{padding:8px 14px 4px}.bookshelf-top-row[data-v-abab2ab8]{gap:14px;align-items:flex-start}.bookshelf-brand-logo[data-v-abab2ab8]{width:min(24vw,132px)}.bookshelf-meta-row[data-v-abab2ab8]{margin-top:2px;align-items:center;gap:14px}.bookshelf-brand-meta[data-v-abab2ab8]{font-size:10px}.bookshelf-brand-meta strong[data-v-abab2ab8]{font-size:13px}.bookshelf-search[data-v-abab2ab8],.vip-status-slot[data-v-abab2ab8]{width:min(34vw,260px)}.bookshelf-search input[data-v-abab2ab8]{height:40px;font-size:13px}.vip-status-bar span[data-v-abab2ab8]{font-size:11px}.category-strip[data-v-abab2ab8]{gap:8px;padding:4px 14px 0}.category-pill[data-v-abab2ab8]{min-height:34px;padding:0 14px;font-size:12px}.category-pill--child[data-v-abab2ab8],.category-pill--grandchild[data-v-abab2ab8]{min-height:32px;padding:0 12px;font-size:11px}.bookshelf-container[data-v-abab2ab8]{padding-top:2px}.shelf[data-v-abab2ab8]{min-height:146px;padding:8px 16px 14px}.shelf-books[data-v-abab2ab8]{gap:4%}.book-card-3d[data-v-abab2ab8]{width:22%;max-width:102px}.book-title-3d[data-v-abab2ab8]{font-size:11px;padding:12px 8px}.book-duration-3d[data-v-abab2ab8]{top:8px;right:8px;padding:4px 8px;font-size:10px}}.vip-modal-overlay[data-v-25358af8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.vip-modal-content[data-v-25358af8]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:30px 24px;width:100%;max-width:320px;text-align:center;position:relative;box-shadow:0 20px 60px #00000080}.close-btn[data-v-25358af8]{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;background:#ffffff1a;border-radius:50%;color:#fff9;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-25358af8]:hover{background:#fff3;color:#fff}.vip-icon[data-v-25358af8]{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ffd70066}.vip-icon svg[data-v-25358af8]{width:32px;height:32px;color:#1a1a2e}.vip-title[data-v-25358af8]{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.vip-desc[data-v-25358af8]{font-size:14px;color:#ffffffb3;margin:0 0 20px}.input-group[data-v-25358af8]{margin-bottom:16px}.vip-input[data-v-25358af8]{width:100%;padding:14px 16px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:16px;text-align:center;letter-spacing:2px;transition:all .2s}.vip-input[data-v-25358af8]::-moz-placeholder{color:#fff6;letter-spacing:0}.vip-input[data-v-25358af8]::placeholder{color:#fff6;letter-spacing:0}.vip-input[data-v-25358af8]:focus{outline:none;border-color:gold;background:#ffffff26}.vip-input[data-v-25358af8]:disabled{opacity:.6}.error-msg[data-v-25358af8]{color:#ff6b6b;font-size:13px;margin:0 0 16px}.verify-btn[data-v-25358af8]{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,gold,orange);color:#1a1a2e;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.verify-btn[data-v-25358af8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #ffd70066}.verify-btn[data-v-25358af8]:active:not(:disabled){transform:translateY(0)}.verify-btn[data-v-25358af8]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-25358af8]{width:20px;height:20px;border:2px solid transparent;border-top-color:#1a1a2e;border-radius:50%;animation:spin-25358af8 .8s linear infinite}@keyframes spin-25358af8{to{transform:rotate(360deg)}}.hint-text[data-v-25358af8]{font-size:12px;color:#fff6;margin:16px 0 0}.modal-enter-active[data-v-25358af8],.modal-leave-active[data-v-25358af8]{transition:all .3s ease}.modal-enter-from[data-v-25358af8],.modal-leave-to[data-v-25358af8]{opacity:0}.modal-enter-from .vip-modal-content[data-v-25358af8],.modal-leave-to .vip-modal-content[data-v-25358af8]{transform:scale(.9) translateY(20px)}#app{width:100%;min-height:100vh;position:relative}:root{--primary-purple: #A855F7;--primary-purple-dark: #7C3AED;--primary-purple-light: #C084FC;--primary-violet: #8B5CF6;--primary-violet-light: #A78BFA;--lavender: #E9D5FF;--cream: #2E1065;--soft-purple: #1E1B4B;--neon-pink: #EC4899;--neon-pink-light: #F472B6;--neon-pink-dark: #DB2777;--neon-cyan: #06B6D4;--neon-cyan-light: #67E8F9;--neon-cyan-dark: #0891B2;--neon-lime: #A3E635;--neon-lime-light: #D9F99D;--neon-lime-dark: #84CC16;--neon-orange: #FB923C;--neon-orange-light: #FDBA74;--neon-orange-dark: #F97316;--neon-blue: #6366F1;--neon-blue-light: #818CF8;--neon-blue-dark: #4F46E5;--primary: #A855F7;--primary-dark: #7C3AED;--primary-light: #C084FC;--secondary: #8B5CF6;--accent: #6D28D9;--bg-primary: #0F0A1A;--bg-secondary: #1A103C;--bg-card: rgba(255, 255, 255, .08);--text-primary: #F3E8FF;--text-secondary: #D8B4FE;--text-light: #A855F7}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#0f0a1a}.book-open-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center}.svg-decorations{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.glow-ring{position:absolute;opacity:0;animation:ringAppear .8s ease-out forwards}.ring-1{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);animation:ringExpand 1s ease-out forwards}.ring-2{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%) scale(.3);animation:ringExpand 1.2s ease-out .1s forwards}@keyframes ringExpand{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:.8}to{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@keyframes ringAppear{0%{opacity:0}to{opacity:1}}.star-deco{position:absolute;opacity:0;animation:starTwinkle 2s ease-in-out infinite}.star-1{width:24px;height:24px;top:15%;left:20%;animation-delay:0s}.star-2{width:18px;height:18px;top:25%;right:25%;animation-delay:.5s}.star-3{width:20px;height:20px;bottom:30%;left:15%;animation-delay:1s}@keyframes starTwinkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}25%{opacity:1;transform:scale(1) rotate(45deg)}50%{opacity:.6;transform:scale(.8) rotate(90deg)}75%{opacity:1;transform:scale(1.1) rotate(135deg)}}.sparkle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#FFD700 0%,transparent 70%);border-radius:50%;animation:sparkleFloat 3s ease-in-out infinite}.sparkle-1{top:20%;left:30%;animation-delay:0s}.sparkle-2{top:40%;right:20%;animation-delay:.8s}.sparkle-3{bottom:35%;left:25%;animation-delay:1.6s}.sparkle-4{top:60%;right:30%;animation-delay:2.4s}@keyframes sparkleFloat{0%,to{opacity:0;transform:scale(0) translateY(0)}20%{opacity:1;transform:scale(1.5) translateY(-10px)}40%{opacity:.5;transform:scale(1) translateY(-20px)}60%{opacity:1;transform:scale(1.2) translateY(-15px)}80%{opacity:.3;transform:scale(.8) translateY(-25px)}}.animating-cover{background:#fff}.animating-cover .cover-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fade-enter-active{transition:background .8s ease-out}.fade-leave-active{transition:background .5s ease-in,opacity .3s ease-in;pointer-events:none}.fade-enter-from,.fade-leave-to{background:#fff8e100}.fade-leave-from,.fade-enter-to{pointer-events:auto}.cover-transition-enter-active,.cover-transition-leave-active{transition:opacity .3s ease}.cover-transition-enter-from,.cover-transition-leave-to{opacity:0}.page-fade-enter-active{transition:opacity .6s ease-out,transform .6s ease-out}.page-fade-leave-active{transition:opacity .4s ease-in,transform .4s ease-in}.page-fade-enter-from{opacity:0;transform:scale(.95)}.page-fade-leave-to{opacity:0;transform:scale(1.02)}.page-fade-enter-to,.page-fade-leave-from{opacity:1;transform:scale(1)}.mobile-app{max-width:430px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#0a0514,#1a0b2e 30%,#2d1b4e,#1a0b2e 70%,#0a0514);padding-bottom:20px;position:relative;overflow-x:hidden}.mobile-app:before{content:"";position:fixed;top:-50px;right:-30px;width:250px;height:200px;background:radial-gradient(ellipse at center,rgba(212,249,53,.3) 0%,rgba(168,85,247,.2) 40%,transparent 70%);border-radius:50%;z-index:0;pointer-events:none}.mobile-app:after{content:"";position:fixed;bottom:100px;left:-50px;width:200px;height:200px;background:radial-gradient(ellipse at center,rgba(236,72,153,.25) 0%,rgba(6,182,212,.15) 50%,transparent 70%);border-radius:50%;z-index:0;pointer-events:none}.header{background:linear-gradient(135deg,#d4f93526,#a855f71f,#06b6d41a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:20px 16px 16px;position:sticky;top:0;z-index:100;box-shadow:0 4px 30px #d4f93526,0 4px 30px #a855f71a;border-radius:0 0 24px 24px;border-bottom:1px solid rgba(212,249,53,.15)}.header:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:20px;background:linear-gradient(90deg,#d4f9351a,#a855f714,#06b6d414);border-radius:0 0 50% 50%/0 0 100% 100%}.title{font-size:24px;font-weight:700;margin-bottom:12px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;gap:8px}.title svg{width:28px;height:28px}.search-box{position:relative}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid rgba(255,255,255,.15);border-radius:25px;font-size:14px;background:#ffffff1a;color:#fff;outline:none;box-shadow:0 4px 12px #0003,inset 0 1px 2px #0000000d;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.search-input:focus{box-shadow:0 4px 15px #a855f74d,0 4px 15px #ec489933,inset 0 1px 2px #0000000d;transform:scale(1.02);border-color:#a855f766}.search-input::-moz-placeholder{color:#ffffff80}.search-input::placeholder{color:#ffffff80}.search-box:before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238D6E63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") no-repeat center;z-index:1}.category-tabs{display:flex;gap:10px;padding:16px;overflow-x:auto;background:transparent;scrollbar-width:none;position:relative;z-index:10}.category-tabs::-webkit-scrollbar{display:none}.tab-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff14;color:#ffffffb3;box-shadow:0 4px 15px #0003;min-width:68px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tab-item:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #d4f93540,0 6px 20px #a855f733;border-color:#d4f9354d;background:#ffffff1f}.tab-item:active{transform:translateY(0) scale(.95);box-shadow:0 2px 6px #0003}.tab-item:nth-child(5n+1).active{background:linear-gradient(135deg,#d4f935,#b8e600);color:#1a1a2e;border-color:#d4f93599;box-shadow:0 6px 20px #d4f93566,0 0 15px #d4f9354d}.tab-item:nth-child(5n+2).active{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border-color:#a855f799;box-shadow:0 6px 20px #a855f766,0 0 15px #a855f733}.tab-item:nth-child(5n+3).active{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-color:#06b6d499;box-shadow:0 6px 20px #06b6d466,0 0 15px #06b6d433}.tab-item:nth-child(5n+4).active{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border-color:#ec489999;box-shadow:0 6px 20px #ec489966,0 0 15px #ec489933}.tab-item:nth-child(5n+5).active{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;border-color:#fb923c99;box-shadow:0 6px 20px #fb923c66,0 0 15px #fb923c33}.tab-item.active{transform:translateY(-3px) scale(1.05)}.tab-item.active:hover{box-shadow:0 8px 25px #d4f93580,0 0 20px #a855f74d}.tab-icon{width:26px;height:26px;margin-bottom:4px;color:inherit;opacity:.9;transition:transform .3s ease,filter .3s ease}.tab-item:hover .tab-icon{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 0 6px currentColor)}.tab-item.active .tab-icon{animation:bounce .6s ease;opacity:1;filter:drop-shadow(0 0 8px currentColor)}.neon-icon{filter:drop-shadow(0 0 3px rgba(168,85,247,.5))}.tab-item:hover .neon-icon{filter:drop-shadow(0 0 8px rgba(212,249,53,.6))}.tab-item.active .neon-icon{filter:drop-shadow(0 0 10px rgba(212,249,53,.8))}@keyframes bounce{0%,to{transform:scale(1)}30%{transform:scale(1.3) rotate(-5deg)}60%{transform:scale(.9) rotate(5deg)}}.tab-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55px;font-size:11px}.sub-category-tabs{display:flex;gap:8px;padding:10px 16px 14px;overflow-x:auto;background:transparent;scrollbar-width:none;position:relative;z-index:9}.sub-category-tabs::-webkit-scrollbar{display:none}.sub-category-tabs .tab-item{padding:8px 14px;border-radius:10px;font-size:11px;min-width:60px;background:#ffffff0f;color:#fff9;box-shadow:0 2px 8px #00000026;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sub-category-tabs .tab-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4f93533,0 4px 12px #a855f726;border-color:#d4f93540;background:#ffffff1a}.sub-category-tabs .tab-item:nth-child(4n+1).active{background:linear-gradient(135deg,#d4f935,#b8e600);color:#1a1a2e;border-color:#d4f93599;box-shadow:0 4px 15px #d4f93566,0 0 10px #d4f9354d}.sub-category-tabs .tab-item:nth-child(4n+2).active{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border-color:#a855f799;box-shadow:0 4px 15px #a855f766,0 0 10px #a855f733}.sub-category-tabs .tab-item:nth-child(4n+3).active{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-color:#06b6d499;box-shadow:0 4px 15px #06b6d466,0 0 10px #06b6d433}.sub-category-tabs .tab-item:nth-child(4n+4).active{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border-color:#ec489999;box-shadow:0 4px 15px #ec489966,0 0 10px #ec489933}.sub-category-tabs .tab-icon{width:20px;height:20px;margin-bottom:2px}.third-category-tabs{margin-top:-6px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ffffff80}.loading-spinner{width:40px;height:40px;border:3px solid rgba(168,85,247,.2);border-top-color:var(--primary-purple);border-right-color:var(--neon-pink);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.bookshelf-container{perspective:none;padding:16px;min-height:500px;position:relative;z-index:1;background:transparent}.bookshelf{display:flex;flex-direction:column;gap:24px;transform:none;transform-style:flat}.shelf{position:relative;display:flex;justify-content:flex-start;align-items:flex-end;padding:10px 20px 18px;min-height:168px;background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 -12px 18px #a855f71f,inset 0 4px 8px #ffffff0d,0 8px 20px #0000004d,0 4px 8px #0003;border-radius:20px;border:1px solid rgba(255,255,255,.08);transform:translateZ(0);transition:transform .4s ease;gap:0}.shelf:nth-child(4n+1){border:1px solid rgba(168,85,247,.2);box-shadow:inset 0 -12px 18px #a855f71f,inset 0 4px 8px #ffffff0d,0 8px 20px #0000004d,0 0 20px #a855f71a}.shelf:nth-child(4n+2){border:1px solid rgba(236,72,153,.2);box-shadow:inset 0 -12px 18px #ec48991f,inset 0 4px 8px #ffffff0d,0 8px 20px #0000004d,0 0 20px #ec48991a}.shelf:nth-child(4n+3){border:1px solid rgba(6,182,212,.2);box-shadow:inset 0 -12px 18px #06b6d41f,inset 0 4px 8px #ffffff0d,0 8px 20px #0000004d,0 0 20px #06b6d41a}.shelf:nth-child(4n+4){border:1px solid rgba(163,230,53,.2);box-shadow:inset 0 -12px 18px #a3e6351f,inset 0 4px 8px #ffffff0d,0 8px 20px #0000004d,0 0 20px #a3e6351a}.shelf-books{display:flex;justify-content:flex-start;align-items:flex-end;gap:6%;width:100%}.shelf:last-child{box-shadow:inset 0 -14px 20px #a855f726,inset 0 3px 6px #ffffff0d,0 10px 25px #00000059,0 5px 10px #00000040,0 0 25px #fb923c26}.shelf:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffffff80,#fffc,#ffffff80,#fffc,#ffffff80,#fffc);border-radius:16px 16px 0 0}.shelf:nth-child(4n+1):after{background:repeating-linear-gradient(90deg,transparent 0px,transparent 50px,rgba(168,85,247,.3) 50px,rgba(168,85,247,.3) 54px)}.shelf:nth-child(4n+2):after{background:repeating-linear-gradient(90deg,transparent 0px,transparent 50px,rgba(236,72,153,.3) 50px,rgba(236,72,153,.3) 54px)}.shelf:nth-child(4n+3):after{background:repeating-linear-gradient(90deg,transparent 0px,transparent 50px,rgba(6,182,212,.3) 50px,rgba(6,182,212,.3) 54px)}.shelf:nth-child(4n+4):after{background:repeating-linear-gradient(90deg,transparent 0px,transparent 50px,rgba(163,230,53,.3) 50px,rgba(163,230,53,.3) 54px)}.shelf:after{content:"";position:absolute;bottom:0;left:0;right:0;height:10px;border-radius:0 0 20px 20px}.shelf:nth-child(4n+1) .shelf-back{background:linear-gradient(180deg,#a855f70f,#8b5cf61a,#a855f70f)}.shelf:nth-child(4n+2) .shelf-back{background:linear-gradient(180deg,#ec48990f,#db27771a,#ec48990f)}.shelf:nth-child(4n+3) .shelf-back{background:linear-gradient(180deg,#06b6d40f,#0891b21a,#06b6d40f)}.shelf:nth-child(4n+4) .shelf-back{background:linear-gradient(180deg,#a3e6350f,#84cc161a,#a3e6350f)}.shelf-back{position:absolute;top:0;left:0;right:0;bottom:18px;border-radius:20px 20px 0 0;z-index:-1}.book-card-3d{position:relative;width:30%;max-width:130px;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;transform:rotateY(0) translateZ(0)}.book-body{position:relative;width:100%;aspect-ratio:3/4;border-radius:8px 14px 14px 8px;overflow:hidden;box-shadow:8px 0 16px #00000040,0 8px 16px #00000026,inset -8px 0 16px #0000001a;transition:all .3s ease}.book-card-3d:nth-child(4n+1) .book-cover-3d{background:linear-gradient(135deg,#a855f7d9,#8b5cf6d9)}.book-card-3d:nth-child(4n+2) .book-cover-3d{background:linear-gradient(135deg,#ec4899d9,#db2777d9)}.book-card-3d:nth-child(4n+3) .book-cover-3d{background:linear-gradient(135deg,#06b6d4d9,#0891b2d9)}.book-card-3d:nth-child(4n+4) .book-cover-3d{background:linear-gradient(135deg,#a3e635d9,#84cc16d9)}.book-cover-3d{position:relative;width:100%;height:100%;overflow:hidden}.book-cover-3d img,.book-cover-3d .lazy-cover-image{width:100%;height:100%}.book-cover-3d img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.book-cover-3d .lazy-cover-image img{transition:opacity .24s ease,transform .3s ease}.book-spine{position:absolute;left:0;top:0;bottom:0;width:18px;background:linear-gradient(90deg,#0006,#fff3,#0000004d);border-radius:8px 0 0 8px}.book-spine:before{content:"";position:absolute;left:5px;top:10%;bottom:10%;width:4px;background:#ffffff4d;border-radius:2px}.book-spine:after{content:"";position:absolute;left:11px;top:16%;bottom:16%;width:3px;background:#fff3;border-radius:1.5px}.book-top{position:absolute;top:0;left:18px;right:0;height:10px;background:linear-gradient(180deg,#fff6,#0000001a);border-radius:8px 8px 0 0;transform:rotateX(-30deg);transform-origin:top}.book-bottom{position:absolute;bottom:0;left:18px;right:0;height:10px;background:linear-gradient(0deg,#0006,#0000001a);border-radius:0 0 14px 8px;transform:rotateX(30deg);transform-origin:bottom}.book-title-3d{position:absolute;bottom:0;left:18px;right:0;padding:14px 10px;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 60%,transparent 100%);color:#fff;font-size:12px;font-weight:600;line-height:1.4;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 2px rgba(0,0,0,.3)}.book-card-3d:nth-child(4n+1) .book-duration-3d{background:linear-gradient(135deg,#a855f7e6,#8b5cf6e6);box-shadow:0 2px 8px #a855f766}.book-card-3d:nth-child(4n+2) .book-duration-3d{background:linear-gradient(135deg,#ec4899e6,#db2777e6);box-shadow:0 2px 8px #ec489966}.book-card-3d:nth-child(4n+3) .book-duration-3d{background:linear-gradient(135deg,#06b6d4e6,#0891b2e6);box-shadow:0 2px 8px #06b6d466}.book-card-3d:nth-child(4n+4) .book-duration-3d{background:linear-gradient(135deg,#fb923ce6,#f97316e6);box-shadow:0 2px 8px #fb923c66}.book-duration-3d{position:absolute;top:10px;right:10px;color:#fff;padding:5px 10px;border-radius:12px;font-size:11px;font-weight:600}.book-card-3d:hover{transform:rotateY(-12deg) translateY(-15px) translateZ(25px) scale(1.1);z-index:100}.book-card-3d:hover .book-body{box-shadow:10px 10px 25px #0000004d,0 15px 30px #0003}.book-card-3d:hover .book-cover-3d img{transform:scale(1.08)}.book-card-3d:active{transform:rotateY(-15deg) translateY(-8px) translateZ(15px) scale(1.05);transition:all .1s ease}.shelf:nth-child(4n+1) .shelf-decoration{background:linear-gradient(180deg,#a855f799,#8b5cf680 30%,#7c3aed66 70%,#6d28d94d)}.shelf:nth-child(4n+2) .shelf-decoration{background:linear-gradient(180deg,#ec489999,#db277780 30%,#be185d66 70%,#9d174d4d)}.shelf:nth-child(4n+3) .shelf-decoration{background:linear-gradient(180deg,#06b6d499,#0891b280 30%,#0e749066 70%,#155e754d)}.shelf:nth-child(4n+4) .shelf-decoration{background:linear-gradient(180deg,#a3e63599,#84cc1680 30%,#65a30d66 70%,#4d7c0f4d)}.shelf-decoration{position:absolute;bottom:0;left:0;right:0;height:18px;border-radius:0 0 20px 20px}.empty-shelf{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;color:var(--text-secondary);font-size:15px}.empty-shelf--page{min-height:calc(100vh - 180px);width:100%;padding:24px 20px 48px;margin:0;text-align:center}.empty-shelf-icon{width:80px;height:80px;margin-bottom:16px;opacity:.7;color:var(--primary-purple)}.loading-3d{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary)}.loading-spinner-3d{width:56px;height:56px;border:4px solid rgba(168,85,247,.2);border-top-color:var(--primary-purple);border-right-color:var(--neon-pink);border-bottom-color:var(--neon-cyan);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px;box-shadow:0 4px 15px #a855f733,0 0 10px #ec489926}.shelf-header{text-align:center;padding:16px;color:#fff9;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.shelf:nth-child(4n+1):before{background:linear-gradient(180deg,rgba(168,85,247,.1) 0%,transparent 30%)}.shelf:nth-child(4n+2):before{background:linear-gradient(180deg,rgba(236,72,153,.1) 0%,transparent 30%)}.shelf:nth-child(4n+3):before{background:linear-gradient(180deg,rgba(6,182,212,.1) 0%,transparent 30%)}.shelf:nth-child(4n+4):before{background:linear-gradient(180deg,rgba(163,230,53,.1) 0%,transparent 30%)}.shelf:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:20px}.shelf+.shelf{margin-top:12px}@keyframes shelfSlideIn{0%{opacity:0;transform:rotateX(10deg) translateY(40px) scale(.95)}to{opacity:1;transform:rotateX(3deg) translateY(0) scale(1)}}.shelf{animation:shelfSlideIn .7s cubic-bezier(.34,1.56,.64,1) forwards}.shelf:nth-child(1){animation-delay:0s}.shelf:nth-child(2){animation-delay:.15s}.shelf:nth-child(3){animation-delay:.3s}.shelf:nth-child(4){animation-delay:.45s}.shelf:nth-child(5){animation-delay:.6s}@keyframes bookPopIn{0%{opacity:0;transform:rotateY(-25deg) translateZ(-15px) scale(.8)}to{opacity:1;transform:rotateY(0) translateZ(0) scale(1)}}.book-card-3d{animation:bookPopIn .6s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.book-card-3d:nth-child(1){animation-delay:.1s}.book-card-3d:nth-child(2){animation-delay:.2s}.book-card-3d:nth-child(3){animation-delay:.3s}.book-card-3d:nth-child(4){animation-delay:.4s}.book-card-3d:nth-child(5){animation-delay:.5s}.book-card-3d:nth-child(6){animation-delay:.6s}.book-card-3d:nth-child(7){animation-delay:.7s}.book-card-3d:nth-child(8){animation-delay:.8s}.book-card-3d:nth-child(9){animation-delay:.9s}@media (max-width: 360px){.book-card-3d{width:28%;min-width:85px}.book-title-3d{font-size:11px;padding:8px 6px}.shelf{padding:8px 8px 14px;min-height:154px}}@media (min-width: 400px){.book-card-3d{width:30%;max-width:150px}.shelf{min-height:174px}}.book-list,.book-card,.book-cover,.book-info{display:none}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#fff6}.empty-icon{font-size:48px;margin-bottom:16px}.reader-page{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a2e;z-index:200;display:flex;flex-direction:column}.reader-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0000004d;color:#fff}.reader-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px}.reader-title{font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:center;margin:0 12px}.reader-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.reader-page-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.reader-text{position:absolute;bottom:120px;left:0;right:0;text-align:center;padding:12px 20px;background:linear-gradient(transparent,#000c);color:#fff;font-size:16px;line-height:1.6}.reader-controls{background:#0000004d;padding:16px 20px 32px}.progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;margin-bottom:16px;cursor:pointer;position:relative}.progress-fill{height:100%;background:var(--primary-purple);border-radius:2px;transition:width .1s}.progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d}.time-display{display:flex;justify-content:space-between;font-size:12px;color:#ffffffb3;margin-bottom:16px}.audio-controls{display:flex;align-items:center;justify-content:center;gap:24px}.control-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:12px;transition:transform .2s}.control-btn:active{transform:scale(.9)}.play-btn{width:64px;height:64px;background:linear-gradient(135deg,#d4f935,#b8e600,#a3e635);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#1a1a2e;box-shadow:0 4px 20px #d4f93566,0 0 15px #d4f9354d}.page-indicator{position:absolute;top:60px;right:16px;background:#00000080;color:#fff;padding:6px 12px;border-radius:12px;font-size:12px}.swipe-hint{position:absolute;bottom:200px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:12px;animation:pulse 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:fadeInUp .3s ease-out forwards}.vip-status-bar{background:linear-gradient(135deg,#d4f935b3,#a855f780,#06b6d499);color:#1a1a2e;padding:8px 16px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #d4f93540,0 4px 15px #a855f726}.vip-status-bar svg{width:16px;height:16px}.admin-page{min-height:100vh;padding:calc(12px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(circle at top left,rgba(212,249,53,.16),transparent 28%),radial-gradient(circle at top right,rgba(168,85,247,.18),transparent 24%),linear-gradient(180deg,#07070d,#101426 42%,#090b14);color:#f8fafc;overflow-x:hidden}.admin-shell{width:min(100%,430px);margin:0 auto;display:flex;flex-direction:column;gap:12px}.admin-sidebar,.admin-empty-panel,.admin-card,.admin-modal-card{background:#0a0e1cd1;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-sidebar{padding:18px;border-radius:26px;display:flex;flex-direction:column;gap:14px}.admin-brand{display:flex;align-items:center;gap:12px;padding:0}.admin-brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#d4f935,#a855f7);color:#0b1020;font-weight:800;font-size:16px;letter-spacing:.5px;box-shadow:0 10px 24px #d4f93529}.admin-brand h1{margin:0;font-size:20px;font-weight:800;line-height:1.15}.admin-brand p{margin:4px 0 0;font-size:12px;color:#ffffff94}.admin-menu-item{width:100%;border:1px solid rgba(212,249,53,.14);background:linear-gradient(135deg,#d4f9351f,#a855f71a);color:#fff;border-radius:16px;padding:12px 14px;text-align:center;font-weight:700;font-size:14px;letter-spacing:.2px}.admin-footer{margin-top:0;padding-top:4px;display:grid;gap:12px}.admin-session-card{border-radius:18px;padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.admin-session-card p{margin:0}.admin-session-card p:first-child{font-size:13px;font-weight:800}.admin-session-card p:nth-child(2){margin-top:6px;font-size:12px;color:#ffffff9e;line-height:1.5}.admin-login-btn,.admin-logout-btn,.admin-primary-btn,.admin-copy-btn,.admin-modal-actions button{border:none;border-radius:16px;cursor:pointer;min-height:46px;touch-action:manipulation}.admin-login-btn,.admin-logout-btn{width:100%;margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#d4f935,#a3e635);color:#101426;font-weight:800;font-size:15px;box-shadow:0 10px 24px #d4f9352e}.admin-main{padding:0;display:grid;gap:12px}.admin-empty-panel{min-height:240px;border-radius:26px;display:grid;place-items:center;text-align:center;padding:30px 20px}.admin-empty-panel h2{margin:0 0 10px;font-size:22px;line-height:1.2}.admin-empty-panel p{margin:0;color:#ffffffad;font-size:14px;line-height:1.6}.admin-card{border-radius:26px;padding:18px;display:grid;gap:16px}.admin-card-head{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:0}.admin-card-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-card-head-row>div{min-width:0;flex:1}.admin-card-head h2{margin:0;font-size:22px;line-height:1.2}.admin-card-head p{margin:6px 0 0;color:#ffffff9e;font-size:13px;line-height:1.5}.admin-primary-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-weight:800;font-size:15px;box-shadow:0 10px 24px #7c3aed2e}.admin-top-logout-btn{flex:0 0 auto;align-self:flex-start;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:#fff;font-weight:700;font-size:13px;cursor:pointer;touch-action:manipulation;white-space:nowrap}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-box{border-radius:18px;padding:14px 12px;min-height:84px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:space-between}.stat-box span{display:block;font-size:12px;color:#ffffff94}.stat-box strong{display:block;margin-top:8px;font-size:24px;line-height:1}.admin-code-list{display:grid;gap:12px}.admin-inline-empty{padding:22px 16px;text-align:center;color:#ffffff94;font-size:14px}.admin-notice{margin:0;padding:12px 14px;border-radius:16px;font-size:13px;line-height:1.5}.admin-notice--success{background:#22c55e1f;border:1px solid rgba(34,197,94,.22);color:#bbf7d0}.admin-notice--error{background:#ef44441f;border:1px solid rgba(239,68,68,.22);color:#fecaca}.admin-code-item{display:grid;gap:8px;align-items:center;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.admin-code-top{display:flex;align-items:center;gap:10px;min-width:0}.admin-code-top code{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.5;color:#fff;word-break:break-all}.admin-code-status{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.admin-code-status--unused{background:#22c55e24;color:#86efac;border:1px solid rgba(34,197,94,.22)}.admin-code-status--used{background:#3b82f624;color:#93c5fd;border:1px solid rgba(59,130,246,.22)}.admin-code-status--expired{background:#ef444424;color:#fca5a5;border:1px solid rgba(239,68,68,.22)}.admin-code-expire{font-size:12px;color:#fff9}.admin-copy-btn{min-width:68px;padding:0 12px;background:#ffffff14;color:#fff;font-weight:700;font-size:13px}.admin-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060fa8;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.admin-modal-card{width:100%;max-width:430px;border-radius:24px;padding:20px 18px}.admin-modal-card h3{margin:0 0 16px;font-size:20px;line-height:1.2}.admin-modal-card input{width:100%;margin-bottom:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:16px}.admin-modal-actions{display:flex;gap:10px}.admin-modal-actions button{flex:1;padding:10px 14px;background:#ffffff14;color:#fff;font-weight:700}.admin-modal-actions button:last-child{background:linear-gradient(135deg,#d4f935,#a3e635);color:#101426}.admin-error{margin:12px 0 0;color:#fca5a5;font-size:13px;line-height:1.5}@media (max-width: 380px){.admin-page{padding-left:10px;padding-right:10px}.admin-sidebar,.admin-empty-panel,.admin-card,.admin-modal-card{border-radius:22px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats .stat-box:last-child{grid-column:1 / -1}.admin-code-item{gap:10px}.admin-code-top{flex-wrap:wrap}.admin-copy-btn{width:100%;min-width:0}.admin-modal-actions{flex-direction:column}.admin-card-head-row{align-items:stretch;flex-direction:column}.admin-top-logout-btn{width:100%}}