:root{--primary-color:#0ea5e9;--secondary-color:#7dd3fc;--text-primary:#334155;--text-inverse:#fff;--pc-background:#e2e8f0;--app-background:#f0f7ff;--border:#e0f2fe;--input-bg:#f8fafc;--divider:#f1f5f9;--shadow:0 4px 20px #0ea5e914;--shadow-small:0 2px 6px #0ea5e90d;--radius:16px}.dark-mode{--primary-color:#38bdf8;--secondary-color:#0ea5e9;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-inverse:#0f172a;--pc-background:#000;--app-background:#0f172a;--surface:#1e293b;--surface-soft:#334155;--border:#334155;--input-bg:#1e293b;--divider:#334155;--shadow:0 4px 12px #00000080;--shadow-small:0 2px 4px #0000004d}.green-eye{--primary-color:#10b981;--secondary-color:#6ee7b7;--text-primary:#064e3b;--text-secondary:#3b755f;--app-background:#ecfdf5;--surface:#fff;--surface-soft:#d1fae5;--border:#a7f3d0;--input-bg:#ecfdf5;--divider:#d1fae5}.warm-paper{--primary-color:#d97706;--secondary-color:#fbbf24;--text-primary:#451a03;--text-secondary:#92400e;--app-background:#fdf6e3;--surface:#fffef2;--surface-soft:#fef3c7;--border:#fde68a;--input-bg:#fffbe6;--divider:#fde68a}.sakura-pink{--primary-color:#ec4899;--secondary-color:#f472b6;--text-primary:#831843;--text-secondary:#be185d;--app-background:#fff1f2;--surface:#fff;--surface-soft:#fce7f3;--border:#fbcfe8;--input-bg:#fff1f2;--divider:#fbcfe8}.quiet-blue{--primary-color:#0ea5e9;--secondary-color:#7dd3fc;--text-primary:#0c4a6e;--text-secondary:#0369a1;--app-background:#e0f2fe;--surface:#f0f9ff;--surface-soft:#bae6fd;--border:#bae6fd;--input-bg:#e0f2fe;--divider:#bae6fd}body,html{overflow-anchor:none;overflow-x:hidden;width:100%}a{color:#334155;color:var(--text-primary);text-decoration:none;transition:color .2s}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{background-color:#e2e8f0;background-color:var(--pc-background);color:#334155;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;transition:background-color .3s ease,color .3s ease}.App,.app-content{min-height:100vh}.app-content{background-color:#f0f7ff;background-color:var(--app-background);box-shadow:0 0 50px #0000001a;margin:0 auto;max-width:480px;overflow-x:hidden;position:relative;transition:background-color .3s ease}@media (max-width:480px){.app-content{box-shadow:none}}::-webkit-scrollbar{background:#0000;width:0}.ant-typography,.ant-typography strong,h1,h2,h3,h4,h5,h6{color:#334155!important;color:var(--text-primary)!important}.ant-typography-secondary{color:#64748b!important;color:var(--text-secondary)!important}.ant-modal-content{border:1px solid #e0f2fe!important;border:1px solid var(--border)!important;border-radius:20px!important;box-shadow:0 4px 20px #0ea5e914!important;box-shadow:var(--shadow)!important;color:#334155!important;color:var(--text-primary)!important}.ant-modal-content,.ant-modal-header{background-color:#fff!important;background-color:var(--surface)!important}.ant-modal-header{border-bottom:1px solid #e0f2fe!important;border-bottom:1px solid var(--border)!important;border-radius:20px 20px 0 0!important}.ant-modal-title{color:#334155!important;color:var(--text-primary)!important}.ant-modal-close{color:#64748b!important;color:var(--text-secondary)!important}.ant-modal-close:hover{background-color:#f8fafc!important;background-color:var(--input-bg)!important;color:#0ea5e9!important;color:var(--primary-color)!important}.ant-modal-footer{border-top-color:#e0f2fe!important;border-top-color:var(--border)!important}.ant-modal{margin:0 auto!important;max-width:440px!important;padding-bottom:0!important;top:100px}@media (max-width:480px){.ant-modal{max-width:90%!important;top:20%}}.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-input-password,.ant-select-selector{background-color:#f8fafc!important;background-color:var(--input-bg)!important;border-color:#0000!important;border-radius:12px!important;box-shadow:none!important;color:#334155!important;color:var(--text-primary)!important}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus,.ant-input:focus,.ant-select-selector:focus{background-color:#fff!important;background-color:var(--surface)!important;border-color:#0ea5e9!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #0ea5e933!important}.ant-input::placeholder{color:#64748b!important;color:var(--text-secondary)!important;opacity:.6}.ant-btn{border-radius:24px!important;box-shadow:none!important;font-weight:600}.ant-btn-primary{background-color:#0ea5e9!important;background-color:var(--primary-color)!important;border-color:#0ea5e9!important;border-color:var(--primary-color)!important;box-shadow:0 4px 10px #0ea5e94d!important;color:#fff!important}.ant-btn-default{background-color:#fff!important;background-color:var(--surface)!important;border:1px solid #e0f2fe!important;border:1px solid var(--border)!important;color:#334155!important;color:var(--text-primary)!important}.ant-btn-default:hover{border-color:#0ea5e9!important;border-color:var(--primary-color)!important;color:#0ea5e9!important;color:var(--primary-color)!important}.ant-btn-text{color:#334155!important;color:var(--text-primary)!important}.ant-btn-text:hover{background-color:#f8fafc!important;background-color:var(--input-bg)!important}.ant-list-item{border-bottom-color:#e0f2fe!important;border-bottom-color:var(--border)!important;padding:16px 0!important}.ant-list-item,.ant-list-item-meta-title>a{color:#334155!important;color:var(--text-primary)!important}.ant-list-item-meta-description{color:#64748b!important;color:var(--text-secondary)!important}.ant-card{background-color:#fff!important;background-color:var(--surface)!important;border:1px solid #e0f2fe!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:0 2px 6px #0ea5e90d!important;box-shadow:var(--shadow-small)!important}.ant-card,.ant-card-head{color:#334155!important;color:var(--text-primary)!important}.ant-card-head{border-bottom-color:#e0f2fe!important;border-bottom-color:var(--border)!important}.ant-card-meta-title{color:#334155!important;color:var(--text-primary)!important}.ant-card-meta-description,.ant-tabs-tab{color:#64748b!important;color:var(--text-secondary)!important}.ant-tabs-tab{font-weight:500}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#0ea5e9!important;color:var(--primary-color)!important;font-weight:700}.ant-tabs-ink-bar{background:#0ea5e9!important;background:var(--primary-color)!important;border-radius:3px;height:3px!important}.ant-tabs-top>.ant-tabs-nav:before{border-bottom-color:#e0f2fe!important;border-bottom-color:var(--border)!important}.ant-spin-dot-item{background-color:#0ea5e9!important;background-color:var(--primary-color)!important}.ant-spin-text{color:#0ea5e9!important;color:var(--primary-color)!important}.ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton-content .ant-skeleton-title{background-color:#f8fafc!important;background-color:var(--input-bg)!important}.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title{background:linear-gradient(90deg,#f8fafc 25%,#e0f2fe 37%,#f8fafc 63%)!important;background:linear-gradient(90deg,var(--input-bg) 25%,var(--border) 37%,var(--input-bg) 63%)!important}.ant-message-notice-content{background-color:#fff!important;background-color:var(--surface)!important;border:1px solid #e0f2fe;border:1px solid var(--border);border-radius:12px!important;box-shadow:0 4px 20px #0ea5e914!important;box-shadow:var(--shadow)!important;color:#334155!important;color:var(--text-primary)!important;padding:10px 16px!important}.ant-empty-description{color:#64748b!important;color:var(--text-secondary)!important}.ant-empty-img-simple-g,.ant-empty-img-simple-path{fill:#e0f2fe!important;fill:var(--border)!important;stroke:#e0f2fe!important;stroke:var(--border)!important}.ant-drawer-content,.ant-drawer-header{background-color:#fff!important;background-color:var(--surface)!important}.ant-drawer-header{border-bottom:1px solid #e0f2fe!important;border-bottom:1px solid var(--border)!important}.ant-drawer-title{color:#334155!important;color:var(--text-primary)!important}.ant-divider,.ant-drawer-close{color:#64748b!important;color:var(--text-secondary)!important}.ant-divider{border-top-color:#e0f2fe!important;border-top-color:var(--border)!important}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.home-page{background:var(--background);min-height:100vh;padding-bottom:60px;transition:background-color .3s}.home-header-fixed{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-small);display:flex;gap:12px;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.home-search-bar{align-items:center;background:var(--input-bg);border-radius:18px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;height:36px;padding:0 12px;transition:all .2s}.home-search-bar:active{transform:scale(.99)}.search-placeholder{color:var(--text-secondary);font-size:13px}.home-avatar-btn{align-items:center;background:var(--input-bg);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:34px;justify-content:center;overflow:hidden;width:34px}.header-avatar-img{height:100%;object-fit:cover;width:100%}.home-banner-wrapper{background:var(--surface-soft);border-radius:16px;box-shadow:var(--shadow);height:150px;margin:12px 16px 0;overflow:hidden;position:relative}.home-banner-item,.home-swiper{height:100%;width:100%}.home-banner-item{align-items:center;display:flex;overflow:hidden;padding:0 20px;position:relative}.banner-blur-bg{background-position:50%;background-size:cover;filter:blur(20px) brightness(.6);inset:0;position:absolute;transform:scale(1.1);z-index:1}.banner-content-box{align-items:center;display:flex;gap:16px;position:relative;width:100%;z-index:2}.banner-img-box{border-radius:6px;box-shadow:0 4px 12px #0000004d;flex-shrink:0;height:94px;overflow:hidden;width:70px}.banner-text-info{color:#fff;flex:1 1;text-shadow:0 2px 4px #0000004d}.banner-tag{background:#f59e0b;border-radius:4px;display:inline-block;font-size:10px;margin-bottom:6px;padding:2px 6px}.banner-tag,.banner-title{color:#fff;font-weight:700}.banner-title{font-size:18px;margin-bottom:4px}.banner-sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffe6;display:-webkit-box;font-size:12px;line-height:1.4;opacity:.9;overflow:hidden}.swiper-pagination-bullet{background:#ffffff80!important;opacity:1!important}.swiper-pagination-bullet-active{background:#fff!important;border-radius:4px!important;transition:width .2s!important;width:12px!important}.home-nav-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);padding:20px 12px}.nav-item-col{cursor:pointer;flex-direction:column;gap:6px}.nav-icon-circle,.nav-item-col{align-items:center;display:flex}.nav-icon-circle{border-radius:14px;height:44px;justify-content:center;transition:transform .1s;width:44px}.nav-item-col:active .nav-icon-circle{transform:scale(.95)}.nav-label{color:var(--text-primary);font-size:12px;font-weight:500}.home-notice-bar{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-small);color:var(--text-secondary);display:flex;gap:10px;margin:0 16px 20px;padding:8px 12px}.notice-content{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:12px;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-tag{background:#ff4d4f1a;border-radius:4px;color:#ff4d4f;font-size:11px;font-weight:800;padding:1px 4px}.section-container{margin:0 16px 24px}.section-gap{margin-bottom:24px}.section-head-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 2px}.section-h-title{color:var(--text-primary);font-size:18px;font-weight:800;line-height:1}.section-h-more{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:2px}.today-big-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-small);display:flex;gap:14px;overflow:hidden;padding:14px;position:relative}.today-big-card:before{background:radial-gradient(circle,var(--primary-color) 0,#0000 70%);content:"";height:100%;opacity:.05;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.big-card-cover{border-radius:6px;box-shadow:0 4px 8px #0000001a;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:90px}.rank-badge-top{background:#f59e0b;border-bottom-right-radius:8px;color:#fff;font-size:10px;font-weight:800;left:0;padding:2px 6px;position:absolute;top:0}.big-card-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0;padding:2px 0}.big-title{color:var(--text-primary);font-size:17px;font-weight:700;line-height:1.3;margin-bottom:4px}.big-author-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.author-name{color:var(--text-secondary);font-size:12px}.score-badge{background:#f59e0b1a;border-radius:4px;color:#f59e0b;font-size:11px;font-weight:700;padding:1px 6px}.score-val{font-size:13px;margin-right:1px}.big-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.5;margin-bottom:auto;overflow:hidden}.big-meta-row{display:flex;gap:6px;margin-top:8px}.meta-tag{background:var(--input-bg);border-radius:4px;color:var(--text-secondary);font-size:10px;padding:2px 6px}.meta-tag.status{background:#3b82f61a;color:var(--primary-color)}.horizontal-scroll-container{display:flex;gap:12px;overflow-x:auto;padding:0 16px;scrollbar-width:none}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-book-item{cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px;width:90px}.scroll-cover{background:var(--surface-soft);border-radius:6px;box-shadow:0 2px 6px #0000001a;height:120px;overflow:hidden;position:relative;width:90px}.read-count-mask{background:linear-gradient(#0000,#0009);bottom:0;color:#fff;font-size:10px;padding:6px 0 2px;position:absolute;text-align:center;width:100%}.read-count-mask.new-badge{background:linear-gradient(#0000,#3b82f6cc);font-weight:600}.read-count-mask.free-badge{background:linear-gradient(#0000,#2ed573cc);font-weight:600}.corner-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;box-shadow:0 2px 6px #0000002e;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:6px;top:6px}.corner-badge-free{background:#2ed573f2}.read-count-mask.recommend-badge{background:linear-gradient(#0000,#ff4757cc);font-weight:600}.read-count-mask.score-badge{background:linear-gradient(#0000,#f59e0bcc);font-weight:600}.scroll-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:13px;font-weight:500;height:2.8em;line-height:1.4;overflow:hidden}.rank-list-rich{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-small);padding:0 12px}.rank-rich-item{border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:12px 0}.rank-rich-item:last-child{border-bottom:none}.rank-rich-left{flex-shrink:0;position:relative;width:50px}.rank-idx{align-items:center;background:var(--input-bg);border-radius:4px 0 4px 0;color:#999;display:flex;font-size:11px;font-weight:800;height:18px;justify-content:center;left:-4px;position:absolute;top:-2px;width:18px;z-index:2}.rank-idx.rank-1{background:#ff4757;color:#fff}.rank-idx.rank-2{background:#ffa502;color:#fff}.rank-idx.rank-3{background:#3742fa;color:#fff}.rank-rich-cover{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:66px;margin-left:4px;margin-top:4px;overflow:hidden;width:50px}.rank-rich-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0;padding:2px 0}.rank-rich-title{color:var(--text-primary);font-size:15px;font-weight:600}.rank-rich-desc,.rank-rich-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-rich-desc{color:var(--text-secondary);font-size:12px}.rank-rich-meta{color:var(--text-secondary);font-size:11px;justify-content:space-between}.rank-hot,.rank-rich-meta{align-items:center;display:flex}.rank-hot{color:#ff4757;gap:2px}.grid-books-3col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.grid-book-item{cursor:pointer;display:flex;flex-direction:column;gap:6px}.grid-cover-wrap{aspect-ratio:3/4;background:var(--surface-soft);border-radius:6px;box-shadow:0 2px 6px #0000001a;overflow:hidden;width:100%}.grid-book-title{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-book-author{color:var(--text-secondary);font-size:11px}.grid-books-2col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.feed-card-2col{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-small);display:flex;flex-direction:column;overflow:hidden}.feed-cover-2col{aspect-ratio:3/4;background:var(--surface-soft);position:relative;width:100%}.tag-corner{background:#0009;border-bottom-left-radius:6px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:0;top:0}.feed-info-2col{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:10px}.feed-title-2col{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.3}.feed-desc-2col,.feed-title-2col{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-desc-2col{color:var(--text-secondary);font-size:12px;line-height:1.4;margin-bottom:auto}.feed-tags-2col{display:flex;gap:4px}.feed-tags-2col .tag{background:var(--input-bg);border-radius:4px;color:var(--text-secondary);font-size:10px;padding:1px 4px}.feed-tags-2col .tag.score{background:#f59e0b1a;color:#f59e0b}.home-footer-tip{color:var(--text-secondary);font-size:12px;opacity:.6;padding:20px 0;text-align:center}.continue-reading-list{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-small);display:flex;flex-direction:column;gap:6px;padding:8px 10px}.continue-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:6px 4px}.continue-item+.continue-item{border-top:1px solid var(--border)}.continue-cover{border-radius:4px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:52px;overflow:hidden;width:40px}.continue-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.continue-title{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:4px}.continue-progress{color:var(--primary-color);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-action{border:1px solid #3b82f666;border-radius:999px;color:var(--primary-color);flex-shrink:0;font-size:12px;padding:4px 6px}.booklist-card-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-small);cursor:pointer;flex-shrink:0;overflow:hidden;transition:transform .2s,box-shadow .2s;width:140px}.booklist-card-item:active{box-shadow:var(--shadow);transform:scale(.98)}.booklist-cover-grid{grid-gap:2px;background:var(--surface-soft);display:grid;gap:2px;grid-template-columns:1fr 1fr;height:100px;padding:2px}.booklist-mini-cover{background:var(--surface-soft);border-radius:2px;height:100%;overflow:hidden;width:100%}.booklist-placeholder{align-items:center;background:linear-gradient(135deg,var(--surface-soft) 0,var(--input-bg) 100%);display:flex;height:100%;justify-content:center;width:100%}.booklist-info{display:flex;flex-direction:column;gap:4px;padding:10px}.booklist-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.booklist-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:4px}.topic-card-item{background:var(--surface);border-radius:10px;box-shadow:var(--shadow-small);cursor:pointer;flex-shrink:0;overflow:hidden;transition:transform .2s,box-shadow .2s;width:160px}.topic-card-item:active{box-shadow:var(--shadow);transform:scale(.98)}.topic-cover{background:var(--surface-soft);height:100px;position:relative;width:100%}.topic-overlay{background:linear-gradient(0deg,#000000b3,#0000);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:10px;position:absolute}.topic-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px;overflow:hidden}.topic-count,.topic-title{text-shadow:0 1px 2px #0000004d}.topic-count{color:#ffffffe6;font-size:11px}.cover-render{aspect-ratio:3/4;border-radius:6px;box-shadow:0 2px 6px #0000001a;box-sizing:border-box;display:block;overflow:hidden;transition:transform .2s}.cover-img{background-color:#f0f0f0;height:100%;object-fit:cover;width:100%}.cover-emoji{align-items:center;color:#fff;display:flex!important;font-weight:700;height:100%;justify-content:center;text-shadow:0 2px 4px #0000004d;-webkit-user-select:none;user-select:none;width:100%}.cover-render.small{font-size:24px;width:60px}.cover-render.medium{font-size:36px;width:90px}.cover-render.large{font-size:48px;width:120px}.cover-render.fluid{font-size:clamp(20px,40%,60px);height:auto;width:100%}.cover-render.fill{aspect-ratio:auto;font-size:32px;height:100%;width:100%}.dt-page{background:var(--background);min-height:100vh;padding-bottom:80px;transition:background-color .3s}.dt-header-fixed{align-items:center;background:#0000;color:#fff;display:flex;height:48px;justify-content:space-between;left:50%;max-width:480px;padding:0 16px;position:fixed;top:0;transform:translateX(-50%);transition:all .3s;width:100%;z-index:100}.dt-header-fixed.scrolled{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-small);color:var(--text-primary)}.dt-menu{align-items:center;color:inherit;cursor:pointer;display:flex;z-index:101}.dt-header-title{color:inherit;font-size:16px;font-weight:700;opacity:0;transition:opacity .3s}.dt-header-fixed.scrolled .dt-header-title{opacity:1}.dt-hero{background:#333;color:#fff;height:280px;overflow:hidden;position:relative}.dt-hero-bg{background-position:50%;background-size:cover;filter:blur(30px) brightness(.6);inset:-20px;position:absolute;z-index:1}.dt-hero-mask{background:linear-gradient(180deg,#0000 0,#0006);inset:0;position:absolute;z-index:2}.dt-hero-content{display:flex;gap:20px;padding:60px 20px 20px;position:relative;z-index:3}.dt-cover{border-radius:8px;box-shadow:0 8px 20px #0000004d;flex-shrink:0;height:140px;overflow:hidden;width:100px}.dt-info{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end}.dt-title{font-size:22px;font-weight:800;line-height:1.3;text-shadow:0 2px 4px #0000004d}.dt-author,.dt-title{color:#fff;margin-bottom:8px}.dt-author{font-size:14px;opacity:.9}.dt-meta-row{display:flex;gap:8px;margin-bottom:12px}.dt-meta-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:4px;color:#fff;font-size:10px;padding:2px 6px}.dt-data-row{align-items:center;display:flex;gap:16px}.dt-data-item{display:flex;flex-direction:column}.dt-data-item .num{color:#fff;font-family:DIN,sans-serif;font-size:18px;font-weight:700}.dt-data-item .label{color:#ffffffb3;font-size:10px;opacity:.7}.dt-data-divider{background:#ffffff4d;height:12px;width:1px}.dt-body{background:var(--surface);border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000001a;margin-top:-20px;min-height:500px;padding:20px 16px;position:relative;z-index:5}.dt-section{margin-bottom:24px}.dt-intro{color:var(--text-primary);font-size:15px;line-height:1.7;max-height:84px;overflow:hidden;position:relative;transition:max-height .3s}.dt-intro.expanded{max-height:1000px}.dt-intro-mask{background:linear-gradient(to bottom,#0000,var(--surface));bottom:0;height:40px;left:0;position:absolute;right:0}.dt-intro-arrow{color:var(--text-secondary);cursor:pointer;font-size:12px;margin-top:8px;text-align:center}.dt-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dt-tag-pill{background:var(--input-bg);border-radius:16px;color:var(--text-secondary);font-size:12px;padding:4px 10px}.dt-cell{align-items:center;border-bottom:1px solid var(--border);border-top:1px solid var(--border);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 0}.dt-cell-label{color:var(--text-primary);font-size:16px;font-weight:700}.dt-cell-value{color:var(--text-secondary);flex:1 1;font-size:13px;margin-right:8px;text-align:right}.dt-cell-arrow{color:var(--text-secondary);font-size:16px}.dt-section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dt-section-head h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.dt-section-head span{color:var(--text-secondary);font-size:13px}.dt-review-list{display:flex;flex-direction:column}.dt-review-item{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;cursor:pointer;margin-bottom:10px;padding:12px}.rev-head{display:flex;justify-content:space-between;margin-bottom:6px}.rev-user{color:var(--text-secondary);font-size:13px;font-weight:600}.rev-stars{color:#f59e0b;font-size:12px}.rev-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden}.dt-empty{color:var(--text-secondary);font-size:13px;padding:20px 0;text-align:center}.dt-rec-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.dt-rec-scroll::-webkit-scrollbar{display:none}.dt-rec-item{cursor:pointer;flex-shrink:0;width:90px}.rec-cover{background:var(--border);border-radius:6px;height:120px;margin-bottom:6px;overflow:hidden;width:90px}.rec-name{height:2.8em}.dt-footer-bar{align-items:center;background:var(--surface);border-top:1px solid var(--border);bottom:0;box-shadow:0 -4px 10px #00000005;display:flex;gap:12px;height:56px;left:50%;max-width:480px;padding:0 12px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.dt-footer-mini-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:10px;gap:2px;justify-content:center;width:44px}.dt-footer-mini-btn:active{opacity:.6}.dt-footer-main-btns{display:flex;flex:1 1;height:40px}.dt-btn-shelf{background:var(--surface);border:1px solid var(--primary-color);border-radius:20px 0 0 20px;color:var(--primary-color);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;height:100%}.dt-btn-shelf.active{background:var(--input-bg);border-color:var(--border);color:var(--text-secondary)}.dt-btn-read{background:var(--primary-color);border:none;border-radius:0 20px 20px 0;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;height:100%}.menu-grid{grid-gap:20px 10px;display:grid;gap:20px 10px;grid-template-columns:repeat(4,1fr);padding:24px 16px 40px}.menu-item{color:var(--text-primary);cursor:pointer;flex-direction:column;font-size:12px;gap:10px}.menu-icon-box,.menu-item{align-items:center;display:flex}.menu-icon-box{background:var(--background);border-radius:16px;font-size:24px;height:50px;justify-content:center;transition:background .2s;width:50px}.menu-item:active .menu-icon-box{background:var(--input-bg)}.catalog-list{padding:0 16px 20px}.catalog-item{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;padding:14px 0}.ch-idx{color:var(--text-secondary);font-size:13px;margin-right:8px;width:40px}.ch-title{color:var(--text-primary);flex:1 1}.ch-lock{color:var(--text-secondary);font-size:12px;margin-left:8px}.catalog-drawer-header{align-items:center;display:flex;justify-content:space-between;padding-right:20px;width:100%}.catalog-sort-btn{align-items:center;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:4px;padding:4px 8px;transition:background .2s}.catalog-sort-btn:hover{background:var(--input-bg);color:var(--primary-color)}.catalog-sort-btn svg{height:14px;width:14px}@media (min-width:481px){.dt-catalog-drawer .ant-drawer-content-wrapper,.dt-menu-drawer .ant-drawer-content-wrapper{left:50%!important;max-width:480px!important;transform:translateX(-50%)!important}}.back-button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;position:relative;transition:all .2s ease}.back-button:active{transform:scale(.9)}.back-icon{display:block}.back-btn-size-20,.back-btn-size-24{height:36px;width:36px}.back-btn-size-32{height:40px;width:40px}.back-btn-size-36{height:44px;width:44px}.back-btn-circle{background:var(--surface);border:1px solid var(--border);border-radius:50%;box-shadow:var(--shadow-small)}.back-btn-circle:hover{background:var(--surface-soft);box-shadow:var(--shadow)}.back-btn-circle:active{transform:scale(.85)}.back-btn-white{color:#fff}.back-btn-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid #ffffff26;border-radius:50%}.dark-mode .back-btn-glass{background:#0003;border:1px solid #ffffff14}.back-btn-glass:hover{background:#ffffff4d}.dark-mode .back-btn-glass:hover{background:#0000004d}.back-btn-minimal{background:none;border:none;color:var(--text-primary);font-size:15px;font-weight:500;padding:8px 12px}.back-btn-minimal:hover{background:var(--surface-soft);border-radius:8px}.back-btn-minimal .back-btn-text{align-items:center;display:flex;gap:4px}.back-btn-minimal .back-arrow{font-size:18px;font-weight:300;line-height:1}.back-btn-navbar{background:none;border:none;color:var(--text-primary);font-size:20px;padding:4px 8px 4px 0}.back-btn-navbar:hover{opacity:.7}.back-btn-icon-only{background:none;border:none;padding:8px}.back-btn-icon-only:hover{background:var(--surface-soft);border-radius:50%}.dark-mode .back-btn-circle{background:var(--surface);border-color:var(--border)}.dark-mode .back-btn-minimal{color:var(--text-primary)}.back-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.back-button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.style-white{--r-bg:#f7f9fa;--r-text:#345;--r-meta:#9aabbd;--r-bg-img:url("data:image/svg+xml;charset=utf-8,%3Csvg height='200' viewBox='0 0 800 200' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 200v-50q150-50 300 10t300-40q100-20 200 60v20Z' fill='%23cbd5e0' fill-opacity='.3'/%3E%3Cpath d='M0 200v-20q200-40 400 10t400-30v40Z' fill='%23a0aec0' fill-opacity='.2'/%3E%3C/svg%3E");--r-bg-pos:bottom center;--r-bg-rep:no-repeat;--r-bg-size:100% auto}.style-rice{--r-bg:#f0e6d2;--r-text:#5c4033;--r-meta:#a89080;--r-bg-img:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.15'/%3E%3C/svg%3E");--r-bg-pos:0 0;--r-bg-rep:repeat;--r-bg-size:100px 100px}.style-bamboo{--r-bg:#e0eee0;--r-text:#2f4f2f;--r-meta:#7a9a7a;--r-bg-img:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='400' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%234a6b52' fill-opacity='.1'%3E%3Cpath d='m200 0-40 120q-20 60-20 130-5 30-10 50' fill='none' stroke='%234a6b52' stroke-width='2' stroke-opacity='.12' stroke-linecap='round'/%3E%3Cpath d='M170 80q-20 10-40 0 20 5 40 0ZM175 85q-15 25-35 30 20-10 35-30ZM150 180q-30 10-50-10 25 15 50 10ZM152 185q-12 35-32 45 20-15 32-45ZM135 280q-35 30-45 70 20-30 45-70Z'/%3E%3C/g%3E%3C/svg%3E");--r-bg-pos:top right;--r-bg-rep:no-repeat;--r-bg-size:auto 60%}.style-flower{--r-bg:#fff0f0;--r-text:#5e3b45;--r-meta:#b08d9b;--r-bg-img:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c27e88' fill-opacity='.1'%3E%3Cpath d='M200 0q-50 50-80 150t-20 130' fill='none' stroke='%238c6b70' stroke-width='1.5' stroke-opacity='.15'/%3E%3Ccircle cx='130' cy='60' r='10'/%3E%3Ccircle cx='120' cy='50' r='8'/%3E%3Ccircle cx='140' cy='55' r='8'/%3E%3Ccircle cx='120' cy='150' r='12'/%3E%3Ccircle cx='105' cy='140' r='9'/%3E%3Ccircle cx='135' cy='145' r='9'/%3E%3Ccircle cx='100' cy='280' r='8'/%3E%3C/g%3E%3C/svg%3E");--r-bg-pos:top right;--r-bg-rep:no-repeat;--r-bg-size:auto 50%}.style-dark{--r-bg:#1a1b1c;--r-text:#8899a6;--r-meta:#4a5b66;--r-bg-img:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");--r-bg-pos:0 0;--r-bg-rep:repeat;--r-bg-size:100px 100px}.theme-dot{background-size:cover;border:1px solid #0000001a;border-radius:50%;box-shadow:0 2px 6px #0000001a;cursor:pointer;height:32px;position:relative;width:32px}.theme-dot.active{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666;transform:scale(1.15)}.theme-dot.style-white{background-color:#f7f9fa;border-color:#d1d9e6}.theme-dot.style-rice{background-color:#f0e6d2;border-color:#d6cbb5}.theme-dot.style-bamboo{background-color:#e0eee0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M80 0Q60 40 40 100' stroke='%234a6b52' fill='none' stroke-width='10' stroke-opacity='.2'/%3E%3C/svg%3E")}.theme-dot.style-flower{background-color:#fff0f0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='70' cy='30' r='20' fill='%23c27e88' fill-opacity='.2'/%3E%3C/svg%3E")}.theme-dot.style-dark{background-color:#1a1b1c;border-color:#444}.reader-page{background-color:var(--r-bg);background-image:none;background-image:var(--r-bg-img,none);background-position:0 0;background-position:var(--r-bg-pos,0 0);background-repeat:repeat;background-repeat:var(--r-bg-rep,repeat);background-size:auto;background-size:var(--r-bg-size,auto);box-shadow:0 0 50px #00000080;margin:0 auto;max-width:480px;overflow:hidden;transition:background-color .3s;width:100%;z-index:1000}.brightness-mask,.reader-page{bottom:0;left:0;position:fixed;right:0;top:0}.brightness-mask{background-color:#000;pointer-events:none;transition:opacity .1s;z-index:9000}.reader-loading{background:var(--r-bg);color:var(--r-meta);flex-direction:column;font-size:13px;height:100vh;position:fixed;z-index:2000}.reader-loading,.reader-overlay-loading{align-items:center;display:flex;inset:0;justify-content:center}.reader-overlay-loading{background:#0000000d;position:absolute;z-index:50}.reader-spinner{animation:spin .8s linear infinite;border:3px solid #80808033;border-radius:50%;border-top-color:#3b82f6;height:30px;margin-bottom:10px;width:30px}.reader-container{align-items:flex-start;justify-content:center;position:relative;width:100%}.book-page,.reader-container{display:flex;height:100%;overflow:hidden}.book-page{background-color:var(--r-bg)!important;background-image:none!important;background-image:var(--r-bg-img,none)!important;background-position:0 0!important;background-position:var(--r-bg-pos,0 0)!important;background-repeat:repeat!important;background-repeat:var(--r-bg-rep,repeat)!important;background-size:auto!important;background-size:var(--r-bg-size,auto)!important;box-shadow:inset -1px 0 10px #00000005;box-sizing:border-box;flex-direction:column;justify-content:flex-start;padding:8px 20px 20px}.page-header{align-items:center;color:var(--r-meta);display:flex;font-size:10px;height:20px;justify-content:space-between;left:24px;opacity:.5;position:absolute;right:24px;top:10px;z-index:2}.ph-title{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-text{color:var(--r-text);flex:1 1;font-family:sans-serif;font-family:var(--r-font-family,sans-serif);font-size:19px;font-size:var(--r-font-size,19px);letter-spacing:1px;line-height:2;line-height:var(--r-line-height,2);margin-top:24px;overflow:hidden;padding:0;text-align:justify;text-rendering:optimizeLegibility;white-space:pre-wrap;word-break:break-all}.chapter-title-in-page{color:var(--r-text);font-size:1.4em;font-weight:800;line-height:1.4;margin:0 0 24px}.page-footer{align-items:center;bottom:8px;color:var(--r-meta);display:flex;font-size:10px;height:20px;justify-content:space-between;left:24px;opacity:.6;position:absolute;right:24px;z-index:2}.reader-scroll-container{-webkit-overflow-scrolling:touch;background-attachment:fixed;background-color:var(--r-bg);background-image:none;background-image:var(--r-bg-img,none);background-position:0 0;background-position:var(--r-bg-pos,0 0);background-repeat:repeat;background-repeat:var(--r-bg-rep,repeat);background-size:auto;background-size:var(--r-bg-size,auto);height:100%;overflow-y:auto;scrollbar-width:none;width:100%}.reader-scroll-container::-webkit-scrollbar{display:none}.scroll-content{margin:0 auto;max-width:600px;padding:20px 24px 60vh;pointer-events:auto}.scroll-chapter-title{color:var(--r-text);font-size:24px;font-weight:800;margin-bottom:30px;margin-top:20px}.scroll-text{color:var(--r-text);text-align:justify;word-break:break-all}.scroll-p{margin:0 0 1em;min-height:1em;text-indent:2em;transition:color .3s ease}.scroll-p.reading-active{color:#d35400}.reader-theme-dark .scroll-p.reading-active{color:#ff9f43;text-shadow:0 0 10px #ff9f4333}.scroll-footer-btn-group{display:flex;gap:20px;justify-content:space-between;margin-top:50px;padding:0 10px}.scroll-btn{background:#3b82f6;border:none;border-radius:30px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 0;transition:all .2s}.scroll-btn:active{opacity:.9;transform:scale(.98)}.scroll-btn.prev{background:#0000;border:1px solid var(--r-meta);box-shadow:none;color:var(--r-text);opacity:.8}.reader-theme-dark .scroll-btn.prev{border-color:#555;color:#aaa}.reader-cover-container{background-attachment:fixed;background-color:var(--r-bg);background-image:none;background-image:var(--r-bg-img,none);background-position:0 0;background-position:var(--r-bg-pos,0 0);background-repeat:repeat;background-repeat:var(--r-bg-rep,repeat);background-size:auto;background-size:var(--r-bg-size,auto);height:100%;position:relative;width:100%}.reader-cover-container .book-page{height:100%;width:100%}.reader-touch-layer{display:flex;inset:0;position:absolute;touch-action:manipulation;transform:translateZ(0);-webkit-user-select:none;user-select:none;z-index:800}.touch-zone{-webkit-tap-highlight-color:transparent;height:100%}.touch-zone.left{cursor:pointer;width:35%}.touch-zone.center{cursor:default;width:30%}.touch-zone.right{cursor:pointer;width:35%}.reader-touch-layer.scroll-mode,.reader-touch-layer.scroll-mode .touch-zone{pointer-events:none}.reader-top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282828f2;border-bottom:1px solid #ffffff0d;box-shadow:0 4px 12px #00000026;color:#fff;height:50px;left:0;position:absolute;right:0;top:-60px;transition:top .25s cubic-bezier(.4,0,.2,1);will-change:top;z-index:3000!important}.reader-top-bar.visible{top:0}.reader-header-content{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 16px;width:100%}.reader-back-btn.back-button{background:#ffffff26!important;border:1px solid #fff3!important}.reader-back-btn.back-button:hover{background:#ffffff40!important}.reader-back-btn .back-icon{color:#fff!important}.top-left-group{align-items:center;cursor:pointer;display:flex;gap:6px}.icon-back{font-size:22px;line-height:1}.text-back{font-size:15px;font-weight:500}.top-shelf-btn{background:#3b82f6;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:5px 14px}.top-shelf-btn.added{background:#fff3;color:#ccc;cursor:default}.reader-bottom-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282828fa;border-radius:16px 16px 0 0;border-top:1px solid #ffffff0d;bottom:0;box-shadow:0 -4px 20px #0000004d;color:#fff;display:flex;flex-direction:column;left:0;max-height:70vh;padding-bottom:calc(20px + env(safe-area-inset-bottom));position:absolute;right:0;transform:translateY(100%);transition:transform .25s cubic-bezier(.18,.89,.32,1.28);will-change:transform;z-index:1000!important}.reader-bottom-panel.visible{transform:translateY(0)}.progress-control{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:20px;padding:18px 20px}.p-btn{color:#ccc;cursor:pointer}.p-btn,.p-slider-box{font-size:14px;white-space:nowrap}.p-slider-box{color:#fff;flex:1 1;overflow:hidden;text-align:center;text-overflow:ellipsis}.panel-tabs{display:flex;justify-content:space-around;padding:16px 0 10px}.tab-item{align-items:center;color:#999;cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:6px;padding:8px 12px}.tab-item.active{color:#3b82f6}.tab-item.speaking .t-icon{animation:pulse 1s infinite;color:#f59e0b}.t-icon{font-size:22px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.setting-detail-box{animation:slideUp .2s ease-out;max-height:50vh;overflow-y:auto;padding:0 24px 24px;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.setting-detail-box::-webkit-scrollbar{width:6px}.setting-detail-box::-webkit-scrollbar-track{background:#0000}.setting-detail-box::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.setting-detail-box::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.set-row{align-items:center;color:#ccc;display:flex;font-size:14px;margin-top:20px}.set-row label{width:40px}.set-control{align-items:center;background:#0003;border:1px solid #555;border-radius:24px;display:flex;flex:1 1;height:36px;justify-content:space-between;margin-left:20px}.set-control button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px;height:100%;padding:0 20px}.set-control .val{border-left:1px solid #555;border-right:1px solid #555;flex:1 1;height:100%;line-height:36px;text-align:center}.mode-select-row{gap:10px;justify-content:space-between;margin-bottom:10px}.mode-btn{border:1px solid #555;border-radius:8px;color:#ccc;cursor:pointer;flex:1 1;font-size:13px;padding:6px 0;text-align:center}.mode-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.ant-slider-rail{background-color:#555!important}.ant-slider-track{background-color:#3b82f6!important}.ant-slider-handle:after{box-shadow:0 0 0 2px #3b82f6!important}.theme-row{justify-content:space-between;margin-top:24px;padding:0 12px}.reader-locked-view{align-items:center;background-color:var(--r-bg);bottom:0;color:var(--r-text);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:30px;pointer-events:auto;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:20}.lock-title{font-size:20px;font-weight:800;margin-bottom:10px}.lock-desc{color:var(--r-meta);font-size:14px;margin-bottom:30px}.lock-buy-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 30px #0000000d;padding:24px;width:100%}.reader-theme-dark .lock-buy-card{background:#1e1e1ecc;border-color:#ffffff1a}.price-row{font-size:16px;margin-bottom:20px}.price-num{color:#ff9f43;font-family:DIN Alternate,sans-serif;font-size:28px;font-weight:800;margin:0 4px}.auto-buy-row{align-items:center;color:var(--r-meta);display:flex;font-size:13px;justify-content:center;margin-bottom:20px}.buy-options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.btn-unlock-one{background:linear-gradient(135deg,#ff9f43,#ff6b6b);border:none;border-radius:30px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;grid-column:span 2;padding:12px}.btn-unlock-batch{align-items:center;background:#0000;border:1px solid var(--r-meta);border-radius:10px;color:var(--r-text);cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:600;padding:8px}.discount-tag{color:#ff4757;font-size:10px;margin-top:2px}.reader-theme-dark .btn-unlock-batch{border-color:#fff3}.link-row{color:var(--r-meta);cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:0 10px;text-decoration:underline}.btn-lock-back{background:#0000;border:1px solid var(--r-meta);color:var(--r-meta);margin-top:30px}.reader-catalog-drawer{height:100%!important;left:0;position:absolute!important;top:0;width:100%!important;z-index:3000!important}.reader-catalog-drawer .ant-drawer-mask{background:#00000080;position:absolute!important}.catalog-header-bar{align-items:center;background:#fdfdfd;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:14px 16px}.cat-sort-btn{background:#f0f0f0;border-radius:12px;color:#666;cursor:pointer;font-size:13px;padding:4px 10px}.catalog-list{display:flex;flex-direction:column;height:100%}.catalog-scroll-area{flex:1 1;overflow-y:auto}.cat-item{background:#fff;border-bottom:1px solid #f5f5f5;cursor:pointer;padding:14px 16px}.cat-item.active{background:#f0f7ff}.cat-item-row{justify-content:space-between;width:100%}.cat-item-row,.cat-main-info{align-items:center;display:flex}.cat-main-info{flex:1 1;min-width:0;overflow:hidden}.cat-idx{color:#999;flex-shrink:0;font-size:13px;margin-right:10px}.cat-title{color:#333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-item.active .cat-title{color:#3b82f6;font-weight:600}.chapter-pagination-wrapper{background:#fdfdfd;border-top:1px solid #eee;padding:12px 16px}.chapter-pagination{display:flex;justify-content:space-between;margin-bottom:10px}.chapter-pagination button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 14px}.chapter-pagination button:disabled{opacity:.5}.chapter-jump{display:flex;gap:10px}.chapter-jump input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:16px;padding:6px}.chapter-jump button{background:#3b82f6;border:none;border-radius:6px;color:#fff;padding:6px 14px}.ant-select-selection-search-input{font-size:16px!important}.reader-page{position:relative;z-index:1}.comment-bubble-container{z-index:1000!important}.inline-comment-container{align-items:flex-end;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:2000}.inline-comment-container.visible{opacity:1;pointer-events:auto}.inline-comment-container:before{animation:fadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.inline-comment-container .inline-comment-panel{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -20px 60px #0003;display:flex;flex-direction:column;height:70vh;max-height:70vh;max-width:100%;min-height:0;overflow:hidden;position:relative;transform:translateY(100%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:100%}.inline-comment-container.visible .inline-comment-panel{transform:translateY(0)}@media (max-height:700px){.inline-comment-container .inline-comment-panel{height:80vh;max-height:80vh}}@media (max-height:600px) and (orientation:landscape){.inline-comment-container .inline-comment-panel{height:85vh;max-height:85vh}}@media (min-width:768px){.inline-comment-container{align-items:center;justify-content:center}.inline-comment-container .inline-comment-panel{border-radius:20px;box-shadow:0 20px 80px #0000004d;height:auto;max-height:75vh;max-width:480px;width:100%}.inline-comment-container .inline-comment-panel .comment-form-section{max-height:35vh;overflow-y:auto;padding:16px 20px}}.quick-comment-form{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffe6;border:1px solid #fff6;border-radius:16px;box-shadow:0 12px 40px #00000014,0 4px 16px #667eea1a,inset 0 1px 0 #fff9;padding:24px}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.form-title{color:#2d3748;font-size:16px;font-weight:700;letter-spacing:-.3px;text-shadow:0 1px 2px #fffc}.form-header-right{align-items:center;display:flex;gap:12px}.char-count{background:#667eea1a;border-radius:20px;color:#667eea;font-size:13px;font-weight:600;padding:4px 10px;transition:all .3s ease}.close-form-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.close-form-btn:hover:not(:disabled){background:#e9ecef;border-color:#dee2e6;box-shadow:0 4px 12px #00000026;transform:rotate(90deg)}.close-form-btn:disabled{cursor:not-allowed;opacity:.5}.comment-input{-webkit-text-size-adjust:100%;background:#ffffffe6;border:2px solid #e8e8e8cc;border-radius:12px;color:#2d3748;font-family:inherit;font-size:16px;line-height:1.6;margin-bottom:20px;max-height:200px;min-height:100px;padding:16px 20px;resize:vertical;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.comment-input:focus{background:#fff;border-color:#667eea80;box-shadow:0 8px 24px #667eea26,inset 0 1px 0 #fffc;outline:none;transform:translateY(-2px)}.comment-input::placeholder{color:#a0aec0;font-weight:400}.comment-input:disabled{background:#f5f5f5cc;border-color:#e8e8e880;cursor:not-allowed}.form-footer{gap:16px;justify-content:space-between}.footer-left,.footer-right,.form-footer{align-items:center;display:flex}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 24px #667eea4d,inset 0 1px 0 #ffffff4d;font-size:15px;letter-spacing:-.2px;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.submit-btn:before{background:linear-gradient(135deg,#fff3,#ffffff1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 16px 48px #667eea66,inset 0 1px 0 #fff6;transform:translateY(-3px)}.submit-btn:hover:not(:disabled):before{opacity:1}.submit-btn:active:not(:disabled){transform:translateY(-1px)}.submit-btn:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:0 4px 12px #0000001a;opacity:.5;transform:none}.ai-generate-btn{background:linear-gradient(135deg,#1890ff,#52c41a)!important;border-color:#0000!important;color:#fff!important;font-weight:600!important}.ai-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#40a9ff,#73d13d)!important;box-shadow:0 8px 24px #1890ff4d!important;transform:translateY(-2px)!important}.ai-generate-btn:active:not(:disabled){transform:translateY(0)!important}@media (max-width:768px){.quick-comment-form{border-radius:14px;padding:20px}.form-header{margin-bottom:14px}.form-title{font-size:15px}.char-count{font-size:12px;padding:3px 8px}.close-form-btn{font-size:14px;height:28px;width:28px}.comment-input{font-size:16px;margin-bottom:16px;min-height:90px;padding:14px 16px}.form-footer{gap:12px}.footer-left,.footer-right{align-items:center;display:flex}.submit-btn{border-radius:10px;font-size:14px;padding:12px 28px}}.chapter-comment-item{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #667eea0d,inset 0 1px 0 #fff9;margin-bottom:20px;padding:24px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.chapter-comment-item:hover{background:#fffffff2;box-shadow:0 16px 48px #0000001a,0 8px 24px #667eea1a,inset 0 1px 0 #fffc;transform:translateY(-4px)}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.user-info{align-items:center;display:flex;gap:16px}.user-avatar{border:3px solid #fffc;border-radius:50%;box-shadow:0 4px 16px #0000001a,0 2px 8px #667eea33;height:56px;object-fit:cover;transition:all .3s ease;width:56px}.user-avatar:hover{border-color:#667eea99;transform:scale(1.1)}.user-details{display:flex;flex-direction:column}.user-name{color:#2d3748;font-size:16px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}.comment-time{background:#7180961a;border-radius:12px;color:#718096;display:inline-block;font-size:13px;font-weight:500;padding:2px 10px}.delete-btn{background:#ffffffe6;border:2px solid #ff4d4f4d;border-radius:12px;color:#ff4d4f;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:-.2px;padding:8px 20px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.delete-btn:hover{background:linear-gradient(135deg,#ff4d4f,#ff7875);border-color:#0000;box-shadow:0 8px 24px #ff4d4f4d,inset 0 1px 0 #ffffff4d;color:#fff;transform:translateY(-2px)}.comment-content{color:#2d3748;font-size:15px;font-weight:400;letter-spacing:-.2px;line-height:1.8;margin-bottom:24px;white-space:pre-wrap;word-break:break-word}.comment-actions{border-top:1px solid #f0f0f099;gap:20px;padding-top:20px}.comment-actions,.like-btn{align-items:center;display:flex}.like-btn{background:#ffffffe6;border:2px solid #e8e8e8cc;border-radius:20px;color:#718096;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.like-btn:hover{background:#ff47570d;border-color:#ff475780;box-shadow:0 6px 20px #ff475726;color:#ff4757;transform:translateY(-2px)}.like-btn.liked{background:linear-gradient(135deg,#ff47571a,#ff6b6b0d);border-color:#ff47574d;box-shadow:0 8px 24px #ff475733,inset 0 1px 0 #ffffff4d;color:#ff4757}.like-icon{font-size:16px;transition:transform .3s ease}.like-btn:hover .like-icon{transform:scale(1.2)}.reply-btn,.show-replies-btn{background:#ffffffe6;border:2px solid #e8e8e8cc;border-radius:20px;color:#718096;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.reply-btn:hover,.show-replies-btn:hover{background:#667eea0d;border-color:#667eea80;box-shadow:0 6px 20px #667eea26;color:#667eea;transform:translateY(-2px)}.reply-form{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fafafae6;border:1px solid #fff6;border-radius:16px;box-shadow:inset 0 1px 0 #fff9,0 4px 16px #0000000d;margin-top:24px;padding:20px}.reply-input{background:#ffffffe6;border:2px solid #e8e8e8cc;border-radius:12px;color:#2d3748;font-family:inherit;font-size:14px;line-height:1.6;margin-bottom:16px;min-height:80px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.reply-input:focus{background:#fff;border-color:#667eea80;box-shadow:0 8px 24px #667eea26,inset 0 1px 0 #fffc;outline:none}.reply-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-reply-btn{background:#ffffffe6;border:2px solid #e8e8e8cc;border-radius:12px;color:#718096;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-reply-btn:hover{background:#fff;border-color:#9999;color:#666;transform:translateY(-2px)}.submit-reply-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:-.2px;padding:12px 32px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.submit-reply-btn:hover:not(:disabled){box-shadow:0 12px 32px #667eea4d,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.submit-reply-btn:disabled{background:linear-gradient(135deg,#ccc,#aaa);cursor:not-allowed;opacity:.5;transform:none}.replies-list{border-left:3px solid #667eea33;margin-top:24px;padding-left:24px;position:relative}.replies-list:before{background:linear-gradient(180deg,#667eea33,#667eea1a);bottom:0;content:"";left:-3px;position:absolute;top:0;width:3px}.reply-item{border-bottom:1px dashed #f0f0f0cc;padding:20px 0;position:relative}.reply-item:last-child{border-bottom:none}.reply-item:before{background:#667eea4d;border-radius:50%;box-shadow:0 2px 8px #667eea33;content:"";height:12px;left:-24px;position:absolute;top:30px;width:12px}.reply-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.reply-avatar{border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:32px;object-fit:cover;width:32px}.reply-user-info{align-items:center;display:flex;font-size:13px;gap:8px}.reply-user-name{color:#2d3748}.reply-to{color:#718096;font-weight:500}.reply-time{background:#a0aec01a;border-radius:10px;color:#a0aec0;font-size:12px;font-weight:500;margin-left:auto;padding:2px 8px}.reply-content{color:#4a5568;font-size:14px;font-weight:400;line-height:1.6;padding-left:44px}@media (max-width:768px){.chapter-comment-item{border-radius:16px;margin-bottom:16px;padding:20px}.user-info{gap:12px}.user-avatar{height:48px;width:48px}.user-name{font-size:15px}.comment-time{font-size:12px}.comment-content{font-size:14px;line-height:1.7;margin-bottom:20px}.comment-actions{gap:16px;padding-top:16px}.like-btn,.reply-btn,.show-replies-btn{font-size:13px;padding:8px 16px}.reply-form{margin-top:20px;padding:16px}.reply-input{font-size:13px;min-height:70px;padding:14px}.cancel-reply-btn,.submit-reply-btn{font-size:13px;padding:10px 20px}.replies-list{margin-top:20px;padding-left:20px}.reply-item{padding:16px 0}.reply-item:before{height:10px;left:-20px;width:10px}.reply-content{font-size:13px;padding-left:40px}.reply-avatar{height:28px;width:28px}}.chapter-comment-modal{align-items:flex-end;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-overlay{animation:fadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.modal-content{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -20px 60px #0003;display:flex;flex-direction:column;height:80vh;max-height:80vh;max-width:480px;overflow:hidden;position:relative;width:100%}.modal-header{background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;padding:20px 24px}.header-title,.modal-header{align-items:center;display:flex}.header-title{color:#333;gap:12px}.comment-count-badge{border-radius:20px;box-shadow:0 4px 12px #667eea4d;font-size:13px;font-weight:600;padding:4px 12px;text-shadow:0 1px 2px #0003}.close-btn,.comment-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.close-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 16px #667eea66;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.close-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea80;transform:rotate(90deg) scale(1.1)}.modal-tabs{background:#fff;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;padding:0 24px}.tab-btn{background:none;border:none;font-size:16px;padding:18px 0;position:relative;transition:all .3s ease}.tab-btn.active{color:#667eea}.tab-btn.active:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.modal-body{background:#f8f9fa;flex:1 1;max-height:calc(80vh - 180px);min-height:0;overflow:hidden}.comments-list{-webkit-overflow-scrolling:touch;height:100%;max-height:100%;overflow-x:hidden;scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#0000}.comments-list::-webkit-scrollbar-thumb{background-color:#667eea4d;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background-color:#667eea80}.empty-comments{height:100%;padding-bottom:100px}.empty-icon{margin-bottom:24px;opacity:.6}.load-more-btn{background:#fff;font-size:16px;padding:18px}.load-more-btn:hover:not(:disabled){box-shadow:0 12px 32px #667eea40}.modal-footer{background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 -4px 20px #0000000d;flex-shrink:0;max-height:40vh;overflow-x:hidden;overflow-y:auto;padding:20px 24px}.modal-footer::-webkit-scrollbar{width:6px}.modal-footer::-webkit-scrollbar-track{background:#f8f9fa}.modal-footer::-webkit-scrollbar-thumb{background-color:#667eea4d;border-radius:3px}.modal-footer::-webkit-scrollbar-thumb:hover{background-color:#667eea80}@media (min-width:768px){.chapter-comment-modal{align-items:center;justify-content:center;padding:0}.modal-content{border-radius:20px;box-shadow:0 20px 80px #0000004d;height:70vh;max-height:70vh;max-width:480px;width:100%}.modal-body{max-height:calc(70vh - 200px)}.modal-footer{max-height:35vh;overflow-y:auto;padding:24px 32px}}@media (max-height:700px){.modal-content{max-height:70vh}.modal-body{max-height:calc(70vh - 180px)}}@media (max-height:600px) and (orientation:landscape){.modal-content{max-height:65vh}.modal-body{max-height:calc(65vh - 140px)}.modal-header{padding:16px 24px}.modal-tabs{padding:0 24px}.tab-btn{padding:12px 0}.comments-list{padding:20px 24px}.empty-comments{padding-bottom:80px}}.inline-comment-panel{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header{align-items:center;background:linear-gradient(135deg,#667eeaf2,#764ba2f2);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative}.panel-header:before{background:linear-gradient(135deg,#fff3,#ffffff1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-title{font-size:18px;font-weight:700;letter-spacing:-.3px;position:relative;text-shadow:0 2px 4px #0003;z-index:1}.inline-close-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:40px;z-index:1}.inline-close-btn:hover{background:#ffffff4d;box-shadow:0 4px 16px #0003;transform:scale(1.1) rotate(90deg)}.inline-panel-tabs{background:#fafafacc;border-bottom:1px solid #f0f0f099;display:flex;gap:8px;padding:16px 24px}.tab-btn{background:#fffc;border:2px solid #0000;border-radius:12px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;letter-spacing:-.2px;padding:12px 20px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.tab-btn:hover:not(.active){background:#fff;border-color:#667eea4d;box-shadow:0 6px 20px #667eea26;color:#667eea;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 8px 24px #667eea4d,inset 0 1px 0 #ffffff4d;color:#fff;transform:translateY(-2px)}.comments-list{background:#fff6;flex:1 1;min-height:0;overflow-y:auto;padding:24px}.comments-list::-webkit-scrollbar{width:8px}.comments-list::-webkit-scrollbar-track{background:#f0f0f080;border-radius:4px}.comments-list::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.comments-list::-webkit-scrollbar-thumb:hover{background:#667eea80}.empty-comments{align-items:center;color:#999;display:flex;flex-direction:column;height:300px;justify-content:center;text-align:center}.empty-icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));font-size:64px;opacity:.4}.empty-text{color:#888;font-size:16px;font-weight:500;line-height:1.6;max-width:240px}.load-more-btn{background:#fffc;border:2px solid #667eea33;border-radius:12px;color:#667eea;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:-.2px;margin-top:24px;padding:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.load-more-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 12px 32px #667eea40,inset 0 1px 0 #ffffff4d;color:#fff;transform:translateY(-2px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.comment-form-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fafafacc;border-top:1px solid #f0f0f099;flex-shrink:0;max-height:40vh;overflow-x:hidden;overflow-y:auto;padding:24px}.comment-form-section::-webkit-scrollbar{width:6px}.comment-form-section::-webkit-scrollbar-track{background:#f0f0f080;border-radius:3px}.comment-form-section::-webkit-scrollbar-thumb{background-color:#667eea4d;border-radius:3px}.comment-form-section::-webkit-scrollbar-thumb:hover{background-color:#667eea80}@media (max-width:768px){.inline-comment-panel{border-radius:16px}.panel-header{padding:16px 20px}.header-title{font-size:16px}.inline-close-btn{font-size:24px;height:36px;width:36px}.inline-panel-tabs{padding:12px 20px}.tab-btn{font-size:13px;padding:10px 16px}.comments-list{padding:20px}.empty-comments{height:250px}.empty-icon{font-size:56px}.empty-text{font-size:15px;max-width:200px}.load-more-btn{font-size:14px;margin-top:20px;padding:14px}.comment-form-section{padding:20px}}.comment-bubble-container{bottom:100px;position:fixed;right:24px;z-index:1000}@media (min-width:481px){.comment-bubble-container{max-right:calc(50vw + 200px);right:calc(50vw - 216px)}}.comment-bubble{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 32px #667eea66,0 4px 12px #0000001a,inset 0 2px 4px #ffffff4d;cursor:pointer;display:flex;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:64px}.comment-bubble:before{background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.comment-bubble:hover{box-shadow:0 16px 48px #667eea80,0 8px 24px #00000026,inset 0 2px 4px #fff6;transform:scale(1.15) translateY(-4px)}.comment-bubble:hover:before{opacity:1}.comment-bubble.active{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 12px 40px #667eea99,0 6px 20px #0003,inset 0 2px 4px #fff6;transform:rotate(45deg) scale(1.1)}.bubble-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:28px;transition:transform .3s ease;z-index:1}.comment-bubble:hover .bubble-icon{transform:scale(1.1)}.comment-bubble.active .bubble-count,.comment-bubble.active .bubble-icon{transform:rotate(-45deg)}.bubble-count{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff4757);border:2px solid #fff;border-radius:10px;box-shadow:0 3px 8px #ff475780;box-sizing:border-box;color:#fff;display:flex;font-size:10px;font-weight:800;height:14px;justify-content:center;line-height:1;min-width:20px;padding:0 5px;position:absolute;right:10px;text-shadow:0 1px 2px #0000004d;top:6px;transition:all .3s ease;white-space:nowrap;z-index:2}.comment-bubble:hover .bubble-count{box-shadow:0 4px 12px #ff475799;transform:scale(1.1);transform-origin:center center}.comment-panel-wrapper{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;bottom:80px;box-shadow:0 20px 60px #00000026,0 8px 32px #667eea1a,inset 0 1px 0 #fff9;max-height:600px;overflow:hidden;position:absolute;right:0;width:380px}@media (max-width:480px){.comment-bubble-container{bottom:80px;right:20px}.comment-bubble{height:56px;width:56px}.bubble-icon{font-size:24px}.bubble-count{border-radius:8px;border-width:1.5px;font-size:9px;height:16px;min-width:16px;padding:0 4px;right:11px;text-shadow:0 1px 2px #0000004d;top:5px}.comment-panel-wrapper{border-radius:18px;bottom:70px;max-height:500px;right:-8px;width:320px}}.bs-page{background:var(--background);min-height:100vh}.bs-header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-small);padding:0 16px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.bs-header-top{align-items:center;display:flex;height:48px;justify-content:space-between;margin-bottom:8px}.bs-title{color:var(--text-primary);font-size:22px;font-weight:800}.bs-actions{display:flex;gap:12px}.bs-icon-btn{align-items:center;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;margin:-4px;padding:8px;transition:background .2s}.bs-icon-btn:active{background:var(--surface-soft)}.icon-btn.text-btn{border-radius:12px;font-size:14px;font-weight:500;margin:0;padding:4px 8px}.bs-dashboard{align-items:center;background:var(--surface-soft);border:1px solid #e0e7ff;border-radius:12px;display:flex;justify-content:space-between;padding:14px 16px}.dash-label{color:var(--text-primary);font-size:11px;font-weight:600;margin-bottom:2px}.dash-time .num{color:var(--text-primary);font-family:DIN Alternate,sans-serif;font-size:24px;font-weight:800;margin-right:4px}.dash-time .unit{color:#64748b;font-size:12px}.dash-checkin-btn{background:var(--primary-color);border:none;border-radius:20px;box-shadow:0 4px 10px #3b82f64d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px}.bs-filter-row{color:var(--text-secondary);font-size:12px;justify-content:space-between;padding:12px 16px 8px}.bs-filter-row,.view-toggler{align-items:center;display:flex}.view-toggler{cursor:pointer;gap:4px}.bs-list{display:flex;flex-direction:column;gap:12px;padding:0 16px}.book-item.list{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-small);display:flex;gap:14px;padding:12px;transition:all .2s}.book-item.list:active{background:#fafafa;transform:scale(.99)}.book-item.list .book-cover-box{border-radius:4px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:60px}.book-item.list .book-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:2px 0}.book-item.list .book-title{color:var(--text-primary);font-size:16px;font-weight:600}.list-meta{display:flex;flex-direction:column;gap:4px}.latest-chapter,.read-progress{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.latest-chapter{color:#64748b}.red-dot{background:#ff4d4f;border-radius:50%;display:inline-block;height:6px;width:6px}.bs-grid{grid-gap:14px 10px;display:grid;gap:14px 10px;grid-template-columns:repeat(3,1fr);padding:0 16px}.book-item.grid{display:flex;flex-direction:column;gap:6px}.book-item.grid .book-cover-box{aspect-ratio:3/4;background:var(--border);border-radius:6px;box-shadow:0 4px 8px #00000026;overflow:hidden;position:relative;width:100%}.update-dot{background:#ff4d4f;border-bottom-left-radius:6px;color:#fff;font-size:10px;padding:2px 5px;position:absolute;right:0;top:0}.book-item.grid .book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.grid-progress{color:var(--text-secondary);font-size:10px}.book-item.editing{animation:shake .3s ease-in-out infinite alternate}@keyframes shake{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}.check-overlay{align-items:center;background:#0000004d;border:2px solid #0000;color:#0000;display:flex;inset:0;justify-content:center;position:absolute;transition:all .2s}.check-overlay.checked{background:#3b82f666;border-color:var(--primary-color);color:#fff;font-size:24px;font-weight:700}.bs-edit-bar{align-items:center;animation:slideUp .2s;background:var(--surface);border:1px solid var(--border);border-radius:40px;bottom:60px;box-shadow:var(--shadow);box-sizing:border-box;display:flex;justify-content:space-between;left:0;margin:0 auto;max-width:448px;padding:10px 20px;position:fixed;right:0;width:calc(100% - 32px);z-index:100}.edit-delete-btn{background:#ff4d4f;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:13px;padding:6px 16px}.edit-delete-btn:disabled{background:#ccc}.bs-empty{padding-left:16px;padding-right:16px;padding-top:40px;text-align:center}.empty-icon-wrap{align-items:center;background:var(--surface-soft);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 20px;opacity:.5;width:120px}.empty-img{font-size:60px;margin-bottom:16px;opacity:.5}.empty-text{color:var(--text-secondary);margin-bottom:20px}.empty-btn{border:1px solid var(--primary-color);border-radius:20px;color:var(--primary-color);cursor:pointer;display:inline-block;font-size:14px;padding:8px 24px}.empty-rec-title{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:16px;margin-top:40px;text-align:left}.empty-rec-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.rec-item{cursor:pointer;min-width:0;text-align:left}.rec-item .book-cover-box{aspect-ratio:3/4;background:var(--border);border-radius:6px;box-shadow:0 4px 8px #0000001a;margin-bottom:6px;overflow:hidden;width:100%}.rec-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:13px;line-height:1.4;margin-top:0;overflow:hidden}.bs-unlogin-page{align-items:center;display:flex;height:80vh;justify-content:center;padding:0 16px}.unlogin-card{background:var(--surface);border-radius:16px;box-shadow:0 10px 30px #0000000d;padding:30px;text-align:center;width:100%}.unlogin-card button{background:var(--primary-color);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 30px}.profile-page{background:var(--background);min-height:100vh;padding-bottom:80px}.pf-header{background:linear-gradient(180deg,#e0f2fe 0,var(--background) 100%);padding:60px 20px 20px;position:relative}.dark-mode .pf-header{background:linear-gradient(180deg,#1e293b 0,var(--background) 100%)}.pf-settings-btn{color:var(--text-primary);cursor:pointer;height:32px;justify-content:center;position:absolute;right:20px;top:20px;width:32px;z-index:10}.pf-settings-btn,.pf-user-row{align-items:center;display:flex}.pf-user-row{gap:16px;margin-bottom:24px;position:relative;z-index:5}.pf-avatar{background:#eee;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000014;height:64px;object-fit:cover;width:64px}.pf-user-info{flex:1 1}.pf-username{color:var(--text-primary);font-size:20px;font-weight:800;margin-bottom:4px}.pf-user-edit{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px}.pf-data-row{display:flex;justify-content:space-around;margin-bottom:20px}.pf-data-item{align-items:center;cursor:pointer;display:flex;flex-direction:column}.pf-data-num{color:var(--text-primary);font-family:DIN Alternate,sans-serif;font-size:18px;font-weight:800}.pf-data-label{color:var(--text-secondary);font-size:12px;margin-top:2px}.pf-vip-card{align-items:center;background:linear-gradient(135deg,#333,#1a1a1a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 20px #00000026;color:#fceecb;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:16px 20px;position:relative}.pf-vip-card:after{background:linear-gradient(45deg,#0000,#ffd7001a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(30deg);width:200%}.pf-vip-left{z-index:2}.pf-vip-title{align-items:center;display:flex;font-size:16px;font-weight:800;gap:6px;margin-bottom:4px}.pf-vip-desc{font-size:11px;opacity:.8}.pf-vip-btn{background:linear-gradient(90deg,#fceecb,#eaddb6);border:none;border-radius:20px;color:#333;font-size:12px;font-weight:700;padding:6px 14px;z-index:2}.pf-wallet-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);margin-bottom:16px;padding:16px}.pf-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;justify-content:space-between;margin-bottom:12px}.pf-wallet-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.pf-asset-item{background:var(--surface-soft);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:10px}.pf-asset-val{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:4px;margin-bottom:2px}.pf-asset-val.gold{color:#f59e0b}.pf-asset-val.coupon{color:#ff4757}.pf-asset-name{color:var(--text-secondary);font-size:12px}.pf-service-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);margin-bottom:20px;padding:20px 16px}.pf-service-grid{grid-gap:20px 10px;display:grid;gap:20px 10px;grid-template-columns:repeat(4,1fr)}.pf-service-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:8px}.pf-icon-circle{align-items:center;display:flex;font-size:24px;justify-content:center;transition:transform .2s}.pf-service-item:active .pf-icon-circle{transform:scale(.9)}.pf-service-label{color:var(--text-secondary);font-size:12px}.pf-menu-list{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);padding:0 16px}.pf-menu-item{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:16px 0}.pf-menu-item:last-child{border-bottom:none}.pf-menu-left{align-items:center;display:flex;gap:10px}.pf-menu-arrow{font-size:14px}.pf-logout,.pf-menu-arrow{color:var(--text-secondary)}.pf-logout{cursor:pointer;font-size:13px;margin-top:10px;padding:20px;text-align:center;text-decoration:underline}.pf-unlogin{align-items:center;display:flex;flex-direction:column;padding-top:80px;text-align:center}.pf-unlogin-btn{background:var(--primary-color);border:none;border-radius:24px;color:#fff;font-weight:600;margin-top:20px;padding:10px 32px}.search-page{background:var(--background);min-height:100vh;padding-bottom:40px}.search-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #00000008;display:flex;gap:12px;padding:10px 16px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dark-mode .search-header{background:#1e293bf2;border-bottom-color:#ffffff0d}.search-box{align-items:center;background:var(--input-bg);border:1px solid #0000;border-radius:20px;display:flex;flex:1 1;height:40px;padding:0 12px;transition:all .2s ease}.search-box:focus-within{background:var(--surface);border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f626}.search-icon-svg{color:var(--text-secondary);display:flex;margin-right:8px}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:16px;height:100%;outline:none;padding:0}.search-btn-txt{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:600;padding:0 4px}.search-initial{display:flex;flex-direction:column;gap:24px;padding:16px}.initial-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.initial-title{color:var(--text-primary);font-size:16px;font-weight:700}.initial-action{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px}.history-chips{display:flex;flex-wrap:wrap;gap:10px}.history-chip{background:var(--surface);border:1px solid var(--border);border-radius:18px;color:var(--text-primary);cursor:pointer;font-size:13px;max-width:100%;overflow:hidden;padding:6px 14px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.history-chip:active{background:var(--border)}.category-tags-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.tag-row{align-items:center;display:flex;gap:10px}.tag-row.mt-2{margin-top:10px}.tag-label{border-radius:4px;font-size:12px;font-weight:700;padding:2px 6px}.tag-label.male{background:#eff6ff;color:#3b82f6}.tag-label.female{background:#fdf2f8;color:#ec4899}.tag-scroll{display:flex;flex:1 1;gap:8px;overflow-x:auto;scrollbar-width:none}.tag-scroll::-webkit-scrollbar{display:none}.cat-chip{border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:4px 8px;white-space:nowrap}.cat-chip:active{background:var(--input-bg);color:var(--text-primary)}.split-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.2fr .8fr}.hot-board{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-small);padding:4px 12px}.hot-item{align-items:center;border-bottom:1px dashed var(--border);cursor:pointer;display:flex;padding:10px 0}.hot-item:last-child{border-bottom:none}.hot-rank{color:var(--text-secondary);font-family:DIN Alternate,sans-serif;font-size:14px;font-weight:700;margin-right:8px;text-align:center;width:18px}.hot-rank.top-1{color:#ff4757}.hot-rank.top-2{color:#fa8231}.hot-rank.top-3{color:#f7b731}.hot-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.hot-text{color:var(--text-primary);font-size:13px;font-weight:500}.hot-val{color:#ccc;font-size:11px;transform:scale(.9);transform-origin:right center}.guess-tags-cloud{display:flex;flex-wrap:wrap;gap:8px}.guess-cloud-item{background:var(--input-bg);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 10px}.guess-book-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.guess-book-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-small);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s}.guess-book-card:active{transform:scale(.98)}.guess-cover-wrap{aspect-ratio:3/4;background:var(--surface-soft);position:relative;width:100%}.guess-info{display:flex;flex:1 1;flex-direction:column;padding:10px}.guess-title{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guess-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:11px;line-height:1.4;margin-bottom:8px;overflow:hidden}.guess-tags{display:flex;gap:4px;margin-top:auto}.mini-tag{background:var(--input-bg);border-radius:4px;color:var(--text-secondary);font-size:9px;padding:2px 5px}.mini-tag.hl{background:#ff9f431a;color:#ff9f43}.search-results{padding:0 16px 16px}.results-header{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between;padding:12px 0}.results-header strong{color:var(--text-primary);font-size:16px}.result-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-small);display:flex;margin-bottom:12px;padding:12px;text-decoration:none}.search-book-cover{background:#eee;border-radius:6px;flex-shrink:0;height:88px;margin-right:12px;overflow:hidden;width:66px}.search-book-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0}.search-book-info h4{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px}.search-book-info .author{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.search-book-info .desc{color:var(--text-secondary);font-size:12px;margin:6px 0;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-tags{display:flex;gap:6px}.no-results{color:var(--text-secondary);padding-top:60px;text-align:center}.no-res-icon{font-size:48px;margin-bottom:16px;opacity:.5}.search-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.pg-btn{background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text-primary);font-size:13px;padding:6px 16px}.pg-btn:disabled{opacity:.5}.spin-icon{animation:spin .5s linear infinite}.mode-toggle-btn{align-items:center;background:var(--input-bg);border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.mode-toggle-btn:hover{background:var(--surface)}.mode-toggle-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.mode-toggle-icon{align-items:center;display:flex}.mode-toggle-text{font-weight:500}.ai-match-reason{background:linear-gradient(135deg,#3b82f614,#a855f714);border-left:3px solid var(--primary-color);border-radius:8px;margin:6px 0;padding:8px 10px}.ai-reason-icon{font-size:14px;margin-right:6px}.ai-reason-text{color:var(--text-primary);font-size:12px;line-height:1.4}.ai-match-score{background:#3b82f61a;border-radius:10px;color:var(--primary-color);display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px}.mini-tag.ai-keywords{background:linear-gradient(135deg,#3b82f61a,#a855f71a);border:1px solid #3b82f633;color:var(--primary-color)}.ai-recommend-tip{align-items:center;background:linear-gradient(135deg,#3b82f60d,#a855f70d);border:1px solid #3b82f61a;border-radius:12px;display:flex;gap:8px;margin-top:16px;padding:12px}.tip-icon{font-size:16px}.tip-text{color:var(--text-secondary);font-size:12px;line-height:1.4}.nav-bar{background:var(--surface);color:var(--text-primary);height:44px;padding:0 12px;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s,color .3s;z-index:100}.nav-back,.nav-bar{align-items:center;display:flex}.nav-back{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;padding:4px 8px 4px 0}.nav-title{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;margin-right:28px;text-align:center}.cat-layout{background:#fff;flex-direction:column;height:100vh}.cat-container,.cat-layout{display:flex;overflow:hidden}.cat-container{flex:1 1}.cat-sidebar{background:#f7f8fa;border-right:1px solid #0000000a;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:90px}.cat-sidebar-item{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:64px;justify-content:center;position:relative;transition:all .2s}.cat-sidebar-item.active{background:#fff;color:var(--text-primary);font-size:15px;font-weight:700}.cat-sidebar-indicator{background:#0000;border-radius:0 4px 4px 0;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:4px}.cat-sidebar-item.active .cat-sidebar-indicator{background:var(--primary-color)}.cat-sidebar-text{align-items:center;display:flex;gap:4px;z-index:2}.cat-content{-webkit-overflow-scrolling:touch;background:#fff;flex:1 1;overflow-y:auto;padding:16px}.cat-content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.header-label{color:var(--text-primary);font-size:16px;font-weight:700}.header-count{background:#f2f3f5;border-radius:10px;color:var(--text-secondary);font-size:12px;padding:2px 8px}.cat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding-bottom:40px}.cat-grid-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:14px 10px;position:relative;transition:all .2s ease}.cat-grid-card:hover{border-color:var(--primary-color);box-shadow:0 6px 16px #0000000f;transform:translateY(-2px)}.cat-card-bg{background:linear-gradient(135deg,#fff0 0,rgba(var(--primary-rgb),.05) 100%);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.cat-grid-card:hover .cat-card-bg{opacity:1}.cat-card-main{gap:10px;z-index:2}.cat-card-main,.cat-icon-box{align-items:center;display:flex}.cat-icon-box{background:#f7f8fa;border-radius:10px;font-size:20px;height:40px;justify-content:center;width:40px}.cat-info{display:flex;flex-direction:column;gap:2px}.cat-name{color:var(--text-primary);font-size:14px;font-weight:600}.cat-book-count{color:var(--text-secondary);font-size:11px}.cat-card-arrow{color:#ccc;font-size:12px;opacity:0;transform:translateX(4px);transition:all .2s}.cat-grid-card:hover .cat-card-arrow{opacity:1;transform:translateX(0)}.cat-empty{color:var(--text-secondary);font-size:13px;padding:60px 0;text-align:center}@media (max-width:360px){.cat-sidebar{width:76px}.cat-sidebar-item{font-size:13px}.cat-grid{grid-template-columns:1fr}}.ranking-page-new{background:var(--background);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;position:relative}.rank-header-bg{background:linear-gradient(180deg,#dbeafe 0,#eff6ff 60%,var(--background) 100%);padding-bottom:24px;padding-top:calc(12px + env(safe-area-inset-top));position:relative;transition:background .5s ease}.rank-header-bg.female{background:linear-gradient(180deg,#fce7f3 0,#fdf2f8 60%,var(--background) 100%)}.dark-mode .rank-header-bg{background:linear-gradient(180deg,#1e293b 0,#0f172a 60%,var(--background) 100%)}.dark-mode .rank-header-bg.female{background:linear-gradient(180deg,#38081a 0,#1a050d 60%,var(--background) 100%)}.rank-nav-bar{justify-content:space-between;padding:0 16px 12px}.rank-nav-bar,.rank-title-box{align-items:center;display:flex}.rank-title-box{cursor:pointer;gap:8px}.rank-page-title{color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:.5px}.channel-toggle-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #0000000d;border-radius:20px;display:flex;padding:3px}.dark-mode .channel-toggle-box{background:#ffffff1a;border-color:#ffffff1a}.channel-toggle-box .c-item{border-radius:18px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .3s}.channel-toggle-box .c-item.active{background:#fff;box-shadow:0 2px 8px #00000014;color:var(--text-primary)}.rank-header-bg.female .c-item.active{color:#ec4899}.dark-mode .c-item.active{background:#334155;color:#fff}.rank-type-scroll{display:flex;gap:12px;margin-bottom:12px;margin-top:10px;overflow-x:auto;padding:0 16px;scrollbar-width:none}.rank-type-scroll::-webkit-scrollbar{display:none}.rank-type-item{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:15px;font-weight:500;gap:4px;padding:8px 16px;transition:all .2s}.rank-type-item.active{color:var(--text-primary);font-size:18px;font-weight:800;transform:scale(1.05)}.rank-type-item .rt-icon{color:var(--primary-color);display:flex}.rank-header-bg.female .rank-type-item .rt-icon{color:#ec4899}.rank-sub-ctrl{align-items:center;display:flex;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.cycle-pills{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff6;border-radius:8px;display:flex;padding:2px}.cycle-pill{border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s}.cycle-pill.active{background:#fff;box-shadow:0 1px 4px #0000000d;color:var(--primary-color);font-weight:700}.rank-header-bg.female .cycle-pill.active{color:#ec4899}.cycle-static{background:#fff6;border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:700;padding:2px 8px}.ctrl-right{align-items:center;display:flex;gap:10px}.rule-icon{cursor:pointer;opacity:.7}.period-select-mini .ant-select-selector{background:#0000!important;border:none!important;color:var(--text-secondary)!important;font-size:12px!important}.period-select-mini input{font-size:16px!important;opacity:0!important}.rank-update-tip{color:var(--text-secondary);font-size:11px;margin-bottom:12px;opacity:.7;padding:0 16px}.rank-podium{align-items:flex-end;justify-content:center;padding:20px 10px 40px;z-index:5}.podium-item,.rank-podium{display:flex;position:relative}.podium-item{align-items:center;cursor:pointer;flex-direction:column;transition:transform .2s}.podium-item:active{transform:scale(.95)}.podium-item.p-2,.podium-item.p-3{width:28%;z-index:1}.podium-item.p-1{margin:0 -8px;padding-bottom:25px;width:36%;z-index:2}.rank-crown{animation:floatCrown 2.5s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(255,215,0,.4));font-size:32px;position:absolute;top:-36px;z-index:10}@keyframes floatCrown{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(-5deg)}}.podium-cover-wrap{overflow:visible;position:relative;z-index:2}.p-1 .podium-cover-wrap{height:134px;width:100px}.p-2 .podium-cover-wrap,.p-3 .podium-cover-wrap{height:102px;width:76px}.podium-cover-img{background:var(--surface);border:2px solid #0000;border-radius:8px;box-shadow:0 8px 20px #0003;box-sizing:border-box;height:100%;overflow:hidden;width:100%}.p-1 .podium-cover-img{border-color:gold}.p-2 .podium-cover-img{border-color:silver}.p-3 .podium-cover-img{border-color:#cd7f32}.podium-rank-badge{align-items:center;border:2px solid #fff;border-radius:50%;bottom:-10px;box-shadow:0 2px 6px #0003;color:#fff;display:flex;font-family:DIN Alternate,sans-serif;font-weight:800;height:20px;justify-content:center;left:50%;line-height:1;position:absolute;transform:translateX(-50%);width:20px;z-index:10}.dark-mode .podium-rank-badge{border-color:#1a1a1a}.p-1 .podium-rank-badge{background:linear-gradient(135deg,gold,#f59e0b);bottom:-13px;font-size:16px;height:26px;width:26px}.p-2 .podium-rank-badge{background:linear-gradient(135deg,#e5e7eb,#9ca3af);font-size:12px}.p-3 .podium-rank-badge{background:linear-gradient(135deg,#fdba74,#b45309);font-size:12px}.podium-info{margin-top:18px;padding:0 4px;text-align:center;width:100%}.p-1 .podium-info{margin-top:22px}.podium-title{color:var(--text-primary);font-size:13px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-1 .podium-title{font-size:15px}.podium-hot{align-items:center;display:flex;font-size:11px;font-weight:600;gap:3px;justify-content:center}.score-hl{font-family:DIN Alternate,sans-serif;font-weight:800}.unit{font-size:9px;font-weight:400;margin-left:1px;opacity:.8}.rank-list-card{background:var(--surface);border-radius:24px 24px 0 0;border-top:1px solid #ffffff1a;box-shadow:0 -4px 20px #0000000a;flex:1 1;margin-top:-10px;padding:10px 16px 60px;position:relative;z-index:6}.rank-item-row{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;padding:16px 0;transition:background .2s}.rank-item-row:active{background:var(--surface-soft)}.rank-num{color:#9ca3af;font-family:DIN Alternate,sans-serif;font-size:18px;font-style:italic;font-weight:700;margin-right:12px;text-align:center;width:32px}.rank-num.top10{color:#64748b}.rank-row-cover{background:var(--surface-soft);border-radius:6px;box-shadow:0 2px 8px #00000014;flex-shrink:0;height:72px;margin-right:14px;overflow:hidden;width:54px}.rank-row-info{display:flex;flex:1 1;flex-direction:column;height:68px;justify-content:space-between;min-width:0;padding:2px 0}.rank-row-title{color:var(--text-primary);font-size:16px;font-weight:700}.rank-row-desc,.rank-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row-desc{color:var(--text-secondary);font-size:12px;margin-top:4px;opacity:.8}.rank-row-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;justify-content:space-between;margin-top:auto}.rank-cat-tag{background:var(--input-bg);border-radius:4px;color:var(--text-secondary);padding:1px 6px}.rank-right-data{align-items:center;display:flex;gap:8px;justify-content:flex-end}.rank-val-text{color:#f59e0b;font-family:DIN Alternate,sans-serif;font-size:14px;font-weight:700}.rank-change{font-size:10px;font-weight:500;padding:0 2px;transform:scale(.9)}.rank-change.new{background:#ff4757;border-radius:2px;color:#fff;padding:1px 4px}.rank-change.up{color:#f5222d}.rank-change.down{color:#389e0d}.rank-change.same{color:#ccc}.rank-empty,.rank-loading{color:var(--text-secondary);font-size:13px;opacity:.6;padding:60px 0;text-align:center}.login-modern-page{align-items:center;background:var(--pc-background);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.bg-orb{border-radius:50%;filter:blur(60px);opacity:.5;position:absolute;z-index:0}.orb-1{animation:float 10s ease-in-out infinite;background:var(--primary-color);height:300px;right:-10%;top:-10%;width:300px}.orb-2{animation:float 12s ease-in-out infinite reverse;background:var(--secondary-color);bottom:-5%;height:250px;left:-5%;width:250px}.login-card{animation:slideUp .5s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffd9;border:1px solid #fffc;border-radius:24px;box-shadow:var(--shadow);max-width:400px;padding:40px 32px;position:relative;width:90%;z-index:10}.dark-mode .login-card{background:#1e293bd9;background:rgba(var(--surface-soft,30,41,59),.85);border-color:var(--border)}.login-head{margin-bottom:36px;text-align:center}.brand-logo-text{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:16px;box-shadow:0 8px 20px var(--shadow);color:#fff;display:flex;font-size:24px;font-weight:900;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.brand-title{color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:.5px;margin-bottom:6px}.brand-slogan{color:var(--text-secondary);font-size:14px}.login-form-area{display:flex;flex-direction:column;gap:20px}.input-wrapper{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;position:relative;transition:all .2s ease}.input-wrapper:focus-within{background:var(--surface);border-color:var(--primary-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-color),#0000 90%)}.input-icon-box{align-items:center;color:var(--text-secondary);display:flex;height:100%;justify-content:center;transition:color .2s;width:44px}.input-wrapper:focus-within .input-icon-box{color:var(--primary-color)}.input-wrapper input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:500;outline:none;padding:14px 12px 14px 0;width:100%}.input-wrapper input::placeholder{color:var(--text-secondary);font-weight:400;opacity:.6}.pwd-eye-btn{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;transition:color .2s;width:46px;z-index:10}.pwd-eye-btn:hover{color:var(--primary-color)}.submit-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;box-shadow:var(--shadow);color:var(--text-inverse);font-weight:700;margin-top:10px;padding:14px;transition:all .2s}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px color-mix(in srgb,var(--primary-color),#0000 70%);transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.7}.login-footer{display:flex;flex-direction:column;gap:16px;margin-top:28px;text-align:center}.demo-link{color:var(--text-secondary);cursor:pointer;font-size:13px;opacity:.8;text-decoration:underline;transition:opacity .2s}.demo-link:hover{opacity:1}.toggle-box{color:var(--text-secondary);font-size:14px}.toggle-link{color:var(--primary-color);cursor:pointer;font-weight:700;margin-left:8px;transition:color .2s}.toggle-link:hover{opacity:.8}.back-home a{color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .2s}.back-home a:hover{color:var(--primary-color)}.set-page{background:var(--surface-soft);min-height:100vh}.set-nav{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.set-back{cursor:pointer;font-size:22px;padding:6px 10px}.set-title{flex:1 1;font-size:17px;font-weight:600;margin-right:26px;text-align:center}.set-content{padding:12px 16px 40px}.set-group-title{color:var(--text-secondary);font-size:13px;margin:14px 6px 8px}.set-group{background:var(--surface);border-radius:14px;box-shadow:0 2px 12px #0000000d;margin-bottom:22px;overflow:hidden}.set-item{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;justify-content:space-between;padding:14px 16px;text-decoration:none;transition:background .15s ease}.set-item:last-child{border-bottom:none}.set-item:active{background:#0000000f}.set-left{align-items:center;display:flex;gap:10px}.set-icon{font-size:18px;text-align:center;width:28px}.set-arrow{color:var(--text-secondary);font-size:18px}.set-switch{background:#ccc;border-radius:18px;cursor:pointer;height:26px;position:relative;transition:background .25s ease;width:44px}.set-switch.on{background:var(--primary-color)}.set-switch-ball{background:#fff;border-radius:50%;height:22px;left:2px;position:absolute;top:2px;transition:transform .25s ease;width:22px}.set-switch.on .set-switch-ball{transform:translateX(18px)}.set-footer{color:var(--text-secondary);font-size:12px;padding:20px 0;text-align:center}.booklists-page{background:var(--background);min-height:100vh;padding-bottom:80px}.bl-header{background:var(--surface);box-shadow:0 2px 8px #00000005;height:52px;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s;z-index:50}.bl-header,.bl-header-normal{align-items:center;display:flex;justify-content:space-between}.bl-header-normal{width:100%}.bl-header-title{color:var(--text-primary);font-size:18px;font-weight:800;left:50%;position:absolute;transform:translateX(-50%)}.bl-header-right{color:var(--text-secondary);display:flex;gap:16px}.bl-icon-btn{align-items:center;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;padding:8px;transition:background .2s}.bl-icon-btn:active{background:var(--border)}.bl-search-wrapper{animation:fadeIn .2s ease;gap:10px}.bl-search-input-box,.bl-search-wrapper{align-items:center;display:flex;flex:1 1}.bl-search-input-box{background:var(--input-bg);border:1px solid var(--border);border-radius:18px;height:36px;padding:0 12px}.bl-search-input{-webkit-appearance:none;background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;margin-left:8px;outline:none}.bl-search-cancel{color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap}.bl-banner-section{background:linear-gradient(180deg,var(--surface) 0,var(--background) 100%);padding:16px}.bl-swiper{border-radius:12px;box-shadow:0 4px 12px #00000014;height:160px;overflow:hidden;width:100%}.bl-slide{background-position:50%;background-size:cover;height:100%;position:relative;width:100%}.bl-slide-mask{background:linear-gradient(90deg,#000c 0,#0003);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:absolute}.bl-slide-tag{background:#ff4757;border-radius:4px;font-size:10px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.bl-slide-tag,.bl-slide-title{font-weight:700;margin-bottom:6px}.bl-slide-title{font-size:18px;text-shadow:0 2px 4px #0000004d}.bl-slide-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.5;max-width:80%;opacity:.9;overflow:hidden}.bl-filter-bar{background:var(--background);border-bottom:1px solid #00000008;overflow-x:auto;padding:8px 16px;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:52px;transition:top .2s;white-space:nowrap;z-index:40}.bl-filter-bar::-webkit-scrollbar{display:none}.bl-filter-chip{background:var(--surface);border:1px solid var(--border);border-radius:18px;color:var(--text-secondary);cursor:pointer;display:inline-block;font-size:13px;margin-right:10px;padding:6px 14px;transition:all .2s}.bl-filter-chip.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface);font-weight:600}.dark-mode .bl-filter-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.bl-list-container{display:flex;flex-direction:column;gap:16px;padding:12px 16px}.bl-feed-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-small);cursor:pointer;padding:16px;transition:transform .2s}.bl-feed-card:active{transform:scale(.99)}.bl-card-header{margin-bottom:12px}.bl-card-title{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.4;margin-bottom:6px}.bl-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.bl-card-covers{background:var(--surface-soft);border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:8px}.bl-mini-cover{background:#eee;box-shadow:0 2px 6px #0000001a;flex-shrink:0;overflow:hidden;position:relative}.bl-mini-cover,.bl-more-cover{border-radius:4px;height:80px;width:60px}.bl-more-cover{background:var(--border);color:var(--text-secondary);flex-direction:column;font-size:10px;justify-content:center}.bl-card-footer,.bl-more-cover{align-items:center;display:flex}.bl-card-footer{justify-content:space-between}.bl-user-info{align-items:center;display:flex;gap:6px}.bl-user-avatar{background:#ddd;border-radius:50%;height:20px;object-fit:cover;width:20px}.bl-user-name{font-size:12px}.bl-stats,.bl-user-name{color:var(--text-secondary)}.bl-stats{display:flex;font-size:11px;gap:10px}.bl-stat-item{align-items:center;display:flex;gap:2px}.bl-stat-highlight{color:#ff4757}.bl-create-fab{align-items:center;background:linear-gradient(135deg,var(--primary-color),#818cf8);border-radius:30px;bottom:80px;box-shadow:0 4px 14px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;left:50%;margin-left:100px;padding:10px 18px;position:fixed;right:auto;transition:transform .2s;z-index:100}.bl-create-fab:active{transform:scale(.95)}.bl-load-more{color:var(--text-secondary);cursor:pointer;font-size:13px;padding:20px 0;text-align:center}.bl-skeleton-list{display:flex;flex-direction:column;gap:16px;padding:16px}.ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton-content .ant-skeleton-title{background:var(--border)!important}.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title{background:linear-gradient(90deg,var(--border) 25%,var(--input-bg) 37%,var(--border) 63%)!important;background-size:400% 100%}.bd-page{background:var(--background);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.bd-scroll-wrapper{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-bottom:40px;scrollbar-width:none}.bd-scroll-wrapper::-webkit-scrollbar{display:none}.bd-header-immersive{color:#fff;flex-shrink:0;height:280px;position:relative}.bd-header-bg-box{border-bottom-left-radius:24px;border-bottom-right-radius:24px;inset:0;overflow:hidden;position:absolute}.bd-header-bg{background-position:50%;background-size:cover;filter:blur(40px) brightness(.6);height:100%;transform:scale(1.2);width:100%}.bd-nav-bar{align-items:center;display:flex;font-size:18px;justify-content:space-between;padding:12px 16px;position:relative;z-index:10}.bd-nav-title{font-weight:600}.bd-header-content{display:flex;gap:20px;padding:10px 20px;position:relative;z-index:10}.bd-cover-wrap{box-shadow:0 8px 16px #0000004d;flex-shrink:0;width:100px}.bd-info{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding-top:4px}.bd-title{color:#fff;font-size:19px;font-weight:700;line-height:1.4;margin-bottom:12px;text-shadow:0 1px 2px #0003}.bd-auth-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:30px;cursor:pointer;display:flex;gap:10px;margin-bottom:14px;padding:6px 12px 6px 6px;transition:background .2s;width:-webkit-fit-content;width:fit-content}.bd-auth-card:active{background:#ffffff40}.bd-auth-avatar{border:1px solid #fffc;border-radius:50%;height:32px;object-fit:cover;width:32px}.bd-auth-text{display:flex;flex-direction:column;justify-content:center}.bd-auth-name{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px}.bd-auth-tag{background:linear-gradient(90deg,gold,#f59e0b);border-radius:4px;color:#5a3e00;font-size:9px;font-weight:800;padding:1px 5px;transform:scale(.9)}.bd-auth-tip{color:#ffffffb3;font-size:10px;margin-top:1px}.bd-intro-row{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffd9;cursor:pointer;display:-webkit-box;font-size:12px;line-height:1.5;overflow:hidden}.bd-more-icon{margin-left:4px;opacity:.6}.bd-action-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;bottom:-24px;box-shadow:0 8px 24px #0000001f;color:var(--text-primary);height:48px;justify-content:space-evenly;left:20px;position:absolute;right:20px;z-index:20}.act-item,.bd-action-card{align-items:center;display:flex}.act-item{cursor:pointer;font-size:13px;font-weight:600;gap:6px}.act-icon{font-size:16px}.act-icon.active{filter:drop-shadow(0 2px 4px rgba(255,0,0,.3))}.act-divider{background:var(--border);height:16px;width:1px}.bd-body{margin-top:40px;padding:0 16px}.bd-list-head{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:12px}.bd-book-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000008;display:flex;gap:14px;margin-bottom:12px;padding:16px;transition:transform .2s}.bd-book-item:active{transform:scale(.98)}.bd-bi-cover{background:#eee;border-radius:4px;flex-shrink:0;height:94px;overflow:hidden;width:70px}.bd-bi-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.bd-bi-row1{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.bd-bi-title{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3}.bd-bi-score{color:#f59e0b;font-size:13px;font-weight:700}.bd-bi-meta{color:var(--text-secondary);font-size:12px;margin-bottom:8px}.bd-bi-comment{background:var(--surface-soft);border-radius:6px;color:var(--text-primary);font-size:13px;line-height:1.5;margin-top:6px;padding:8px 12px;position:relative}.quote{color:var(--primary-color);font-family:serif;font-size:18px;margin-right:4px}.bd-bi-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.cb-page-root{background:var(--background);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.cb-step-wrap{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;padding:16px 16px 80px}.cb-step-wrap.full-height{padding:0 0 80px}.fade-in{animation:fadeIn .3s ease}.cb-input-group{margin-bottom:24px}.cb-label{font-size:14px;font-weight:700;margin-bottom:10px}.cb-label,.cb-text-input{color:var(--text-primary)}.cb-text-input{background:var(--surface);border:none;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000005;box-sizing:border-box;font-size:15px;outline:none;padding:16px;width:100%}.cb-text-input:focus{border-color:var(--primary-color)}.cb-text-input.area{height:100px;line-height:1.5;resize:none}.cb-cat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.cb-cat-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.cb-cat-card.active{background:#eff6ff;border-color:var(--primary-color)}.dark-mode .cb-cat-card.active{background:#3b82f633}.cb-cat-icon{align-items:center;background:#f3f4f6;border-radius:10px;color:#666;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.cb-cat-card.active .cb-cat-icon{background:#fff;color:var(--primary-color)}.cb-cat-name{color:var(--text-primary);font-size:14px;font-weight:600}.cb-tabs-header{background:var(--surface);border-bottom:1px solid var(--border);display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:10}.cb-tab-item{color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:14px 0;position:relative;text-align:center}.cb-tab-item.active{color:var(--primary-color);font-weight:700}.cb-tab-item.active:after{background:var(--primary-color);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.cb-search-con{background:var(--background);padding:10px 16px;position:-webkit-sticky;position:sticky;top:49px;z-index:9}.cb-search-bar{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;display:flex;padding:8px 12px}.cb-s-icon{color:#999;display:flex;margin-right:8px}.cb-search-bar input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.cb-scroll-list{flex:1 1;padding:0 16px}.cb-empty-tip{color:var(--text-secondary);font-size:13px;padding:40px;text-align:center}.cb-book-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px}.cb-book-row.selected{background:#f0f7ff;border-color:var(--primary-color)}.dark-mode .cb-book-row.selected{background:#3b82f61a}.cb-book-row.selected-mode{background:var(--surface);border-color:var(--border);cursor:default}.cb-book-left{align-items:center;display:flex;gap:12px;overflow:hidden}.cb-book-meta .t{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-book-meta .a{color:var(--text-secondary);font-size:12px}.cb-checkbox{align-items:center;border:2px solid #ddd;border-radius:50%;color:#0000;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.cb-checkbox.checked{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-size:14px}.cb-btn-remove{background:#0000;border:1px solid #ff4d4f;border-radius:20px;color:#ff4d4f;cursor:pointer;font-size:12px;padding:6px 14px}.cb-load-more{color:var(--text-secondary);cursor:pointer;font-size:13px;padding:16px;text-align:center}.cb-footer{align-items:center;background:var(--surface);border-top:1px solid var(--border);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:50%;max-width:480px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;transform:translateX(-50%);width:100%;z-index:100}.cb-footer.with-cart{justify-content:space-between}.cb-cart-entry{align-items:center;cursor:pointer;display:flex;gap:10px}.cb-cart-icon-box{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:50%;color:var(--primary-color);display:flex;height:36px;justify-content:center;position:relative;width:36px}.cb-cart-badge{background:#ff4d4f;border:1px solid #fff;border-radius:10px;color:#fff;font-size:10px;min-width:16px;padding:1px 5px;position:absolute;right:-4px;text-align:center;top:-4px}.cb-cart-text{font-size:14px}.cb-btn,.cb-cart-text{color:var(--text-primary);font-weight:600}.cb-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;flex:1 1;font-size:15px;height:40px;justify-content:center}.cb-btn.primary{background:var(--primary-color);border:none;box-shadow:0 4px 10px #3b82f640;color:#fff}.cb-btn.primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.cb-btn.small{flex:none;width:110px}.cb-drawer{position:absolute}.cb-drawer-list{padding:16px 16px 20px}.cb-drawer-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 0}.cb-drawer-info .t{color:var(--text-primary);font-size:15px;font-weight:500}.cb-drawer-info .a{color:var(--text-secondary);font-size:12px}.cb-tip-header{color:var(--text-secondary);font-size:13px;margin-bottom:16px;text-align:center}.cb-comment-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000005;margin-bottom:16px;padding:16px}.cb-ci-top{justify-content:space-between;margin-bottom:12px}.cb-ci-info,.cb-ci-top{align-items:center;display:flex}.cb-ci-info{gap:10px}.cb-ci-title{color:var(--text-primary);font-size:15px;font-weight:600}.cb-ci-del{color:#999;cursor:pointer;padding:4px}.cb-ci-del:hover{color:#ff4d4f}.cb-ci-input{background:var(--input-bg);border:1px solid #0000;border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;padding:12px;width:100%}.cb-ci-input:focus{background:var(--surface);border-color:var(--primary-color)}.bl-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-sizing:border-box;color:var(--text-primary);display:flex;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.bl-card:active{transform:scale(.98)}.bl-card.grid{box-shadow:0 4px 12px #0000000a;flex-direction:column;height:100%}.bl-card.grid .bl-cover-wrap{aspect-ratio:1;background:var(--surface-soft);border-bottom:1px solid var(--border);position:relative;width:100%}.bl-card.grid .bl-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:12px}.bl-card.horizontal{align-items:center;box-shadow:0 1px 2px #00000005;flex-direction:row;height:110px;padding:10px}.bl-card.horizontal .bl-cover-wrap{background:var(--surface-soft);border:1px solid #0000000d;border-radius:6px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.bl-card.horizontal .bl-content{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;margin-left:12px;min-width:0}.bl-cover-grid-inner{display:flex;flex-wrap:wrap;height:100%;width:100%}.bl-cover-item{border-bottom:1px solid #fff;border-right:1px solid #fff;box-sizing:border-box;height:50%;overflow:hidden;width:50%}.bl-cover-item:nth-child(2n){border-right:none}.bl-cover-item:nth-child(n+3){border-bottom:none}.bl-cover-img{height:100%;object-fit:cover;width:100%}.bl-cover-empty{align-items:center;color:#ccc;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.bl-count-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:4px;bottom:4px;color:#fff;font-size:9px;font-weight:600;padding:2px 6px;position:absolute;right:4px}.bl-title{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;height:3em;line-height:1.5;overflow:hidden}.bl-footer{color:#999;font-size:11px;justify-content:space-between;margin-top:8px}.bl-author,.bl-footer{align-items:center;display:flex}.bl-author{gap:4px}.bl-avatar-placeholder{font-size:12px;opacity:.6}.bl-stat{color:#ff4d4f}.ml-page{background:var(--background);min-height:100vh;padding-bottom:40px}.ml-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.ml-add,.ml-back{color:var(--primary-color);cursor:pointer;font-size:20px}.ml-title{font-size:17px;font-weight:700}.ml-tabs{background:var(--surface);border-bottom:1px solid var(--border);display:flex;margin-bottom:12px}.ml-tab{color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;padding:14px 0;position:relative;text-align:center}.ml-tab.active{color:var(--primary-color);font-weight:600}.ml-tab.active:after{background:var(--primary-color);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.ml-content{display:flex;flex-direction:column;gap:16px;padding:0 16px}.ml-empty-state{color:#999;font-size:13px;padding:60px;text-align:center}.ml-empty-full{align-items:center;color:#999;display:flex;height:100vh;justify-content:center}.ml-card-group{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.ml-card-group .bl-card{border:none;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none}.ml-actions{background:var(--surface-soft);display:flex;gap:10px;justify-content:flex-end;padding:8px 12px}.ml-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 12px}.ml-btn.edit{border-color:var(--primary-color);color:var(--primary-color)}.ml-btn.del{border-color:#ff4757;color:#ff4757}.reviews-page-pro{-webkit-font-smoothing:antialiased;background:var(--background);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding-bottom:80px}.review-search-header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 6px #00000005;padding:10px 16px;position:-webkit-sticky;position:sticky;top:44px;z-index:99}.review-search-box{align-items:center;background:var(--input-bg);border:1px solid #0000;border-radius:20px;display:flex;gap:8px;height:40px;padding:0 12px;transition:all .2s}.review-search-box:focus-within{background:var(--surface);border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.review-search-input{-webkit-appearance:none;background:#0000;border:none;border-radius:0;color:var(--text-primary);flex:1 1;font-size:16px;outline:none;padding:0}.review-search-input::placeholder{color:var(--text-secondary);font-size:14px}.review-filter-row{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between;margin-top:12px;padding:0 4px}.filter-tabs{display:flex;gap:16px}.filter-tab{cursor:pointer;transition:color .2s}.filter-tab.active{color:var(--text-primary);font-weight:700;position:relative}.reviews-list-container{flex:1 1;padding:12px 16px}.mr-card{border-radius:12px;cursor:pointer;margin-bottom:12px;position:relative;transition:transform .1s}.mr-card:active{background-color:var(--surface-soft);transform:scale(.99)}.ri-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.ri-user-box{align-items:center;display:flex;gap:10px}.ri-avatar{background:var(--input-bg);border:1px solid #0000000d;border-radius:50%;height:36px;object-fit:cover;width:36px}.ri-name{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.ri-date{color:var(--text-secondary);font-size:11px;margin-top:2px}.ri-rating-badge{background:#f59e0b1a;border-radius:4px;color:#f59e0b;font-size:10px;font-weight:700;padding:2px 6px}.ri-content{word-wrap:break-word;-webkit-line-clamp:6;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:15px;line-height:1.6;margin-bottom:12px;overflow:hidden;white-space:pre-wrap}.ri-reply-preview{background:var(--background);border-radius:8px;font-size:13px;margin-bottom:12px;padding:10px 12px}.preview-item{color:var(--text-secondary);line-height:1.5;margin-bottom:4px}.preview-user{color:var(--text-primary);font-weight:600;margin-right:4px}.preview-more{color:var(--primary-color);font-size:12px;font-weight:600;margin-top:6px}.ri-footer{border-top:1px dashed var(--border);display:flex;gap:24px;justify-content:flex-end;padding-top:8px}.act-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:5px;padding:4px;transition:color .2s}.act-btn.liked{color:#ff4757}.act-btn:active{transform:scale(.9)}.load-more-trigger{cursor:pointer;font-size:13px;padding:20px}.load-more-trigger,.ri-empty{color:var(--text-secondary);text-align:center}.ri-empty{font-size:14px;padding:60px 0}.detail-root-comment{background:var(--surface);border-bottom:8px solid var(--background);padding:20px 16px}.detail-book-link{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;margin-top:12px;padding:10px 12px}.detail-reply-header{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-primary);font-size:15px;font-weight:700;padding:16px 20px}.detail-reply-list{background:var(--surface);min-height:300px;padding-bottom:100px}.reply-item-pro{display:flex;gap:12px;padding:16px 20px;position:relative;transition:background-color .2s}.reply-item-pro:active{background-color:var(--surface-soft)}.reply-item-pro:after{background:var(--border);bottom:0;content:"";height:1px;left:64px;position:absolute;right:0;transform:scaleY(.5)}.reply-item-pro:last-child:after{display:none}.reply-avatar-img{border:1px solid #0000000d;border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.reply-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.reply-user-name{color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:4px}.reply-content-text{word-wrap:break-word;color:var(--text-primary);font-size:15px;line-height:1.6;margin-bottom:6px}.reply-target-block{color:var(--text-secondary);font-size:14px;margin-right:4px}.reply-target-name{color:#576b95;font-weight:500;margin:0 2px}.reply-footer-row{align-items:center;display:flex;gap:16px;margin-top:2px}.reply-time-text{color:#ccc;font-size:11px}.reply-action-text{color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:600;opacity:.6}.write-review-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #0000000d;bottom:0;box-shadow:0 -4px 10px #00000005;display:flex;left:0;margin:0 auto;max-width:480px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.dark-mode .write-review-bar{background:#1e1e1ef2;border-top-color:#ffffff0d}.fake-input{align-items:center;background:#f5f5f5;border:1px solid #0000;border-radius:20px;color:#999;cursor:pointer;display:flex;flex:1 1;font-size:14px;height:40px;padding:0 16px;transition:all .2s}.dark-mode .fake-input{background:#2a2a2a;color:#666}.fake-input:active{background:#eee;transform:scale(.99)}.fake-icon{display:flex;font-size:16px;margin-right:8px}.bottom-input-layer{align-items:flex-end;animation:slideUpSpring .3s cubic-bezier(.2,.8,.2,1);background:var(--surface);border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -5px 20px #00000026;display:flex;gap:12px;left:0;margin:0 auto;max-width:480px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1001}.reply-target-tip{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;border-bottom:1px solid #0000000d;border-radius:8px 8px 0 0;border-top:1px solid #0000000d;color:var(--primary-color);display:flex;font-size:12px;font-weight:500;height:34px;justify-content:space-between;left:0;padding:0 16px;position:absolute;right:0;top:-34px}.dark-mode .reply-target-tip{background:#282828f2;border-color:#ffffff0d}.close-tip{color:var(--text-secondary);cursor:pointer;font-size:18px;padding:0 8px}.real-textarea{-webkit-appearance:none;background:var(--input-bg);border:1px solid #0000;border-radius:20px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:16px;line-height:24px;max-height:120px;min-height:40px;outline:none;padding:8px 14px;resize:none}.real-textarea:focus{background:var(--surface);border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.send-btn-circle{align-items:center;background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 4px 10px #3b82f64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-bottom:14px;transition:transform .2s,background-color .2s;width:40px}.send-btn-circle:disabled{background:var(--border);box-shadow:none;cursor:not-allowed;opacity:.7}.send-btn-circle:active:not(:disabled){transform:scale(.9)}.send-icon{fill:currentColor;height:18px;margin-left:2px;width:18px}.reply-mask{animation:fadeIn .2s;background:#0006;inset:0;position:fixed;touch-action:none;z-index:1000}.mr-page{background:var(--background);min-height:100vh;padding-bottom:40px;transition:background .3s}.mr-nav-bar{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-primary);height:48px;justify-content:space-between;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mr-back,.mr-nav-bar{align-items:center;display:flex}.mr-back{cursor:pointer;font-size:22px;height:32px;width:32px}.mr-title{font-size:16px;font-weight:700}.mr-right{width:32px}.mr-summary-container{padding:16px}.mr-summary-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 20px #667eea40;color:#fff;display:flex;justify-content:space-around;padding:20px;text-align:center}.mr-stat-item{display:flex;flex-direction:column;gap:4px}.mr-stat-num{font-family:DIN Alternate,sans-serif;font-size:24px;font-weight:800;text-shadow:0 2px 4px #0000001a}.mr-stat-label{font-size:12px;opacity:.85}.mr-divider-v{background:#ffffff4d;height:24px;width:1px}.mr-tabs{background:var(--background);border-bottom:1px solid var(--border);display:flex;gap:12px;padding:10px 16px 8px;position:-webkit-sticky;position:sticky;top:48px;z-index:90}.mr-tab-pill{background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s}.mr-tab-pill.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface)}.dark-mode .mr-tab-pill.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.mr-list{display:flex;flex-direction:column;gap:16px;padding:16px}.mr-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);padding:16px;transition:transform .2s}.mr-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.mr-book-row{cursor:pointer;display:flex;gap:12px;margin-bottom:12px}.mr-book-cover{border-radius:6px;box-shadow:0 2px 6px #0000001a;flex-shrink:0;height:64px;overflow:hidden;width:48px}.mr-book-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.mr-book-title{color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:4px}.mr-book-author{color:var(--text-secondary);font-size:12px}.mr-content-box{background:var(--surface-soft);border-radius:10px;padding:12px;position:relative}.mr-content-box:before{border-bottom:6px solid var(--surface-soft);border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:20px;position:absolute;top:-6px;width:0}.mr-rating-row{align-items:center;display:flex;gap:6px;margin-bottom:6px}.mr-stars{letter-spacing:1px}.mr-rating-val,.mr-stars{color:#f59e0b;font-size:12px}.mr-rating-val{font-weight:700}.mr-text{color:var(--text-primary);font-size:14px;line-height:1.6;text-align:justify;white-space:pre-wrap}.mr-card-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:12px;padding-top:10px}.mr-time{color:var(--text-secondary);font-size:11px}.mr-actions{display:flex;gap:16px}.mr-act-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;transition:color .2s}.mr-act-btn:hover{color:var(--primary-color)}.mr-act-btn.del:hover,.mr-act-btn.liked{color:#ff4757}.mr-empty{color:var(--text-secondary);padding-top:60px;text-align:center}.mr-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.mr-empty-btn{background:var(--primary-color);border-radius:20px;color:#fff;display:inline-block;font-size:13px;margin-top:16px;padding:8px 24px;text-decoration:none}.mr-unlogin{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.mr-login-btn{background:var(--primary-color);border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:10px 30px}.mr-reply-layer{align-items:flex-end;animation:slideUpSpring .3s cubic-bezier(.2,.8,.2,1);background:var(--surface);bottom:0;box-shadow:0 -4px 20px #00000026;display:flex;gap:10px;margin:0 auto;max-width:480px;padding:12px 16px;position:fixed;right:0;z-index:1001}.mr-reply-layer,.mr-reply-tip{border-top:1px solid var(--border);box-sizing:border-box;left:0;width:100%}.mr-reply-tip{background:var(--surface-soft);color:var(--text-secondary);font-size:12px;height:34px;line-height:34px;overflow:hidden;padding:0 16px;position:absolute;text-overflow:ellipsis;top:-34px;white-space:nowrap}.mr-real-input{-webkit-appearance:none;background:var(--input-bg);border:1px solid #0000;border-radius:20px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-size:16px;height:44px;line-height:1.5;max-height:120px;outline:none;padding:10px 14px;resize:none;transition:border-color .2s}.mr-real-input:focus{background:var(--surface);border-color:var(--primary-color)}.mr-send-btn{background:var(--primary-color);border:none;border-radius:22px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;height:44px;padding:0 20px;white-space:nowrap}.mr-send-btn:disabled{background:var(--border);color:var(--text-secondary);cursor:default}.mr-reply-mask{animation:fadeInMask .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;inset:0;position:fixed;touch-action:none;z-index:1000}@keyframes slideUpSpring{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInMask{0%{opacity:0}to{opacity:1}}.free-page{background:var(--background);min-height:100vh;padding-bottom:40px;transition:background-color .3s}.free-header{background:linear-gradient(135deg,#ff7e5f,#feb47b);border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 4px 20px #ff7e5f4d;color:#fff;height:200px;position:relative}.free-nav-bar{align-items:center;display:flex;padding:12px 16px}.free-header-title{flex:1 1;font-size:18px;font-weight:600;margin-right:26px;text-align:center}.free-banner-content{padding:16px 24px;position:relative}.free-banner-text h2{font-size:24px;font-weight:800;margin-bottom:6px;text-shadow:0 2px 4px #00000026}.free-banner-text p{font-size:13px;opacity:.95}.free-banner-icon{font-size:64px;opacity:.3;position:absolute;right:20px;top:10px;transform:rotate(15deg)}.free-main-container{margin:-50px 12px 0;position:relative;z-index:10}.free-countdown-bar{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-small);color:var(--text-primary);justify-content:space-between;margin-bottom:12px;padding:12px 16px}.fc-left,.free-countdown-bar{align-items:center;display:flex}.fc-left{gap:8px}.fc-tag{background:#ff4757;border-radius:4px;color:#fff;font-size:11px;font-weight:700;padding:2px 6px}.fc-text{color:var(--text-primary);font-size:14px;font-weight:600}.fc-timer{color:#ff4757;font-family:monospace;font-size:16px;font-weight:700;letter-spacing:1px}.free-tabs{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.free-tabs::-webkit-scrollbar{display:none}.free-tab{background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.free-tab.active{background:#fff;border-color:#ff7e5f;box-shadow:0 2px 8px #ff7e5f33;color:#ff7e5f;font-weight:700}.dark-mode .free-tab.active{background:#333;border-color:#ff7e5f;color:#ff7e5f}.free-book-list{display:flex;flex-direction:column;gap:12px}.free-book-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-small);cursor:pointer;display:flex;gap:14px;padding:14px;transition:transform .2s}.free-book-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow);transform:translateY(-2px)}.free-cover-box{background:var(--border);border-radius:6px;box-shadow:0 2px 6px #0000001a;flex-shrink:0;height:108px;overflow:hidden;position:relative;width:80px}.free-rank-badge{align-items:center;border-bottom-right-radius:6px;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;left:0;position:absolute;top:0;width:20px}.rank-1{background:#ff4757}.rank-2{background:#ffa502}.rank-3{background:#3742fa}.cover-free-badge{background:linear-gradient(135deg,#ff7e5f,#ff4757);border-bottom-left-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;position:absolute;right:0;top:0}.free-info-box{flex:1 1;flex-direction:column;min-width:0;padding:2px 0}.free-info-box,.free-title-row{display:flex;justify-content:space-between}.free-title-row{align-items:center}.free-book-title{color:var(--text-primary);font-size:16px;font-weight:700;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.free-score{color:#ffa502;font-size:13px;font-weight:700}.free-book-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.5;margin:4px 0;overflow:hidden}.free-meta-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.free-author{color:var(--text-secondary);font-size:12px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.free-price-wrapper{align-items:center;display:flex;gap:8px}.free-time-limit-tag{align-items:center;background:#ff47571a;border:1px solid #ff475733;border-radius:4px;color:#ff4757;display:inline-flex;font-size:11px;padding:1px 5px;white-space:nowrap}.dark-mode .free-time-limit-tag{background:#ff475726;border-color:#ff47574d;color:#ff6b81}.free-price-box{align-items:baseline;display:flex;font-size:12px}.original-price{color:var(--text-secondary);margin-right:6px;text-decoration:line-through;transform:scale(.9)}.current-free{color:#ff4757;font-size:13px;font-weight:700}.free-tags-row{display:flex;gap:6px}.free-tag{background:var(--input-bg);border-radius:4px;color:var(--text-secondary);font-size:10px;padding:1px 6px}.free-tag.status{background:#ff7e5f1a;color:#ff7e5f}.free-empty{color:var(--text-secondary);font-size:13px;padding:40px;text-align:center}.reading-stats-page{background-color:var(--background);color:var(--text-primary);min-height:100vh;overflow-x:hidden;padding-bottom:40px;position:relative;transition:background-color .3s ease,color .3s ease}.stats-header-bg{background:linear-gradient(180deg,var(--primary-color) 0,#0000 100%);border-bottom-left-radius:40px;border-bottom-right-radius:40px;height:240px;left:0;opacity:.12;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.stats-content{padding:60px 16px 16px;position:relative;z-index:1}.dashboard-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.stat-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-small);padding:16px;transition:background-color .3s,border-color .3s}.main-card{gap:16px}.main-card,.stat-icon-wrapper{align-items:center;display:flex}.stat-icon-wrapper{background-color:var(--surface-soft);border:1px solid var(--border);border-radius:50%;height:52px;justify-content:center;width:52px}.sub-cards-row{display:flex;gap:12px}.sub-card{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:14px 10px}.stat-value{color:var(--text-primary);font-family:DIN Alternate,Roboto,sans-serif;font-size:26px;font-weight:800;line-height:1.2}.stat-value.small{font-size:22px}.stat-label{color:var(--text-secondary);font-size:12px}.chart-section{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-small);margin-bottom:24px;padding:20px 16px}.section-header{margin-bottom:20px}.section-header h3{font-size:17px}.tag-pill{background:var(--input-bg);border-radius:20px;color:var(--primary-color);font-size:11px;font-weight:600;padding:4px 10px}.chart-wrapper{height:220px;margin-left:-10px}.custom-tooltip{background:#000000d9;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;padding:8px 12px}.tooltip-date{margin-bottom:2px;opacity:.8}.tooltip-num{color:var(--primary-color);font-size:15px;font-weight:700;margin:0 2px}.top-books-section{margin-bottom:20px}.book-rank-list{display:flex;flex-direction:column;gap:12px}.rank-item{align-items:center;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-small);cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:transform .1s,background-color .2s}.rank-item:active{background-color:var(--surface-soft);transform:scale(.98)}.rank-badge{align-items:center;background:var(--text-secondary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:26px;justify-content:center;margin-right:14px;width:26px}.rank-1{background:linear-gradient(135deg,#fbbf24,#d97706)}.rank-2{background:linear-gradient(135deg,#94a3b8,#475569)}.rank-3{background:linear-gradient(135deg,#d97706,#78350f)}.rank-book-info{flex:1 1;overflow:hidden}.rank-book-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item:active .rank-book-title{color:var(--primary-color)}.rank-book-author,.rank-meta{color:var(--text-secondary);font-size:12px}.rank-meta{align-items:center;display:flex;margin-left:12px}.rank-minutes{color:var(--primary-color);font-size:16px;font-weight:700;margin-right:2px}.rank-arrow{color:var(--text-secondary);font-size:18px;line-height:1;margin-left:8px}.empty-center,.loading-center{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:80vh;justify-content:center}.spinner{animation:spin .8s linear infinite;border-top:3px solid var(--border);border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary-color);height:32px;margin-bottom:12px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-data-text{color:var(--text-secondary);font-size:13px;padding:20px;text-align:center}.theme-page{background:var(--background);min-height:100vh}.theme-container{padding:20px 16px}.theme-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.theme-card{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:transform .2s}.theme-card:active{transform:scale(.97)}.theme-preview-box{align-items:center;aspect-ratio:1.5;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.theme-card.active .theme-preview-box{border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f626}.preview-paper{border-radius:8px;box-shadow:0 2px 8px #0000000d;height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-5deg);width:70%}.preview-content{position:relative;z-index:2}.text-sample{font-family:Georgia,serif;font-size:32px;font-weight:500}.check-badge{align-items:center;background:var(--primary-color);border-radius:50%;bottom:8px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:14px;height:22px;justify-content:center;position:absolute;right:8px;width:22px;z-index:5}.theme-name{color:var(--text-primary);font-size:14px;font-weight:500}.theme-card.active .theme-name{color:var(--primary-color);font-weight:700}.theme-tip{color:var(--text-secondary);font-size:12px;margin-top:40px;opacity:.8;text-align:center}.fz-page{background:var(--background);min-height:100vh;padding-bottom:40px;transition:background-color .3s}.fz-container{padding:16px}.fz-hall-section{background:linear-gradient(135deg,#2b2b2b,#4a4a4a);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 20px #00000026;color:#fceecb;margin-bottom:24px;padding:16px}.fz-hall-header{align-items:baseline;display:flex;gap:10px;margin-bottom:16px}.hall-title{background:linear-gradient(90deg,gold,#fff);-webkit-background-clip:text;color:#0000;font-size:18px;font-weight:800}.hall-sub{color:#fff;font-size:11px;opacity:.8}.fz-top3-grid{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.fz-top-card{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:0;position:relative;width:100%}.top-crown{filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));font-size:24px;position:absolute;top:-24px;z-index:2}.top-cover{aspect-ratio:3/4;background:#333;border:2px solid #0000;border-radius:6px;overflow:hidden;transition:transform .2s;width:100%}.top-1 .top-cover{border-color:gold;box-shadow:0 0 15px #ffd70066;transform:scale(1.05)}.top-2 .top-cover{border-color:silver}.top-3 .top-cover{border-color:#cd7f32}.top-name{color:#fff;font-size:12px;max-width:100%;overflow:hidden;padding:0 2px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.top-score{color:gold;font-size:11px;font-weight:700}.fz-filter-bar{display:flex;gap:10px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.fz-filter-bar::-webkit-scrollbar{display:none}.fz-filter-pill{background:var(--surface);border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:12px;padding:6px 14px;transition:all .2s}.fz-filter-pill.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a;color:#fff;font-weight:600}.fz-list-section{display:flex;flex-direction:column;gap:16px}.fz-book-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-small);color:var(--text-primary);cursor:pointer;display:flex;gap:14px;padding:14px;transition:transform .2s}.fz-book-row:hover{border-color:var(--primary-color);box-shadow:var(--shadow);transform:translateY(-2px)}.fz-row-cover{background:var(--border);border-radius:6px;box-shadow:0 2px 6px #0000001a;flex-shrink:0;height:100px;overflow:hidden;position:relative;width:76px}.fz-end-tag{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;color:#fff;font-size:10px;left:0;padding:2px 0;position:absolute;right:0;text-align:center}.fz-row-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0;padding:2px 0}.fz-row-title{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:4px}.fz-row-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:auto;overflow:hidden}.fz-row-meta{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.fz-author{color:var(--text-secondary);font-size:12px}.fz-badges{display:flex;gap:6px}.fz-badge{border-radius:4px;font-size:10px;padding:1px 6px}.fz-badge.word{background:var(--input-bg);color:var(--text-secondary)}.fz-badge.score{background:#fef3c7;color:#b45309;font-weight:700}.dark-mode .fz-badge.score{background:#f59e0b33;color:#fbbf24}.fz-footer{margin-top:24px;text-align:center}.fz-more-btn{background:var(--surface);border:1px solid var(--border);border-radius:22px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:10px 24px;transition:.2s}.fz-more-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.topic-page{background:var(--background);padding-bottom:20px;transition:background-color .3s}.topic-banner{background-color:var(--surface-soft);background-position:50%;background-size:cover;height:200px;position:relative;width:100%}.topic-banner-info{background:linear-gradient(0deg,#000000b3 0,#0000004d 40%,#0000);bottom:0;color:#fff;left:0;padding:20px 16px;position:absolute;right:0}.topic-banner-info h1{font-size:20px;font-weight:700;margin-bottom:4px;text-shadow:0 1px 2px #0006}.topic-banner-info p{font-size:13px;line-height:1.4;opacity:.95}.topic-desc-block{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-small);color:var(--text-primary);margin:16px;padding:14px 16px}.topic-desc-block p.short{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;overflow:hidden}.topic-desc-block p.full{color:var(--text-primary);white-space:normal}.toggle-btn{color:var(--primary-color);cursor:pointer;display:inline-block;font-size:13px;margin-top:6px}.topic-list{grid-gap:14px;display:grid;gap:14px;padding:0 16px}.topic-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-small);color:var(--text-primary);display:flex;gap:12px;padding:12px;text-decoration:none;transition:transform .2s}.topic-item:hover{border-color:var(--primary-color);transform:translateY(-3px)}.topic-info h3{color:var(--text-primary);font-size:15px;margin-bottom:4px}.meta{color:var(--text-secondary);font-size:12px}.meta,.tags{margin-bottom:6px}.tags{display:flex;gap:6px}.tags span{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:11px;padding:3px 8px}.tags .score{background:#f59e0b26;border-color:#f59e0b33;color:#f59e0b;font-weight:600}.desc{-webkit-line-clamp:2;color:var(--text-secondary);display:-webkit-box;font-size:12px;overflow:hidden}.topic-load-more{background:var(--primary-color);border:none;border-radius:22px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin:20px auto;padding:10px;width:160px}.topic-load-more:disabled{cursor:not-allowed;opacity:.6}.topic-page{background-color:var(--background);min-height:100vh;padding-bottom:60px}.topic-main-container{margin:0 auto;max-width:800px;padding:0 16px}.topic-tabs-sticky{background:var(--background);mask-image:linear-gradient(180deg,#000 80%,#0000);-webkit-mask-image:linear-gradient(180deg,#000 80%,#0000);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.topic-tabs-capsule{background:var(--surface-soft);border-radius:12px;display:flex;gap:4px;padding:4px}.capsule-item{border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 0;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.capsule-item.active{background:var(--surface);box-shadow:0 2px 8px #00000014;color:var(--primary-color);font-weight:700}.skeleton-container{animation:fade-in .3s ease;width:100%}.skeleton-pulse{animation:loading-shimmer 1.5s linear infinite;background:#f0f2f5;background-image:linear-gradient(90deg,#fff0,#ffffff80 50%,#fff0);background-position:-150% 0;background-size:200% 100%;border-radius:12px}@media (prefers-color-scheme:dark){.skeleton-pulse{background:#2a2a2a;background-image:linear-gradient(90deg,#fff0,#ffffff0d 50%,#fff0)}}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-hero{border-radius:20px;height:240px;margin-bottom:32px;width:100%}.skeleton-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (min-width:600px){.skeleton-grid{grid-template-columns:repeat(3,1fr)}}.skeleton-item{display:flex;flex-direction:column;gap:12px}.skeleton-cover{aspect-ratio:16/9;border-radius:12px;width:100%}.skeleton-text-block{display:flex;flex-direction:column;gap:8px;padding:0 4px}.skeleton-title{border-radius:4px;height:16px;width:80%}.skeleton-desc{border-radius:4px;height:12px;opacity:.6;width:50%}.lazy-image-wrapper{overflow:hidden;position:relative}.absolute-fill,.hero-img-wrapper,.lazy-image-wrapper{height:100%;width:100%}.absolute-fill{left:0;position:absolute;top:0}.lazy-img-content{height:100%;object-fit:cover;transition:opacity .5s ease,transform .5s ease;width:100%}.lazy-img-content.hidden{opacity:0}.lazy-img-content.fade-in{opacity:1}.placeholder-box{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.color-0{background:#a18cd1}.color-1{background:#fad0c4}.color-2{background:#84fab0}.color-3{background:#fccb90}.hero-card{border-radius:20px;box-shadow:0 12px 40px -12px #0003;cursor:pointer;height:260px;margin-bottom:32px;overflow:hidden;position:relative;transform:translateZ(0)}.hero-bg-layer{inset:0;position:absolute;z-index:0}.hero-card:hover .lazy-img-content{transform:scale(1.05)}.hero-overlay-gradient{background:linear-gradient(0deg,#000000d9 0,#0000004d 50%,#0000);inset:0;pointer-events:none;position:absolute}.hero-content{bottom:0;color:#fff;left:0;padding:24px;position:absolute;width:100%;z-index:1}.hero-badge{align-items:center;background:#ff4757e6;border-radius:20px;display:inline-flex;font-size:11px;font-weight:800;margin-bottom:8px;padding:4px 10px}.hero-title{font-size:24px;font-weight:800;margin:0 0 6px;text-shadow:0 2px 4px #0000004d}.hero-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;margin:0 0 16px;opacity:.85;overflow:hidden}.hero-footer{align-items:center;display:flex;font-size:12px;font-weight:600;justify-content:space-between;opacity:.9}.btn-go{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:20px;padding:6px 14px}.topic-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (min-width:600px){.topic-grid{grid-template-columns:repeat(3,1fr)}}.topic-card{background:var(--surface);border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s}.topic-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.card-cover-box{aspect-ratio:16/9;background:var(--surface-soft);position:relative;width:100%}.card-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;bottom:6px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:6px;z-index:2}.card-info{display:flex;flex:1 1;flex-direction:column;padding:12px}.card-title{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:6px}.card-desc,.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden}.card-desc{color:var(--text-secondary);font-size:11px;opacity:.7}.load-more-wrapper{margin-top:30px;text-align:center}.btn-load-more{background:#0000;border:1px solid var(--border);border-radius:24px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:10px 32px;transition:all .2s}.btn-load-more:hover{border-color:var(--primary-color);color:var(--primary-color)}.no-more-tip{color:var(--text-tertiary);font-size:12px;margin-top:40px;text-align:center}.empty-state{display:flex;justify-content:center;padding:60px 0}.ai-find-book-page{background:var(--background);min-height:100vh;padding-bottom:40px}.ai-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #00000008;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dark-mode .ai-header{background:#1e293bf2;border-bottom-color:#ffffff0d}.ai-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.ai-clear-btn{background:var(--input-bg);border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.ai-clear-btn:hover:not(:disabled){background:var(--surface);color:var(--text-primary)}.ai-clear-btn:disabled{cursor:not-allowed;opacity:.5}.ai-content{padding:16px}.ai-input-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);margin-bottom:24px;padding:20px}.ai-input-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.ai-input-icon{color:#10b981}.ai-input-title{color:var(--text-primary);font-size:16px;font-weight:600}.ai-input-wrapper{margin-bottom:16px;position:relative}.ai-textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:16px;outline:none;padding:14px;resize:none;transition:all .2s;width:100%}.ai-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.ai-textarea:disabled{cursor:not-allowed;opacity:.7}.ai-textarea-counter{background:#fffc;border-radius:8px;bottom:8px;color:var(--text-secondary);font-size:11px;padding:2px 6px;position:absolute;right:12px}.dark-mode .ai-textarea-counter{background:#1e293bcc}.ai-recommend-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-bottom:20px;padding:14px;transition:all .2s;width:100%}.ai-recommend-btn:hover:not(:disabled){box-shadow:0 6px 20px #10b9814d;transform:translateY(-2px)}.ai-recommend-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.ai-loading-spinner{animation:ai-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;margin-right:8px;width:18px}@keyframes ai-spin{to{transform:rotate(1turn)}}.ai-examples-section{border-top:1px dashed var(--border);padding-top:16px}.ai-examples-title{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.ai-examples-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.ai-example-chip{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:12px;line-height:1.4;padding:10px 12px;transition:all .2s}.ai-example-chip:hover{background:var(--surface);border-color:#10b981;transform:translateY(-2px)}.ai-results-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);padding:20px}.ai-results-header{margin-bottom:20px}.ai-results-title{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:8px}.ai-results-count{color:var(--text-secondary);font-size:14px;font-weight:400}.ai-results-tip{background:linear-gradient(135deg,#10b98114,#3b82f614);border-left:3px solid #10b981;border-radius:10px;color:var(--text-secondary);font-size:12px;padding:10px 12px}.ai-no-results{padding:40px 20px;text-align:center}.ai-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.ai-no-results-text{color:var(--text-primary);font-size:16px;margin-bottom:8px}.ai-no-results-hint{color:var(--text-secondary);font-size:13px}.ai-results-list{display:flex;flex-direction:column;gap:16px}.ai-result-item{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;display:flex;overflow:hidden;padding:16px;position:relative;text-decoration:none;transition:all .2s}.ai-result-item:hover{border-color:#10b981;box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.ai-result-rank{align-items:flex-start;display:flex;margin-right:12px}.ai-rank-badge{align-items:center;background:var(--input-bg);border-radius:8px;color:var(--text-secondary);display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.ai-rank-1{background:linear-gradient(135deg,gold,orange);color:#7c2d12}.ai-rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#374151}.ai-rank-3{background:linear-gradient(135deg,#cd7f32,sienna);color:#fef3c7}.ai-result-cover{background:#eee;border-radius:8px;flex-shrink:0;height:93px;margin-right:14px;overflow:hidden;width:70px}.ai-result-info{flex:1 1;min-width:0}.ai-result-title{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3;margin-bottom:6px}.ai-result-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.ai-result-author,.ai-result-category,.ai-result-rating{align-items:center;background:var(--input-bg);border-radius:20px;color:var(--text-secondary);display:flex;font-size:11px;gap:4px;padding:3px 8px}.ai-result-rating{background:#f59e0b1a;color:#f59e0b}.ai-match-info{background:linear-gradient(135deg,#10b9810d,#3b82f60d);border-left:3px solid #10b981;border-radius:10px;margin-bottom:10px;padding:12px}.ai-match-reason{align-items:flex-start;display:flex;gap:6px;margin-bottom:8px}.ai-match-icon{font-size:14px;margin-top:1px}.ai-match-text{color:var(--text-primary);flex:1 1;font-size:12px;line-height:1.4}.ai-match-score{align-items:center;display:flex;gap:8px}.ai-score-label{color:var(--text-secondary);font-size:11px;min-width:40px}.ai-score-bar{background:var(--input-bg);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.ai-score-fill{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:3px;height:100%}.ai-score-value{color:#10b981;font-size:11px;font-weight:600;min-width:40px;text-align:right}.ai-result-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.5;margin-bottom:10px;overflow:hidden}.ai-result-tags{display:flex;flex-wrap:wrap;gap:6px}.ai-keyword-tag{background:#0596691a;border:1px solid #05966933;border-radius:10px;color:#059669;font-size:10px;padding:3px 8px}.ai-analysis-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ai-analysis-tag{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;color:#3b82f6;display:inline-flex;font-size:10px;gap:4px;max-width:120px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.ai-analysis-tag:nth-child(2){background:#8b5cf61a;border-color:#8b5cf633;color:#8b5cf6}.ai-analysis-tag:nth-child(3){background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.ai-analysis-tag:nth-child(4){background:#ef44441a;border-color:#ef444433;color:#ef4444}.ai-feature-intro{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);padding:20px}.ai-feature-header{align-items:center;display:flex;gap:8px;margin-bottom:20px}.ai-feature-icon{color:#10b981}.ai-feature-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.ai-feature-list{display:flex;flex-direction:column;gap:16px}.ai-feature-item{display:flex;gap:12px}.ai-feature-bullet{align-items:center;background:linear-gradient(135deg,#10b9811a,#3b82f61a);border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.ai-feature-text{color:var(--text-primary);flex:1 1;font-size:13px;line-height:1.5}.ai-feature-text strong{color:#10b981}@media (max-width:375px){.ai-examples-grid{grid-template-columns:1fr}.ai-result-item{flex-direction:column}.ai-result-rank{margin-bottom:10px;margin-right:0}.ai-result-cover{height:140px;margin-bottom:12px;margin-right:0;width:100%}}.bottom{background:var(--surface);border-top:1px solid var(--border);bottom:0;left:50%;max-width:480px;position:fixed;transform:translateX(-50%);width:100%;z-index:99}.bottom-nav{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1px;padding:6px 0;z-index:99}.nav-item{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:2px;padding:4px 0;position:relative;text-align:center;text-decoration:none}.nav-item.active{color:var(--primary-color)}.nav-icon-wrapper{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.nav-icon-wrapper svg{display:block}.nav-label{font-size:11px;line-height:1;margin-top:1px}.active-indicator{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;height:5px;position:absolute;top:-2px;width:5px}.active-indicator,.beian-bar{left:50%;transform:translateX(-50%)}.beian-bar{background:var(--surface);bottom:0;color:#888;font-size:8px;max-width:480px;position:fixed;text-align:center;width:100%}.beian-bar a{color:#888;text-decoration:none}.beian-bar a:hover{color:var(--primary-color)}.about-page{background:var(--surface);color:var(--text-primary);line-height:1.8;margin:0 auto;max-width:800px;padding:24px 16px}.about-header{margin-bottom:40px;text-align:center}.about-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.about-header p{color:var(--text-secondary);font-size:16px}.about-section{margin-bottom:32px}.about-section h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.about-list{padding-left:20px}.about-list li{font-size:15px;margin-bottom:8px}.about-contact p{font-size:15px}.about-footer{color:var(--text-secondary);margin-top:40px;text-align:center}.btn-back-home{background:var(--primary-color);border-radius:6px;color:#fff;display:inline-block;margin-bottom:10px;padding:10px 20px;text-decoration:none}.btn-back-home:hover{background:#1f6aa5}.about-version{font-size:13px;opacity:.7}.notifications-page{background:var(--surface);margin:0 auto;max-width:800px;min-height:80vh;padding:16px}.notifications-header{margin-bottom:20px;text-align:center}.notifications-header h1{color:var(--text-primary);font-size:24px;font-weight:700}.notifications-list{display:flex;flex-direction:column;gap:14px}.notification-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:16px;position:relative;transition:all .25s ease}.notification-item:hover{box-shadow:0 4px 14px #00000014;transform:translateY(-3px)}.notification-avatar{align-items:center;background:var(--background);border-radius:12px;display:flex;font-size:28px;height:48px;justify-content:center;width:48px}.notification-info{flex:1 1}.notification-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.notification-content{color:var(--text-secondary);font-size:14px;margin:0 0 6px}.notification-time{color:var(--text-secondary);font-size:12px}.notification-arrow{color:var(--text-secondary);font-size:20px;padding:0 4px;text-decoration:none}.empty-notifications{color:var(--text-secondary);margin-top:80px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-notifications h3{font-size:20px;margin-bottom:8px}@media (max-width:480px){.notification-item{padding:14px}.notification-avatar{font-size:24px;height:40px;width:40px}}.privacy-page{background:var(--surface);color:var(--text-primary);margin:0 auto;max-width:800px;min-height:80vh;padding:24px 16px}.privacy-header{margin-bottom:40px;text-align:center}.privacy-header h1{font-size:26px;font-weight:700}.privacy-header p{color:var(--text-secondary);font-size:14px}.privacy-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:28px;padding:20px}.privacy-section-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px}.privacy-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 0}.privacy-item:last-child{border-bottom:none}.privacy-info{align-items:center;display:flex;gap:12px}.privacy-icon{font-size:22px}.privacy-name{font-size:15px;font-weight:500}.privacy-switch{display:inline-block;height:24px;position:relative;width:46px}.privacy-switch input{height:0;opacity:0;width:0}.privacy-slider{background:var(--border);border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.3s}.privacy-slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:20px;left:2px;position:absolute;transition:.3s;width:20px}.privacy-switch input:checked+.privacy-slider{background:var(--primary-color)}.privacy-switch input:checked+.privacy-slider:before{transform:translateX(22px)}.danger-zone{border:1px solid #ff6b6b}.privacy-danger-btn{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:12px;padding:12px;transition:.25s;width:100%}.privacy-danger-btn:hover{background:#e04545}.privacy-footer{color:var(--text-secondary);font-size:13px;margin-top:10px;text-align:center}@media (max-width:480px){.privacy-header h1{font-size:22px}.privacy-section{padding:16px}.privacy-name{font-size:14px}}.feedback-page{background:var(--surface);color:var(--text-primary);margin:0 auto;max-width:800px;min-height:80vh;padding:24px 16px}.feedback-header{margin-bottom:32px;text-align:center}.feedback-header h1{font-size:26px;font-weight:700}.feedback-header p{color:var(--text-secondary);font-size:14px}.feedback-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.feedback-types{display:flex;flex-wrap:wrap;gap:10px}.type-btn{background:var(--background);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:14px;padding:8px 14px;transition:.2s}.type-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.type-btn:hover{background:var(--border)}.form-input,.form-textarea{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;padding:12px;resize:none;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);outline:none}.submit-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:.25s;width:100%}.submit-btn:hover{background:#1f6aa5}@media (max-width:480px){.type-btn{font-size:13px}}.disc-page{background:var(--background);min-height:100vh;padding-bottom:80px;transition:background-color .3s}.disc-header-sticky{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #00000008;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.dark-mode .disc-header-sticky{background:#1e293bd9;border-bottom-color:#ffffff0d}.disc-title-row{align-items:center;display:flex;gap:12px}.disc-main-title{color:var(--text-primary);font-size:22px;font-weight:800;letter-spacing:.5px}.disc-search-btn{align-items:center;background:var(--input-bg);border:1px solid #0000;border-radius:18px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:8px;height:36px;padding:0 12px;transition:all .2s}.disc-search-btn:active{background:var(--border);transform:scale(.98)}.disc-tag-scroll{display:flex;gap:8px;overflow-x:auto;padding:16px;scrollbar-width:none}.disc-tag-scroll::-webkit-scrollbar{display:none}.disc-tag-chip{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 2px 6px #00000005;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.disc-tag-chip:hover{background:var(--surface-soft);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.disc-entry-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:0 16px 24px}.disc-entry-card{align-items:center;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:flex;gap:12px;height:76px;overflow:hidden;padding:0 16px;position:relative;transition:transform .2s}.disc-entry-card:active{transform:scale(.97)}.entry-icon-box{align-items:center;border-radius:50%;box-shadow:0 4px 10px #00000026;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px;z-index:2}.entry-text{flex:1 1;z-index:2}.entry-text h3{font-size:15px;font-weight:800;line-height:1.2;margin:0}.entry-text p{font-size:11px;font-weight:500;margin:3px 0 0;opacity:.85}.entry-deco-circle{background:#fff;border-radius:50%;bottom:-15px;height:60px;opacity:.25;position:absolute;right:-10px;width:60px;z-index:1}.entry-blue{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.entry-blue .entry-icon-box{background:linear-gradient(135deg,#3b82f6,#2563eb)}.entry-blue h3{color:#0369a1}.entry-blue p{color:#075985}.dark-mode .entry-blue{background:linear-gradient(135deg,#0c4a6e,#075985)}.dark-mode .entry-blue h3{color:#e0f2fe}.dark-mode .entry-blue p{color:#bae6fd}.entry-purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.entry-purple .entry-icon-box{background:linear-gradient(135deg,#a855f7,#9333ea)}.entry-purple h3{color:#6b21a8}.entry-purple p{color:#7e22ce}.dark-mode .entry-purple{background:linear-gradient(135deg,#581c87,#6b21a8)}.dark-mode .entry-purple h3{color:#f3e8ff}.dark-mode .entry-purple p{color:#e9d5ff}.entry-orange{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.entry-orange .entry-icon-box{background:linear-gradient(135deg,#f59e0b,#d97706)}.entry-orange h3{color:#c2410c}.entry-orange p{color:#ea580c}.dark-mode .entry-orange{background:linear-gradient(135deg,#7c2d12,#9a3412)}.dark-mode .entry-orange h3{color:#ffedd5}.dark-mode .entry-orange p{color:#fed7aa}.entry-pink{background:linear-gradient(135deg,#fff1f2,#ffe4e6)}.entry-pink .entry-icon-box{background:linear-gradient(135deg,#f43f5e,#e11d48)}.entry-pink h3{color:#9f1239}.entry-pink p{color:#be123c}.dark-mode .entry-pink{background:linear-gradient(135deg,#831843,#9d174d)}.dark-mode .entry-pink h3{color:#ffe4e6}.dark-mode .entry-pink p{color:#fecdd3}.entry-ai{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.entry-ai .entry-icon-box{background:linear-gradient(135deg,#10b981,#059669)}.entry-ai h3{color:#047857}.entry-ai p{color:#059669}.dark-mode .entry-ai{background:linear-gradient(135deg,#064e3b,#065f46)}.dark-mode .entry-ai h3{color:#d1fae5}.dark-mode .entry-ai p{color:#a7f3d0}.disc-section{margin-bottom:24px}.section-header{align-items:center;padding:0 16px 12px}.section-title{font-size:18px;font-weight:800}.section-more{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:2px}.topic-poster-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 16px 20px;scrollbar-width:none}.topic-poster-scroll::-webkit-scrollbar{display:none}.topic-poster-card{cursor:pointer;flex-shrink:0;transition:transform .2s;width:140px}.topic-poster-card:active{transform:scale(.96)}.poster-image-wrap{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px #00000014;height:186px;margin-bottom:8px;overflow:hidden;position:relative;width:140px}.poster-image-wrap img{height:100%;object-fit:cover;width:100%}.poster-placeholder{align-items:center;background:var(--input-bg);display:flex;height:100%;justify-content:center;width:100%}.poster-count-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:6px;top:6px}.poster-title{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poster-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:11px;line-height:1.4;overflow:hidden}.booklist-feed-list{display:flex;flex-direction:column;gap:16px;padding:0 16px}.feed-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);cursor:pointer;padding:16px;transition:transform .2s}.feed-card:active{transform:scale(.98)}.feed-user-row{align-items:center;display:flex;gap:10px;margin-bottom:12px}.feed-avatar-box{align-items:center;background:var(--input-bg);border:1px solid var(--border);border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.feed-avatar-box img{height:100%;object-fit:cover;width:100%}.feed-user-info{display:flex;flex-direction:column;line-height:1.2}.feed-username{color:var(--text-primary);font-size:13px;font-weight:600}.feed-action{color:var(--text-secondary);font-size:10px}.feed-content{margin-bottom:12px}.feed-title{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:6px}.feed-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.feed-covers-box{background:var(--surface-soft);border:1px solid #00000008;border-radius:12px;display:flex;gap:10px;margin-bottom:12px;padding:10px}.feed-mini-cover{box-shadow:0 2px 8px #00000014;flex-shrink:0;overflow:hidden;position:relative}.feed-mini-cover,.feed-more-cover{border-radius:6px;height:86px;width:64px}.feed-more-cover{align-items:center;background:var(--border);color:var(--text-secondary);display:flex;font-size:14px;font-weight:700;justify-content:center}.feed-actions{border-top:1px dashed var(--border);display:flex;gap:24px;padding-top:10px}.feed-act-item{align-items:center;display:flex;font-weight:500;gap:6px}.disc-footer-tip,.feed-act-item{color:var(--text-secondary);font-size:12px}.disc-footer-tip{margin-top:30px;opacity:.6;text-align:center}.boys-page{background:var(--background);color:var(--text-primary);min-height:100vh;overflow-x:hidden;padding-bottom:40px;position:relative;transition:background-color .3s ease}.boys-page .bz-header{background:#0000;margin-bottom:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;position:relative;z-index:10}.boys-page .bz-header:before{background:var(--primary-color);filter:blur(60px);height:240px;opacity:.15;right:-60px;top:-60px;width:240px}.boys-page .bz-header:after,.boys-page .bz-header:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:-1}.boys-page .bz-header:after{background:var(--secondary-color);filter:blur(40px);height:120px;left:-40px;opacity:.1;top:40px;width:120px}.boys-page .bz-nav-bar{align-items:center;display:flex;gap:16px}.boys-page .bz-nav-title{font-size:20px;font-weight:800;line-height:1.2}.boys-page .bz-nav-subtitle{color:var(--text-secondary);font-size:11px;margin-top:2px;opacity:.8}.boys-page .bz-container{padding:0 16px;position:relative;z-index:2}.boys-page .bz-quick-nav{display:flex;justify-content:space-between;margin-bottom:24px;padding:0 4px}.boys-page .bz-quick-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:opacity .2s}.boys-page .bz-quick-item:active{opacity:.7}.boys-page .bz-quick-icon{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-small);color:var(--primary-color);display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.boys-page .bz-quick-label{color:var(--text-secondary);font-size:12px;font-weight:500}.boys-page .bz-section{margin-bottom:32px}.boys-page .bz-section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.boys-page .bz-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:800;gap:8px}.boys-page .bz-section-title:before{background:var(--primary-color);border-radius:4px;content:"";height:16px;width:4px}.boys-page .bz-hero-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);cursor:pointer;display:flex;gap:16px;margin-bottom:16px;overflow:hidden;padding:16px;position:relative}.boys-page .bz-hero-card:after{background:var(--primary-color);border-radius:50%;content:"";filter:blur(40px);height:150px;opacity:.08;position:absolute;right:-50px;top:-50px;width:150px}.boys-page .bz-hero-cover{border-radius:6px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:120px;overflow:hidden;width:90px;z-index:2}.boys-page .bz-hero-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0;z-index:2}.boys-page .bz-hero-tag{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-bottom:6px;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.boys-page .bz-hero-title{color:var(--text-primary);font-size:17px;font-weight:700;line-height:1.3;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boys-page .bz-hero-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.boys-page .bz-hero-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;margin-top:6px}.boys-page .bz-sub-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.boys-page .bz-sub-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-small);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:transform .2s}.boys-page .bz-sub-item:active{transform:scale(.98)}.boys-page .bz-sub-top{display:flex;justify-content:space-between}.boys-page .bz-sub-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.boys-page .bz-sub-tag{background:var(--input-bg);border-radius:6px;color:var(--text-secondary);font-size:10px;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.boys-page .bz-rank-tabs{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;display:flex;margin-bottom:16px;padding:4px}.boys-page .bz-rank-tab{border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 0;text-align:center;transition:all .2s}.boys-page .bz-rank-tab.active{background:var(--surface);box-shadow:0 2px 8px #0000000d;color:var(--primary-color);font-weight:700}.boys-page .bz-rank-list{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);padding:8px}.boys-page .bz-rank-row{align-items:center;border-bottom:1px dashed var(--border);border-radius:8px;cursor:pointer;display:flex;padding:12px 8px;transition:background .2s}.boys-page .bz-rank-row:last-child{border-bottom:none}.boys-page .bz-rank-row:active{background:var(--surface-soft)}.boys-page .bz-rank-num-box{flex-shrink:0;height:32px;margin-right:12px;width:32px}.boys-page .bz-rank-badge,.boys-page .bz-rank-num-box{align-items:center;display:flex;justify-content:center}.boys-page .bz-rank-badge{border-radius:6px;box-shadow:0 2px 4px #00000026;color:#fff!important;font-family:DIN Alternate,sans-serif;font-size:12px;font-weight:800;height:24px;width:24px}.boys-page .bz-rank-1 .bz-rank-badge{background:linear-gradient(135deg,gold,#f59e0b)}.boys-page .bz-rank-2 .bz-rank-badge{background:linear-gradient(135deg,#e0e0e0,#bdbdbd)}.boys-page .bz-rank-3 .bz-rank-badge{background:linear-gradient(135deg,#fceecb,#d4a373)}.boys-page .bz-rank-common{color:var(--text-secondary);font-size:16px;font-style:italic;font-weight:700;opacity:.5}.boys-page .bz-rank-main{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.boys-page .bz-rank-line{align-items:center;display:flex;justify-content:space-between}.boys-page .bz-rank-title{color:var(--text-primary);font-size:15px;font-weight:600;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boys-page .bz-rank-score{color:#f59e0b;font-family:DIN Alternate,sans-serif;font-size:13px;font-weight:700}.boys-page .bz-rank-sub{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;justify-content:space-between}.boys-page .bz-cat-pill{background:var(--input-bg);border-radius:4px;font-size:10px;padding:1px 6px}.boys-page .bz-feed-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.boys-page .bz-feed-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-small);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s}.boys-page .bz-feed-card:active{transform:scale(.98)}.boys-page .bz-feed-cover{aspect-ratio:3/4;background:var(--surface-soft);overflow:hidden;position:relative;width:100%}.boys-page .bz-status-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-bottom-left-radius:8px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:0;top:0}.boys-page .bz-feed-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:10px}.boys-page .bz-feed-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:700;line-height:1.4;margin-bottom:4px;overflow:hidden}.boys-page .bz-feed-author{color:var(--text-secondary);font-size:11px;margin-bottom:8px}.boys-page .bz-feed-tags{display:flex;gap:4px;margin-top:auto}.boys-page .bz-mini-tag{background:var(--input-bg);border-radius:4px;color:var(--text-secondary);font-size:9px;padding:2px 4px;white-space:nowrap}.boys-page .bz-mini-tag.hl{background:#3b82f614;color:var(--primary-color)}.boys-page .bz-end-tip{color:var(--text-secondary);font-size:12px;opacity:.6;padding:24px 0;text-align:center}.girls-page{background:var(--background);min-height:100vh;transition:background-color .3s}.girls-header-bg{background:linear-gradient(180deg,#ec489926 0,var(--background) 100%);height:200px;padding:12px 16px;position:relative}.girls-header-bg:after{background:var(--primary-color);border-radius:50%;content:"";filter:blur(50px);height:150px;opacity:.2;pointer-events:none;position:absolute;right:-50px;top:-50px;width:150px}.girls-nav-row{align-items:center;color:#db2777;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:24px}.girls-nav-row,.girls-slogan{position:relative;z-index:2}.girls-slogan .main-slogan{color:#db2777;font-size:24px;font-weight:800;margin-bottom:6px}.girls-slogan .sub-slogan{color:#be185d;font-size:13px;opacity:.8}.girls-container{padding:0 16px 30px;position:relative;z-index:2}.girls-nav-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.girls-nav-scroll::-webkit-scrollbar{display:none}.g-nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;flex-shrink:0;font-size:12px;gap:6px}.g-nav-icon,.g-nav-item{align-items:center;display:flex}.g-nav-icon{background:var(--surface);border:1px solid #ec48991a;border-radius:50%;box-shadow:0 4px 10px #ec489926;color:#db2777;font-size:22px;height:48px;justify-content:center;width:48px}.girls-topic-scroll{display:flex;gap:10px;margin-bottom:20px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.girls-topic-scroll::-webkit-scrollbar{display:none}.g-topic-card{background:linear-gradient(135deg,#ec489914,var(--surface));border:1px solid #ec489926;border-radius:12px;box-shadow:var(--shadow-small);cursor:pointer;min-width:140px;padding:12px}.g-topic-title{color:#be185d;font-size:14px;font-weight:700}.g-topic-desc{color:var(--text-secondary);font-size:11px;margin-top:2px}.girls-section{margin-bottom:28px}.g-section-head{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:16px;position:relative}.g-section-head:after{background:linear-gradient(90deg,#f472b6,#ec4899);border-radius:2px;bottom:-4px;content:"";height:3px;left:0;position:absolute;width:60px}.g-section-icon{font-size:20px}.g-grid-2{grid-gap:16px 12px;display:grid;gap:16px 12px;grid-template-columns:repeat(2,1fr)}.g-book-card-optimized{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 16px #ec489914;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.g-book-card-optimized:hover{border-color:#fbcfe8;box-shadow:0 10px 24px #ec489926;transform:translateY(-4px)}.g-book-cover-wrapper{padding:12px 12px 0;position:relative}.g-book-status{display:flex;flex-direction:column;gap:6px;left:20px;position:absolute;top:20px}.g-free-tag{background:linear-gradient(135deg,#f43f5e,#ec4899);box-shadow:0 2px 8px #f43f5e4d;color:#fff;font-weight:700}.g-book-status-text,.g-free-tag{border-radius:10px;font-size:10px;padding:3px 8px}.g-book-status-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;box-shadow:0 2px 6px #0000001a;color:#333}.g-book-info{flex:1 1;flex-direction:column;padding:8px 12px 12px}.g-book-info,.g-book-title-line{display:flex;justify-content:space-between}.g-book-title-line{align-items:flex-start;margin-bottom:6px}.g-book-title-opt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;flex:1 1;font-size:16px;font-weight:700;line-height:1.3;margin:0;overflow:hidden}.g-book-rating{align-items:center;background:var(--input-bg);border-radius:12px;color:#ea580c;display:flex;flex-shrink:0;font-size:12px;font-weight:700;gap:2px;margin-left:8px;padding:4px 8px}.g-star{font-size:10px;line-height:1}.g-book-author-opt{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:4px;margin-bottom:8px}.g-book-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;background:var(--surface-soft);border-left:3px solid #fbcfe8;border-radius:8px;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:11px;line-height:1.4;margin-bottom:12px;overflow:hidden;padding:8px}.g-book-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.g-book-tags{display:flex;flex-wrap:wrap;gap:6px}.g-tag-item{background:#ec489914;border:1px solid #ec48991a;border-radius:10px;color:#db2777;font-size:9px;padding:3px 8px;white-space:nowrap}.g-book-hot{align-items:center;background:#f43f5e14;border-radius:12px;color:#f43f5e;display:flex;font-size:11px;font-weight:700;gap:4px;padding:4px 10px}.g-rank-list{display:flex;flex-direction:column;gap:16px}.g-rank-item{cursor:pointer;display:flex;gap:14px}.g-rank-left{flex-shrink:0;height:80px;position:relative;width:60px}.g-rank-cover{border-radius:6px;box-shadow:0 2px 6px #0000001a;height:100%;overflow:hidden;width:100%}.g-rank-no{align-items:center;background:#ccc;border-radius:50% 50% 50% 0;color:#fff;display:flex;font-size:12px;font-weight:800;height:20px;justify-content:center;left:-4px;position:absolute;top:-4px;width:20px;z-index:2}.no-1{background:#f43f5e}.no-2{background:#fb923c}.no-3{background:#facc15}.g-rank-right{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0;padding:2px 0}.g-rank-title{color:var(--text-primary);font-size:15px;font-weight:600}.g-rank-desc{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-rank-desc,.g-rank-tag{color:var(--text-secondary)}.g-rank-tag{display:flex;font-size:11px;justify-content:space-between}.g-rank-tag .heat{color:#f43f5e}.g-guess-list{display:flex;flex-direction:column;gap:16px}.g-guess-item{cursor:pointer;display:flex;gap:12px}.g-guess-item img{border-radius:6px;box-shadow:0 2px 6px #00000014;flex-shrink:0;height:94px;width:70px}.g-guess-info{border-bottom:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0;padding-bottom:16px}.g-guess-item:last-child .g-guess-info{border:none}.g-guess-info h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.g-guess-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.5;margin:0;overflow:hidden}.g-guess-btm{color:var(--text-secondary);display:flex;font-size:11px;justify-content:space-between}.g-guess-btm .score{color:#f59e0b;font-weight:700}@media (max-width:380px){.g-grid-2{gap:12px 8px}.g-book-title-opt{font-size:14px}.g-book-cover-wrapper .cover-emoji.medium,.g-book-cover-wrapper .cover-img.medium{height:140px}}.cat-detail-page{background:#fff;min-height:100vh;padding-bottom:40px}.cat-filter-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid var(--border);box-shadow:0 4px 12px #00000008;position:-webkit-sticky;position:sticky;top:44px;z-index:90}.filter-row-scroll{-webkit-overflow-scrolling:touch;border-bottom:1px solid #00000008;display:flex;gap:10px;overflow-x:auto;padding:12px 14px}.filter-row-scroll::-webkit-scrollbar{display:none}.filter-pill{background:#f5f6f8;border-radius:16px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:13px;padding:5px 14px;transition:all .2s}.filter-pill.active{background:var(--primary-color);box-shadow:0 2px 8px #3b82f640;color:#fff;font-weight:500}.filter-row-flex{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:10px 16px}.filter-group{display:flex;gap:16px}.filter-text{color:var(--text-secondary);cursor:pointer;padding:4px 0;position:relative}.filter-text.active{color:var(--text-primary);font-weight:700}.filter-text.active:after{background:var(--primary-color);border-radius:50%;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.filter-divider{background:var(--border);height:12px;width:1px}.filter-result-bar{background:#f7f9fc;color:#94a3b8;font-size:11px;padding:4px 16px}.cat-book-list-container{padding:0 16px}.pro-book-item{border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:14px;padding:16px 0}.pro-book-cover{border-radius:6px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:115px;overflow:hidden;position:relative;width:86px}.corner-tag{background:#0009;border-bottom-left-radius:6px;color:#fff;font-size:10px;padding:1px 4px;position:absolute;right:0;top:0}.pro-book-info{flex:1 1;flex-direction:column;min-width:0;padding:2px 0}.pro-book-info,.pro-title-row{display:flex;justify-content:space-between}.pro-title-row{align-items:flex-start}.pro-book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:16px;font-weight:700;line-height:1.3;margin:0;overflow:hidden}.pro-score{color:#f59e0b;flex-shrink:0;font-size:13px;font-weight:700;margin-left:8px}.pro-book-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin:6px 0;overflow:hidden}.pro-book-meta{justify-content:space-between}.pro-author,.pro-book-meta{align-items:center;display:flex}.pro-author{color:#94a3b8;font-size:12px;gap:4px}.pro-tags{display:flex;gap:6px}.pro-tag{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:10px;padding:2px 6px}.pro-tag.blue{background:#3b82f614;color:var(--primary-color)}.pro-empty{color:var(--text-secondary);padding:60px 0;text-align:center}.empty-emoji{font-size:40px;margin-bottom:10px}.load-more-wrap{padding:20px 16px;text-align:center}.pro-load-btn{background:#f8fafc;border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:10px 0;transition:all .2s;width:100%}.pro-load-btn:hover{background:#fff;border-color:var(--primary-color);color:var(--primary-color)}.sign-summary{align-items:center;background:#f3f4ff;border-radius:10px;color:#4b5563;display:flex;font-size:13px;justify-content:space-between;margin-bottom:10px;padding:8px 10px}.sign-summary strong{color:#4d8cf0;font-weight:700}.sign-week-header{grid-gap:4px;color:#9ca3af;display:grid;font-size:12px;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:6px;text-align:center}.sign-calendar{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.sign-day{background:#f3f4f6;border-radius:8px;box-sizing:border-box;color:#374151;display:flex;flex-direction:column;font-size:13px;gap:2px;justify-content:center;min-height:42px;padding:6px 0 4px;text-align:center;transition:all .15s ease}.sign-gold{color:#f59e0b;font-size:11px}.sign-day.signable{background:#eef2ff;box-shadow:0 0 0 1px #c7d2fe;cursor:pointer}.sign-day.signable:hover{background:#e0e7ff}.sign-day.signed{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 3px 8px #16a34a59;color:#fff;font-weight:600}.sign-day.signed .sign-gold{color:#fef9c3}.sign-day.today{box-shadow:0 0 0 2px #fbbf24}.sign-day.future{background:#f9fafb;color:#9ca3af}.sign-day.future .sign-gold{color:#d1d5db}.sign-day.big-reward{position:relative}.sign-day.big-reward:after{content:"🎁";font-size:12px;position:absolute;right:4px;top:2px}.sign-tip{color:#6b7280;font-size:12px;margin-top:10px;text-align:center}.wheel-wrapper{padding:10px 0;text-align:center}.wheel-shell{height:260px;margin:20px auto 0;position:relative;width:260px}.wheel-bg{background:conic-gradient(#fff8d6 0deg 45deg,#ffe7a6 45deg 90deg,#fff8d6 90deg 135deg,#ffe7a6 135deg 180deg,#fff8d6 180deg 225deg,#ffe7a6 225deg 270deg,#fff8d6 270deg 315deg,#ffe7a6 315deg 1turn);border:6px solid #ffce61;border-radius:50%;box-shadow:0 4px 10px #0000001a;height:100%;position:relative;width:100%}.wheel-text-box{height:100%;left:0;position:absolute;top:0;width:100%}.pos{color:#c05d00;font-size:12px;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform-origin:0 0;width:60px}.pos-0{transform:translate(-20%,-100px)}.pos-1{transform:translate(35px,-40px)}.pos-2{transform:translate(40px,20px)}.pos-3{transform:translate(-1px,70px)}.pos-4{transform:translate(-104%,70px)}.pos-5{transform:translate(-120px,10px)}.pos-6{transform:translate(-120px,-40px)}.pos-7{transform:translate(-85px,-90px)}.wheel-pointer-fixed{border-left:16px solid #0000;border-right:16px solid #0000;border-top:40px solid #ff4757;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));height:0;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:0;z-index:10}.wheel-pointer-fixed:after{background:#fff;border-radius:50%;content:"";height:12px;left:-6px;position:absolute;top:-45px;width:12px}.wheel-btn{background:linear-gradient(180deg,#ff9800,#f57c00);border:none;border-radius:24px;box-shadow:0 4px 0 #e65100;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:24px;padding:10px 30px}.wheel-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.wheel-btn:active{box-shadow:0 2px 0 #e65100;transform:translateY(2px)}.wheel-tip{color:#999;font-size:12px;margin-top:12px}.tasks-wrapper{display:flex;flex-direction:column;gap:14px;padding:6px 0 20px}.task-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 12px #0000000f;display:flex;gap:12px;padding:14px;transition:transform .15s ease,box-shadow .15s ease}.task-card:hover{box-shadow:0 8px 18px #0000001f;transform:translateY(-3px)}.task-icon-box{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.task-info{flex:1 1}.task-title{color:#333;font-size:15px;font-weight:700}.task-desc{color:#666;font-size:12px;margin-top:4px}.task-reward-tag{background:linear-gradient(135deg,#ffb84d,#ff8b00);border-radius:10px;box-shadow:0 2px 6px #ff7e0059;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:3px 10px}.task-progress{background:#eee;border-radius:6px;height:6px;margin-top:6px;overflow:hidden;width:100%}.task-progress-fill{background:linear-gradient(135deg,#4d8cf0,#6a5acd);height:100%}.task-btn{background:#4d8cf0;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:.2s ease;white-space:nowrap}.task-btn:hover{background:#3b74d6}.task-btn.done{background:#c8cbd3;box-shadow:none;color:#fff;cursor:default}.task-btn.can-receive{background:linear-gradient(135deg,#ff6b6b,#ff9f43);box-shadow:0 4px 10px #ff6b6b40}.task-btn.can-receive:hover{filter:brightness(.98)}.novice-mission-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 16px #0000000f;margin-bottom:24px;padding:20px 16px;position:relative;z-index:20}.nm-header{margin-bottom:20px;text-align:center}.nm-title{color:#0284c7;font-size:18px;font-weight:800;margin-bottom:4px}.nm-sub{color:var(--text-secondary);font-size:12px;opacity:.8}.nm-timeline{display:flex;justify-content:space-between;margin-bottom:24px;position:relative}.nm-line-bg{background:var(--border);border-radius:2px;height:4px;left:14px;position:absolute;right:14px;top:15px;z-index:0}.nm-day-item{cursor:pointer;flex:1 1;flex-direction:column;gap:6px;position:relative;transition:opacity .2s;z-index:1}.nm-day-circle,.nm-day-item{align-items:center;display:flex}.nm-day-circle{background:var(--surface);border:2px solid var(--border);border-radius:50%;color:var(--text-secondary);font-size:14px;font-weight:700;height:34px;justify-content:center;transition:all .2s ease;width:34px}.nm-day-item.active .nm-day-circle{background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 4px 10px #0ea5e966;color:#fff;transform:scale(1.1)}.nm-day-item.active .nm-day-label{color:#0ea5e9;font-weight:700}.nm-day-item.unlocked .nm-day-circle{border-color:#0ea5e9;color:#0ea5e9}.nm-day-item.locked{cursor:default}.nm-day-item.locked .nm-day-circle{background:var(--input-bg);border-color:#0000;color:#ccc}.nm-day-item.locked .nm-day-label{color:#ccc}.nm-day-label{color:var(--text-secondary);font-size:10px;transition:color .2s}.nm-lock-icon{font-size:12px}.nm-day-title{color:var(--text-primary);font-size:13px;font-weight:700;margin-bottom:14px;opacity:.9;text-align:center}.nm-task-row{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px}.nm-task-info{flex:1 1;margin-right:12px;min-width:0}.nm-task-name{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:6px;margin-bottom:4px}.nm-task-desc{color:var(--text-secondary);font-size:12px;line-height:1.4;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm-reward-badge{background:#fef3c7;border-radius:4px;color:#d97706;flex-shrink:0;font-size:10px;font-weight:500;padding:1px 5px}.nm-progress-bar{background:#0000000d;border-radius:3px;height:5px;margin-bottom:4px;max-width:140px;overflow:hidden;width:100%}.nm-progress-fill{background:#0ea5e9;border-radius:3px;height:100%;transition:width .3s}.nm-progress-text{color:var(--text-secondary);font-size:10px}.nm-btn{border:none;border-radius:20px;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 14px;transition:transform .1s;white-space:nowrap}.nm-btn:active{transform:scale(.95)}.nm-btn.doing{background:linear-gradient(90deg,#3b82f6,#0ea5e9);box-shadow:0 3px 8px #3b82f64d;color:#fff}.nm-btn.finished{animation:pulseBtn 1.5s infinite;background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 3px 8px #f59e0b4d;color:#fff}.nm-btn.received{background:var(--input-bg);color:#aaa;cursor:default}.nm-locked-tip{background:var(--surface-soft);border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary);font-size:13px;padding:30px;text-align:center}@keyframes pulseBtn{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.wc-page{background:var(--background);min-height:100vh;overflow-x:hidden;padding-bottom:40px;position:relative}.wc-header-bg{background:radial-gradient(circle at 50% 0,#1e1e1e 0,#0f0f0f 100%);border-radius:0 0 32px 32px;box-shadow:0 10px 30px #0000004d;color:var(--text-inverse);overflow:hidden;padding-bottom:90px;padding-top:env(safe-area-inset-top);position:relative}.dark-mode .wc-header-bg{background:radial-gradient(circle at 50% 0,#0f0f0f 0,#000 100%)}.wc-header-bg:before{background:radial-gradient(circle,#ffd70026 0,#0000 70%);content:"";filter:blur(50px);height:300px;pointer-events:none;position:absolute;right:-100px;top:-100px;width:300px}.wc-nav-bar{align-items:center;display:flex;height:44px;justify-content:center;margin-bottom:10px;padding:0 16px;position:relative;z-index:10}.wc-back-btn,.wc-nav-bar .back-button{left:16px;position:absolute}.wc-back-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;color:#e5e7eb;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.wc-nav-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px}.wc-wealth-card{background:linear-gradient(135deg,#3a3a3a,#1f1f1f);border:1px solid #ffd70033;border-radius:20px;box-shadow:0 16px 40px #0006;color:#fff;margin:-70px 16px 0;overflow:hidden;padding:24px;position:relative;z-index:5}.wc-wealth-card:after{bottom:-40px;color:#ffd7000d;content:"VIP";font-size:120px;font-weight:900;pointer-events:none;position:absolute;right:-20px;transform:rotate(-15deg)}.wealth-label{align-items:center;color:#fff9;display:flex;font-size:13px;justify-content:space-between}.wealth-label span{align-items:center;display:flex;gap:4px}.wealth-balance-row{align-items:baseline;display:flex;gap:8px;margin-bottom:24px;margin-top:12px}.coin-symbol{color:gold;font-size:24px;text-shadow:0 2px 10px #ffd70066}.coin-amount{background:linear-gradient(180deg,#fff 0,#e5e5e5);-webkit-background-clip:text;color:#0000;font-family:DIN Alternate,sans-serif;font-size:40px;font-weight:800;letter-spacing:1px}.wealth-action-row{display:flex;gap:12px}.btn-signin{align-items:center;background:linear-gradient(90deg,gold,#f59e0b);border:none;border-radius:20px;box-shadow:0 4px 12px #f59e0b4d;color:#333;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:6px;height:40px;justify-content:center;transition:transform .1s}.btn-signin:active{transform:scale(.96)}.btn-signin.signed{background:#ffffff26;box-shadow:none;color:#999;cursor:default}.wealth-footer{border-top:1px solid #ffffff1a;color:#ffffffb3;display:flex;font-size:12px;justify-content:space-between;margin-top:20px;padding-top:16px}.wf-item{align-items:center;display:flex;gap:6px}.wf-hl{color:gold;font-family:DIN Alternate;font-size:14px;font-weight:700}.wc-quick-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;padding:24px 16px 0}.wc-quick-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 10px;transition:transform .2s}.wc-quick-card:active{transform:scale(.96)}.wc-quick-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));font-size:28px}.wc-quick-name{color:var(--text-primary);font-size:13px;font-weight:600}.wc-quick-desc{color:var(--text-secondary);font-size:10px}.wc-task-list-wrapper{display:flex;flex-direction:column;gap:20px;padding:0 16px 20px}.wc-task-list-wrapper .novice-mission-card{border:1px solid #ffd70033;box-shadow:0 4px 12px #0000000d;margin-bottom:0}.wc-task-section{padding:0}.wc-section-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.wc-section-title{color:var(--text-primary);font-size:18px;font-weight:800}.wc-section-title:after{background:#f59e0b;border-radius:50%;content:"";display:inline-block;height:6px;margin-left:8px;vertical-align:middle;width:6px}.wc-sub{color:var(--text-secondary);font-size:12px}.wc-task-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);padding:8px}.wc-modal-mask{align-items:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.wc-modal-box{animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275);background:var(--surface);border-radius:24px;box-shadow:0 20px 60px #0000004d;overflow:hidden;width:320px}.wc-modal-header{align-items:center;background:var(--surface-soft);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.wc-modal-title{color:var(--text-primary);font-size:16px;font-weight:700}.wc-modal-close{color:var(--text-secondary);cursor:pointer;font-size:24px}.wc-modal-content{max-height:60vh;overflow-y:auto;padding:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--primary-color:#6366f1;--surface:#fff;--surface-soft:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--shadow-small:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.act-page{background:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding-bottom:40px;position:relative}.act-header-immersive{background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#db2777);border-radius:0 0 32px 32px;box-shadow:0 10px 30px #7c3aed4d;color:#fff;overflow:hidden;padding-bottom:80px;padding-top:env(safe-area-inset-top);position:relative}.act-header-immersive:before{background:#ffffff26;border-radius:50%;content:"";filter:blur(60px);height:200px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:200px}.act-nav-bar{align-items:center;display:flex;height:44px;justify-content:center;margin-bottom:16px;padding:0 16px;position:relative;z-index:10}.act-nav-bar .back-button{left:16px;position:absolute}.act-nav-title{font-size:18px;font-weight:700;text-shadow:0 1px 2px #0000001a}.act-dashboard{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;box-shadow:0 12px 32px #00000026;margin:0 16px;padding:24px 20px 32px;position:relative;text-align:center;z-index:5}.act-dash-title{color:#ffffffe6;font-size:13px;font-weight:500;letter-spacing:1px;margin-bottom:4px}.act-dash-points{color:#fff;font-family:DIN Alternate,sans-serif;font-size:44px;font-weight:800;line-height:1;margin-bottom:40px;text-shadow:0 2px 10px #00000026}.act-dash-points small{font-size:14px;font-weight:500;margin-left:4px;opacity:.8}.act-progress-track-wrapper{height:48px;margin:0 14px;position:relative}.act-progress-track{background:#00000040;border-radius:3px;height:6px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.act-progress-fill{background:linear-gradient(90deg,#fcd34d,#f59e0b);border-radius:3px;box-shadow:0 0 10px #fbbf2480;height:100%;position:relative;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.act-progress-fill:after{background:#fff;border-radius:50%;box-shadow:0 0 8px #fff;content:"";height:10px;position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:10px}.act-chest-node{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:5}.act-chest-img{filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));height:52px;object-fit:contain;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:52px}.act-chest-node.status-locked .act-chest-img{filter:grayscale(1) brightness(.7) drop-shadow(0 2px 2px rgba(0,0,0,.3));transform:scale(.9)}.act-chest-node.status-claimable .act-chest-img{animation:bounceChest 1.2s infinite;filter:drop-shadow(0 0 15px rgba(255,235,59,.6))}.act-chest-node.status-claimed .act-chest-img{filter:grayscale(.3);opacity:.6;transform:scale(.9)}.act-chest-node.status-claimed:after{color:#10b981;content:"✔";font-size:20px;font-weight:900;left:50%;position:absolute;text-shadow:0 1px 2px #fff,0 0 5px #fff;top:12px;transform:translateX(-50%)}.act-chest-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border-radius:8px;color:#fff;font-size:10px;font-weight:600;margin-top:-4px;padding:1px 6px;text-shadow:0 1px 2px #00000080;transform:scale(.9);white-space:nowrap}.act-chest-node.status-claimable .act-chest-label{background:linear-gradient(90deg,#f59e0b,#ea580c);box-shadow:0 2px 6px #ea580c66;color:#fff}@keyframes bounceChest{0%,to{transform:scale(1.1) translateY(0)}50%{transform:scale(1.2) translateY(-6px)}}.act-container-float{display:flex;flex-direction:column;gap:20px;margin-top:-24px;padding:0 16px;position:relative;z-index:10}.act-notice-bar{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:30px;box-shadow:0 4px 12px #0000000d;display:flex;gap:8px;padding:8px 12px}.act-notice-icon{font-size:16px}.act-notice-text{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-quick-row{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-small);display:flex;justify-content:space-between;padding:16px 20px}.act-quick-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:6px}.quick-icon-circle{align-items:center;border-radius:50%;display:flex;font-size:20px;height:44px;justify-content:center;transition:transform .2s;width:44px}.act-quick-btn:active .quick-icon-circle{transform:scale(.9)}.act-quick-btn span{color:#1e293b;color:var(--text-primary);font-size:12px;font-weight:500}.act-section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 4px}.section-title{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:17px;font-weight:700;gap:8px}.section-title:before{background:linear-gradient(180deg,#8b5cf6,#d946ef);border-radius:2px;content:"";height:16px;width:4px}.section-sub{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:400;margin-left:6px}.act-coupon-scroll{display:flex;gap:12px;margin:0 -4px;overflow-x:auto;padding:4px;scrollbar-width:none}.act-coupon-scroll::-webkit-scrollbar{display:none}.act-ticket-card{background:#fff;background:var(--surface);border-radius:12px;box-shadow:0 4px 12px #0000000f;display:flex;flex-shrink:0;height:90px;overflow:hidden;position:relative;transition:transform .2s;width:280px}.act-ticket-card.disabled{filter:grayscale(1);opacity:.7}.ticket-left{align-items:center;background:linear-gradient(145deg,#4f46e5,#6366f1);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;width:90px;z-index:1}.ticket-left:before{background-image:radial-gradient(#ffffff26 1px,#0000 0);background-size:8px 8px;content:"";inset:0;opacity:.5;position:absolute}.ticket-val-wrap{align-items:baseline;display:flex;line-height:1;z-index:2}.ticket-val{font-family:DIN Alternate,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1px}.ticket-unit{font-size:13px;font-weight:500;margin-left:2px;opacity:.9}.ticket-type{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff3;border-radius:4px;font-size:11px;margin-top:6px;padding:2px 6px;z-index:2}.ticket-split-line{border-left:2px dashed #e2e8f0;bottom:12px;left:90px;position:absolute;top:12px;width:0;z-index:2}.ticket-notch{background:#f1f5f9;border-radius:50%;box-shadow:inset 0 1px 2px #0000000d;height:12px;left:84px;position:absolute;width:12px;z-index:3}.ticket-notch.top{top:-6px}.ticket-notch.bottom{bottom:-6px}.ticket-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:space-between;padding:12px 16px 12px 20px}.ticket-info{display:flex;flex-direction:column;gap:4px}.ticket-name{color:#1e293b;color:var(--text-primary);font-size:15px;font-weight:700}.ticket-expire{color:#64748b;color:var(--text-secondary);font-size:11px}.ticket-btn{background:#f1f5f9;border-radius:16px;color:#cbd5e1;cursor:default;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.ticket-btn.active{background:#ecf0ff;color:#4f46e5;cursor:pointer}.ticket-btn.active:active{background:#e0e7ff;transform:scale(.95)}.act-event-list{display:flex;flex-direction:column;gap:16px}.act-event-big-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 16px #0000000f;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s}.act-event-big-card:active{transform:scale(.98)}.event-big-cover{background:#f8fafc;background:var(--surface-soft);height:160px;position:relative;width:100%}.event-big-cover img{height:100%;object-fit:cover;width:100%}.event-big-mask{align-items:flex-end;background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;display:flex;left:0;padding:30px 16px 10px;position:absolute;right:0}.act-status-badge{background:#f59e0b;border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px}.act-time-badge{color:gold;font-family:monospace;font-size:12px;font-weight:700}.event-big-info{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px}.event-big-text{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.event-big-title{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:700}.event-big-desc,.event-big-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-big-desc{color:#64748b;color:var(--text-secondary);font-size:13px}.event-big-btn{background:#6366f1;background:var(--primary-color);border-radius:20px;box-shadow:0 4px 10px #6366f14d;color:#fff;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 18px;white-space:nowrap}.act-footer-decor{color:#64748b;color:var(--text-secondary);font-size:12px;margin-top:30px;opacity:.6;text-align:center}.reward-modal-mask{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.reward-modal-body{animation:popIn .5s cubic-bezier(.34,1.56,.64,1);position:relative;text-align:center;width:320px}.light-burst{animation:rotateBurst 12s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#ffdf0033 20deg,#0000 40deg,#ffdf0033 60deg,#0000 80deg,#ffdf0033 100deg,#0000 120deg,#ffdf0033 140deg,#0000 160deg);border-radius:50%;height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px;z-index:-1}.reward-chest-img{animation:floatChest 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(255,215,0,.4));margin-bottom:10px;width:180px}.reward-title{color:#fff;font-size:26px;font-weight:800;margin-bottom:4px;text-shadow:0 2px 10px #00000080}.reward-content{color:gold;font-size:18px;font-weight:700;margin-bottom:32px;text-shadow:0 1px 2px #00000080}.reward-btn{background:linear-gradient(180deg,#fcd34d,#f59e0b);border:1px solid #fff;border-radius:30px;box-shadow:0 4px 0 #b45309,0 10px 20px #0000004d;color:#92400e;cursor:pointer;font-size:16px;font-weight:800;padding:12px 60px;transition:transform .1s}.reward-btn:active{box-shadow:0 0 0 #b45309,0 4px 10px #0000004d;transform:translateY(4px)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes rotateBurst{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes floatChest{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.avatar-upload-wrapper{margin-bottom:20px;text-align:center}.avatar-preview{align-items:center;background:#ddd;border:2px solid #e5e7eb;border-radius:50%;cursor:pointer;display:flex;height:86px;justify-content:center;margin:0 auto 10px;overflow:hidden;width:86px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:#aaa;font-size:36px}.avatar-upload-btn{background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;padding:8px 18px}.ep-page{background:#f5f6fa;min-height:100vh}.ep-content{padding:24px 16px}.ep-avatar-box{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}.ep-avatar-tip{color:var(--text-secondary);font-size:12px;margin-top:8px}.ep-form-group{background:#fff;border-radius:12px;box-shadow:0 1px 2px #00000005;margin-bottom:20px;overflow:hidden}.ep-input-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:16px}.ep-input-row.no-border{border-bottom:none}.ep-input-row label{color:#333;font-size:15px;font-weight:500;width:60px}.ep-input-row input{background:#0000;border:none;color:#333;flex:1 1;font-size:15px;outline:none;text-align:right}.ep-input-row input::placeholder{color:#ccc}.ep-tips{color:#999;font-size:12px;line-height:1.5;margin-bottom:40px;padding:0 12px}.ep-save-btn{background:var(--primary-color);border:none;border-radius:24px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:48px;transition:opacity .2s;width:100%}.ep-save-btn:active{opacity:.9}.ep-save-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.cp-page{min-height:100vh}.cp-header,.cp-page{background:var(--surface)}.cp-header{align-items:center;border-bottom:1px solid var(--border);display:flex;padding:16px;position:-webkit-sticky;position:sticky;top:0}.back-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:8px}.cp-header h1{flex:1 1;font-size:18px;font-weight:600;margin-right:20px;text-align:center}.cp-content{padding:20px 16px}.form-group{margin-bottom:18px}.form-group label{color:var(--text-secondary);font-size:13px}.form-group input{background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:16px;margin-top:6px;padding:12px;width:100%}.cp-save-btn{background:var(--primary-color);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;margin-top:12px;padding:14px;width:100%}.ach-page{background-color:var(--background);color:var(--text-primary);min-height:100vh;padding-bottom:60px;position:relative;transition:background-color .3s ease,color .3s ease}.ach-content{animation:fadeIn .4s ease-out;padding:16px}.ach-topbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff03;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.ach-page-title{color:var(--text-primary);font-size:17px;font-weight:700}.ach-placeholder-right{width:36px}.ach-hero-card{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:24px;box-shadow:0 10px 25px -5px #00000026;color:#fff;margin-bottom:24px;overflow:hidden;padding:30px 20px 20px;position:relative;text-align:center}.ach-hero-glow{background:radial-gradient(circle,#ffffff40 0,#0000 70%);border-radius:50%;height:180px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:180px}.ach-level-section{margin-bottom:24px;position:relative;z-index:2}.ach-crown-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));font-size:36px;margin-bottom:-12px;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ach-level-num{font-family:DIN Alternate,Roboto,sans-serif;line-height:1;text-shadow:0 2px 10px #00000026}.ach-level-num .label{font-size:20px;font-weight:600;margin-right:4px;opacity:.9}.ach-level-num .value{font-size:64px;font-weight:800;letter-spacing:-2px}.ach-level-desc{background:#0000001a;border-radius:12px;display:inline-block;font-size:14px;font-weight:500;letter-spacing:1px;margin-top:8px;opacity:.9;padding:4px 12px}.ach-stats-row{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;display:flex;justify-content:center;margin-top:20px;padding:14px 0}.ach-divider-vertical{background:#ffffff4d;height:24px;margin:0 20px;width:1px}.ach-stat-item{min-width:80px;text-align:center;transition:opacity .2s}.ach-stat-item.clickable{cursor:pointer;position:relative}.ach-stat-item.clickable:active{opacity:.6;transform:scale(.96)}.stat-val{font-family:DIN Alternate,sans-serif;font-size:20px;font-weight:700}.stat-unit{font-size:12px;font-weight:400;margin-left:2px;opacity:.9}.stat-label{font-size:11px;margin-top:4px;opacity:.85}.ach-section{margin-bottom:30px}.ach-section-header{align-items:center;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:16px;padding:8px 4px;transition:background-color .2s}.ach-section-header:active{background-color:var(--surface-soft)}.ach-section-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.ach-more-link{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:4px}.ach-more-link .arrow{font-size:16px;font-weight:300;margin-top:-2px}.ach-badge-grid{grid-gap:12px 10px;display:grid;gap:12px 10px;grid-template-columns:repeat(4,1fr)}@media (max-width:360px){.ach-badge-grid{grid-template-columns:repeat(3,1fr)}}.ach-badge-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;padding:8px 0;text-align:center}.ach-badge-item:active .ach-badge-icon-box{background:var(--surface-soft);transform:scale(.92)}.ach-badge-icon-box{align-items:center;background:var(--surface);border:2px solid var(--surface-soft);border-radius:50%;box-shadow:var(--shadow-small);display:flex;height:56px;justify-content:center;margin-bottom:8px;transition:all .2s ease;width:56px}.ach-badge-emoji{font-size:28px;line-height:1}.ach-badge-img{height:65%;object-fit:contain;width:65%}.ach-badge-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:11px;line-height:1.3;overflow:hidden;padding:0 2px;text-overflow:ellipsis;width:100%}.more-item .more-box{background:var(--surface-soft);border-color:#0000;color:var(--text-secondary);font-weight:700}.ach-empty-state{align-items:center;background:var(--surface);border:1px dashed var(--border);border-radius:16px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px 20px}.ach-empty-icon{filter:grayscale(1);font-size:36px;margin-bottom:12px;opacity:.5}.ach-empty-text{color:var(--text-secondary);font-size:14px;margin-bottom:20px;text-align:center}.ach-empty-btn{background:#0000;border:1px solid var(--primary-color);border-radius:20px;color:var(--primary-color);cursor:pointer;font-size:13px;font-weight:600;padding:8px 24px;transition:all .2s}.ach-empty-btn:active{background:var(--primary-color);color:#fff}.ach-footer-tips{color:var(--text-secondary);font-size:12px;margin-bottom:20px;margin-top:40px;opacity:.5;text-align:center}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.ach-skeleton-hero,.ach-skeleton-list,.ach-topbar-placeholder{animation:skeleton-loading 1.4s ease infinite;background:var(--surface);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-soft) 37%,var(--surface) 63%);background-size:400% 100%}.ach-topbar-placeholder{background:#0000;height:60px}.ach-skeleton-hero{border-radius:24px;height:240px;margin:16px;opacity:.8}.ach-skeleton-list{border-radius:16px;height:120px;margin:16px;opacity:.6}.bw-page{background:var(--background);font-family:PingFang SC,Helvetica,sans-serif;min-height:100vh;padding:14px;transition:background .3s}.bw-topbar{align-items:center;display:flex;justify-content:space-between;padding:10px 0 14px}.bw-title{color:var(--text-primary);font-size:16px;font-weight:900}.bw-right{height:34px;width:34px}.bw-loading{color:var(--text-secondary);padding:40px 0;text-align:center}.bw-summary{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);display:flex;justify-content:space-between;padding:14px}.bw-summary-title{color:var(--text-secondary);font-size:12px}.bw-summary-value{color:#3b82f6;font-size:18px;font-weight:900;margin-top:6px}.bw-toggle{display:flex;gap:8px}.bw-chip{background:var(--input-bg);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:800;padding:6px 10px}.bw-chip.active{background:#3b82f624;color:#3b82f6}.bw-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:12px}.bw-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);padding:14px;position:relative;transition:.18s}.bw-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.bw-badge{height:56px;margin-bottom:10px;position:relative;width:56px}.bw-badge-inner{align-items:center;background:linear-gradient(135deg,#3b82f629,#6f73ff2e);border:1px solid #3b82f62e;border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.bw-icon{font-size:26px;line-height:1}.bw-lock{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;bottom:-6px;box-shadow:var(--shadow-small);color:var(--text-secondary);display:flex;font-size:12px;height:22px;justify-content:center;position:absolute;right:-6px;width:22px}.bw-name{color:var(--text-primary);font-size:14px;font-weight:900}.bw-desc{color:var(--text-secondary);font-size:12px;line-height:1.35;margin-top:6px;min-height:34px}.bw-tag{border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;margin-top:10px;padding:4px 8px}.tag-ok{background:#10b98124;color:#10b981}.tag-wait{background:var(--input-bg);color:var(--text-secondary)}.bw-card.locked{opacity:.55}.bw-card.locked .bw-badge-inner{background:var(--surface-soft);border-color:var(--border)}.bw-card.locked .bw-icon{filter:grayscale(1)}.bw-empty{color:var(--text-secondary);grid-column:1/-1;padding:40px 0;text-align:center}.write-review-page{background:var(--background);min-height:100vh}.write-container{padding:20px 16px}.write-score-box{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;flex-direction:column;margin-bottom:20px;padding-bottom:24px}.ws-label{color:#999;font-size:13px;margin-bottom:10px}.ws-stars{display:flex;gap:12px;margin-bottom:8px}.ws-star{color:#ddd;cursor:pointer;font-size:32px;transition:color .2s}.ws-star.active,.ws-text{color:#f59e0b}.ws-text{font-size:14px;font-weight:700}.write-input-box{background:#f9f9f9;border-radius:12px;margin-bottom:24px;padding:16px}.write-area{background:#0000;border:none;color:#333;font-size:15px;line-height:1.6;outline:none;resize:none;width:100%}.write-count{color:#ccc;font-size:12px;margin-top:8px;text-align:right}.write-submit-btn{background:var(--primary-color);border:none;border-radius:24px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;width:100%}.write-submit-btn:disabled{opacity:.6}.wl-page{background:var(--background);min-height:100vh}.wl-tabs{background:var(--surface);border-bottom:1px solid var(--border);display:flex;position:-webkit-sticky;position:sticky;top:44px;z-index:10}.wl-tab{color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;padding:12px 0;position:relative;text-align:center}.wl-tab.active{color:var(--primary-color);font-weight:600}.wl-tab.active:after{background:var(--primary-color);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.wl-list{padding:0 16px}.wl-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 0}.wl-left{flex:1 1;min-width:0}.wl-title{color:var(--text-primary);font-size:15px;font-weight:500;margin-bottom:4px}.wl-remark{color:var(--text-secondary);font-size:12px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wl-time{color:#999;font-size:11px}.wl-right{font-family:monospace;font-size:16px;font-weight:700}.wl-right.add{color:#16a34a}.wl-right.sub{color:#ef4444}.wl-load-more{color:var(--text-secondary);cursor:pointer;font-size:13px;padding:20px;text-align:center}.literary-loading{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--surface);display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}.paper-glow{animation:glowPulse 4.6s ease-in-out infinite alternate;background:radial-gradient(circle,#ffffffd9 0,#f0f0f08c 45%,#e6e6e647 70%,#0000 100%);border-radius:50%;filter:blur(30px);height:320px;position:absolute;width:320px}.soft-circle{animation:sphereBreath 3.2s ease-in-out infinite;background:radial-gradient(circle at 45% 45%,#fffffff2 0,#f5f5f5a6 45%,#dcdcdc40 100%);border-radius:50%;box-shadow:0 0 35px #fff9,0 6px 12px #0000000d;height:90px;transform-origin:center;width:90px}.dust{background:#ffffff80;border-radius:50%;filter:blur(1.6px);height:6px;opacity:.65;position:absolute;width:6px}.dust1{animation:dustMove1 5.2s ease-in-out infinite}.dust2{animation:dustMove2 6.3s ease-in-out infinite}.dust3{animation:dustMove3 7.4s ease-in-out infinite}.loading-text{animation:fadeText 1.8s ease-in-out infinite alternate;color:var(--text-secondary);font-size:15px;letter-spacing:.5px;margin-top:26px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%{opacity:.65;transform:scale(1)}to{opacity:1;transform:scale(1.18)}}@keyframes sphereBreath{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(-4px)}to{transform:scale(1) translateY(0)}}@keyframes dustMove1{0%{opacity:.6;transform:translate(0)}40%{opacity:.9;transform:translate(-25px,-30px)}to{opacity:.6;transform:translate(0)}}@keyframes dustMove2{0%{opacity:.55;transform:translate(0)}45%{opacity:.85;transform:translate(22px,-10px)}to{opacity:.55;transform:translate(0)}}@keyframes dustMove3{0%{opacity:.5;transform:translate(0)}50%{opacity:.78;transform:translate(-15px,28px)}to{opacity:.5;transform:translate(0)}}@keyframes fadeText{0%{opacity:.45}to{opacity:1}}.vip-page{background:var(--background);min-height:100vh;padding:12px}.vip-topbar{align-items:center;display:flex;height:44px;justify-content:space-between;margin-bottom:12px}.vip-back{cursor:pointer;font-size:20px}.vip-back,.vip-title{color:var(--text-primary)}.vip-title{font-weight:700}.vip-hero{background:linear-gradient(135deg,#1e1e1e,#3a3a3a);border-radius:16px;box-shadow:0 8px 20px #0000004d;color:#f1c40f;margin-bottom:24px;padding:20px}.card-top{display:flex;font-size:12px;justify-content:space-between;margin-bottom:10px;opacity:.8}.card-tag{font-weight:800;letter-spacing:2px}.card-status{color:#fff;font-size:24px;font-weight:700;margin-bottom:6px}.card-tip{color:#fff9;font-size:12px}.vip-section{margin-bottom:24px}.vip-section-title{color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:12px}.vip-plan-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:10px;padding:16px}.plan-name{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.plan-price{align-items:center;color:#f59e0b;display:flex;font-size:14px;font-weight:700;gap:4px}.plan-btn{background:#f59e0b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px}.plan-btn:active{transform:scale(.96)}.benefit-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.benefit-item{background:var(--surface-soft);border-radius:8px;color:var(--text-secondary);font-size:12px;padding:10px;text-align:center}.wallet-page{background:var(--background);min-height:100vh;padding:16px 16px 40px}.wallet-topbar{align-items:center;display:flex;height:44px;justify-content:space-between;margin-bottom:12px}.wallet-back{color:var(--text-primary);cursor:pointer;font-size:20px}.wallet-title{color:var(--text-primary);font-weight:700}.wallet-hero-card{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:16px;box-shadow:0 8px 20px #3b82f64d;color:#fff;margin-bottom:24px;padding:24px;text-align:center}.hero-label{font-size:13px;opacity:.9}.hero-amount{font-family:DIN Alternate,sans-serif;font-size:40px;font-weight:800;margin:4px 0 8px}.hero-sub{font-size:12px;opacity:.8}.divider{margin:0 6px;opacity:.5}.section-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:12px}.section-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.sub-text{color:var(--text-secondary);font-size:12px}.earn-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.earn-item{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:transform .2s}.earn-item:active{transform:scale(.98)}.earn-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.earn-info{flex:1 1}.earn-title{color:var(--text-primary);font-size:14px;font-weight:600}.earn-desc{color:var(--text-secondary);font-size:11px;margin-top:2px}.earn-btn{background:var(--primary-color);border:none;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 14px}.spend-banner{align-items:center;background:linear-gradient(135deg,#2c3e50,#000);border-radius:12px;color:#f1c40f;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.spend-text h4{color:#fff;font-size:16px;margin:0 0 4px}.spend-text p{color:#fff;font-size:12px;margin:0;opacity:.8}.spend-icon{font-size:32px}.log-list{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.log-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.log-item:last-child{border-bottom:none}.log-title{color:var(--text-primary);font-size:13px}.log-time{color:var(--text-secondary);font-size:11px;margin-top:2px}.log-right{font-family:monospace;font-size:14px;font-weight:700}.log-right.add{color:#16a34a}.log-right.sub{color:#ef4444}.log-empty{color:var(--text-secondary);font-size:12px;padding:20px;text-align:center}.mc-page{background:var(--background);box-sizing:border-box;font-family:PingFang SC,Helvetica,sans-serif;min-height:100vh;padding:12px;transition:background .3s}.mc-topbar{height:44px;justify-content:space-between;margin-bottom:10px}.mc-back,.mc-topbar{align-items:center;display:flex}.mc-back{background:var(--surface);border-radius:10px;box-shadow:var(--shadow-small);cursor:pointer;height:36px;justify-content:center;width:36px}.mc-back,.mc-title{color:var(--text-primary)}.mc-title{font-size:16px;font-weight:700}.mc-right{height:36px;width:36px}.mc-tabs{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-small);display:flex;margin-bottom:12px;padding:4px}.mc-tab{border-radius:12px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:13px;padding:9px 0;text-align:center;transition:all .18s ease}.mc-tab:hover{background:var(--surface-soft)}.mc-tab.active{background:#ff6b6b1a;color:#ff6b6b;font-weight:800}.mc-list{display:flex;flex-direction:column;gap:12px}.mc-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);display:flex;justify-content:space-between;padding:14px}.mc-left{flex:1 1;min-width:0;padding-right:12px}.mc-amount{color:#ff6b6b;font-size:22px;font-weight:900;line-height:1.1}.mc-name{color:var(--text-primary);font-size:14px;font-weight:700;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-date{color:var(--text-secondary);font-size:12px;margin-top:6px}.mc-btn{background:#ff9f43;border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;height:34px;padding:0 12px}.mc-card.expired,.mc-card.used{background:var(--surface-soft);border-color:var(--border);opacity:.8}.mc-btn:disabled,.mc-card.expired .mc-amount,.mc-card.expired .mc-name,.mc-card.used .mc-amount,.mc-card.used .mc-name{color:var(--text-secondary)}.mc-btn:disabled{background:var(--input-bg);cursor:not-allowed}.mc-empty{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);color:var(--text-secondary);padding:20px 16px;text-align:center}.user-home-page{background:var(--background);min-height:100vh;padding-bottom:40px}.uh-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column;padding:30px 20px 20px}.uh-avatar{background:#eee;border:2px solid var(--border);border-radius:50%;height:80px;margin-bottom:12px;object-fit:cover;width:80px}.uh-name{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:4px}.uh-sign{color:var(--text-secondary);font-size:13px;margin-bottom:16px;max-width:80%;text-align:center}.uh-follow-btn{background:var(--primary-color);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 24px}.uh-follow-btn.disabled{background:var(--border);color:var(--text-secondary);cursor:not-allowed}.uh-tabs{background:var(--surface);border-bottom:1px solid var(--border);display:flex;margin-top:10px}.uh-tab{color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;padding:14px 0;position:relative;text-align:center}.uh-tab.active{color:var(--primary-color);font-weight:600}.uh-tab.active:after{background:var(--primary-color);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.uh-content{padding:16px}.uh-empty{color:var(--text-secondary);font-size:13px;padding:40px 0;text-align:center}.history-page{background:var(--background);min-height:100vh;padding-bottom:40px}.history-container{padding:16px 20px}.timeline-list{display:flex;flex-direction:column;gap:20px;position:relative}.timeline-list:before{background:var(--border);bottom:10px;content:"";left:6px;position:absolute;top:10px;width:2px;z-index:0}.history-card-wrap{padding-left:24px;position:relative}.history-dot{background:var(--surface);border:3px solid var(--primary-color);border-radius:50%;height:14px;left:0;position:absolute;top:24px;width:14px;z-index:1}.history-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-small);cursor:pointer;display:flex;gap:12px;padding:12px;transition:transform .2s}.history-card:active{background:var(--surface-soft);transform:scale(.98)}.h-cover-box{border-radius:4px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:60px}.h-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0;padding:2px 0}.h-title{color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h-author{color:var(--text-secondary);font-size:12px}.h-meta-row{align-items:flex-end;display:flex;justify-content:space-between;margin-top:auto}.h-progress-text{color:var(--primary-color);font-size:12px;font-weight:500}.h-time{color:#999;font-size:11px}.h-btn-continue{background:#3b82f61a;border:1px solid #3b82f633;border-radius:16px;color:var(--primary-color);font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.h-progress-bar{background:var(--border);border-radius:2px;height:4px;margin-top:6px;overflow:hidden;width:100%}.h-progress-fill{background:var(--primary-color);border-radius:2px;height:100%}.history-empty{color:var(--text-secondary);font-size:13px;padding:60px 0;text-align:center}.hsz-page{background:var(--background);min-height:100vh;padding-bottom:40px}.hsz-header{background:linear-gradient(135deg,#1c1c1c,#2d2d2d);color:#f1c40f;display:flex;flex-direction:column;height:180px;overflow:hidden;padding-left:16px;padding-top:calc(12px + env(safe-area-inset-top));position:relative}.hsz-header:after{bottom:-30px;color:#fff;content:"9.0+";font-size:100px;font-style:italic;font-weight:900;opacity:.1;position:absolute;right:-20px}.hsz-back-btn,.hsz-back-btn .back-icon{color:#fff}.hsz-title-area{margin-top:20px;z-index:2}.hsz-main-title{background:linear-gradient(90deg,#f1c40f,#fff);-webkit-background-clip:text;color:#0000;font-size:26px;font-weight:800;letter-spacing:1px;margin-bottom:4px}.hsz-sub-title{color:#ffffffb3;font-size:13px}.hsz-list{margin-top:-40px;z-index:10}.hsz-card,.hsz-list{padding:16px;position:relative}.hsz-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-small);cursor:pointer;display:flex;gap:16px;margin-bottom:16px;overflow:hidden;transition:transform .2s}.hsz-card:active{transform:scale(.98)}.hsz-badge{background:linear-gradient(135deg,#f1c40f,#f39c12);border-bottom-left-radius:12px;box-shadow:-2px 2px 6px #f39c124d;color:#fff;font-size:12px;font-weight:800;padding:4px 8px;position:absolute;right:0;top:0}.hsz-cover{border-radius:6px;box-shadow:0 4px 10px #00000026;flex-shrink:0;height:106px;overflow:hidden;width:80px}.hsz-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:2px 0}.hsz-book-title{color:var(--text-primary);font-size:17px;font-weight:700;margin-bottom:4px}.hsz-book-author{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;margin-bottom:6px}.hsz-book-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.5;overflow:hidden}.hsz-meta{display:flex;gap:8px;margin-top:8px}.hsz-tag{background:var(--input-bg);border-radius:4px;color:var(--text-secondary);font-size:10px;padding:2px 6px}
/*# sourceMappingURL=main.b1703cc9.css.map*/