:root{--primary:#00d48a;--primary-dark:#00b876;--primary-light:rgba(0,212,138,0.1);--bg:#f5f5f5;--bg-card:#ffffff;--text:#222222;--text-muted:#888888;--text-light:#aaaaaa;--border:#e8e8e8;--max-width:720px;--radius:12px;--radius-sm:8px;--shadow:0 2px 8px rgba(0,0,0,0.06);--shadow-hover:0 4px 16px rgba(0,0,0,0.1);--bookshelf-bg:#f68585;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:18px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;background-color:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{border:none;background:none;cursor:pointer;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 5px}.main{padding:10px 0}.page-wrapper{background-color:var(--bg);min-height:100vh}.header{background-color:var(--bg-card);padding:12px 0;border-bottom:1px solid var(--border)}.header-inner{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.site-name{font-size:24px;font-weight:700;color:var(--primary);margin-right:15px}.site-name a{color:var(--primary)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1}.nav-item{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:15px;color:var(--text);background-color:var(--bg);transition:var(--transition)}.nav-item:hover{background-color:var(--primary-light);color:var(--primary)}.nav-item.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:500}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--bg);color:var(--text-muted);transition:var(--transition)}.nav-icon:hover{background-color:var(--primary-light);color:var(--primary)}.nav-icon svg{width:18px;height:18px}.nav-item.bookshelf{background-color:var(--bookshelf-bg);color:#fff}.nav-item.bookshelf:hover{background-color:#e57575;color:#fff}.nav-item.nav-fav{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;font-weight:500}.nav-item.nav-fav:hover{background:linear-gradient(135deg,#ff5252,#e04848);color:#fff}.nav-item.nav-fav.active{background:linear-gradient(135deg,#ff4444,#d63c3c)}.nav-item.nav-history{background:linear-gradient(135deg,#5b8def,#4a7de0);color:#fff;font-weight:500}.nav-item.nav-history:hover{background:linear-gradient(135deg,#4a7de0,#3a6dd0);color:#fff}.nav-item.nav-history.active{background:linear-gradient(135deg,#3a6dd0,#2a5dc0)}.nav-item .nav-ico{width:14px;height:14px;vertical-align:-2px}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.book-card{background-color:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.book-card a{display:block}.book-cover{position:relative;width:100%;padding-top:133.33%;overflow:hidden;background-color:var(--bg)}.book-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.book-card:hover .book-cover img{transform:scale(1.05)}.book-cover .tag{position:absolute;top:8px;left:8px;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 2px 4px rgba(0,0,0,0.2)}.book-cover .tag.hot{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}.book-cover .tag.new{background:linear-gradient(135deg,#ffa502,#ff8c00)}.book-cover .tag.vip{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.book-cover .tag.completed{background:linear-gradient(135deg,#3498db,#2980b9)}.book-info{padding:10px}.book-title{font-size:18px;font-weight:500;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-meta{margin-top:6px;font-size:14px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.book-tags .tag{font-size:14px;padding:2px 6px;border-radius:4px;background-color:var(--bg);color:var(--text-muted)}.section{margin-bottom:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 5px}.section-title{font-size:18px;font-weight:600;color:var(--text);position:relative;padding-left:12px}.section-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background-color:var(--primary);border-radius:2px}.section-more{display:inline-block;padding:6px 14px;border-radius:20px;font-size:14px;background-color:var(--primary);color:#fff;transition:var(--transition)}.section-more:hover{background-color:var(--primary-dark);color:#fff}.comic-detail{background-color:var(--bg-card);border-radius:var(--radius);padding:15px;margin-bottom:15px}.comic-header{display:flex;gap:15px}.comic-cover{flex-shrink:0;width:160px;border-radius:var(--radius-sm);overflow:hidden}.comic-cover img{width:100%;aspect-ratio:3/4;object-fit:cover}.comic-info{flex:1;min-width:0}.comic-title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:10px;line-height:1.3}.comic-meta{font-size:15px;color:var(--text-muted)}.comic-meta-item{margin-bottom:6px;display:flex;align-items:center;gap:5px}.comic-meta-item .label{color:var(--text-light);flex-shrink:0}.comic-meta-item .value{color:var(--text)}.comic-meta-item .value a{color:var(--primary)}.comic-meta-row{display:flex;gap:15px}.comic-desc{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:14px;color:var(--text-muted);line-height:1.6}.comic-desc.collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chapter-section{background-color:var(--bg-card);border-radius:var(--radius);padding:15px;margin-bottom:15px}.chapter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chapter-title{font-size:16px;font-weight:600}.chapter-count{font-size:14px;color:var(--text-muted)}.chapter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chapter-item{display:block;padding:10px 12px;background-color:var(--bg);border-radius:var(--radius-sm);font-size:15px;color:var(--text);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--transition)}.chapter-item:hover{background-color:var(--primary-light);color:var(--primary)}.chapter-item.current{background-color:var(--primary);color:#fff}.chapter-item.read{color:var(--text-muted);background-color:var(--bg)}.chapter-item.read::after{content:'✓';margin-left:4px;font-size:12px;opacity:0.6}.chapter-item.last-read{position:relative;border:1px solid var(--primary);overflow:visible}.last-read-badge{position:absolute;top:-6px;right:-6px;background-color:var(--primary);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;z-index:1}.comic-actions{display:flex;gap:5px;margin-top:15px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:var(--radius-sm);font-size:16px;font-weight:500;transition:var(--transition);cursor:pointer}.btn-primary{flex:1;background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);color:#fff}.btn-secondary{flex:1;background-color:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-secondary.active{background-color:var(--bookshelf-bg);border-color:var(--bookshelf-bg);color:#fff}.btn-outline{background:transparent;color:var(--text-muted);border:1px solid var(--border);font-size:14px;padding:12px 14px;text-decoration:none}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.read-progress-tip{display:none;align-items:center;gap:12px;padding:12px 15px;margin-top:10px;background:linear-gradient(135deg,var(--primary-light),rgba(0,212,138,0.15));border:1px solid var(--primary);border-radius:var(--radius)}.read-progress-tip .progress-info{display:flex;align-items:center;gap:8px;flex:1;font-size:14px;color:var(--text)}.read-progress-tip .progress-info svg{color:var(--primary);flex-shrink:0}.read-progress-tip .progress-info strong{color:var(--primary)}.read-progress-tip .continue-btn{padding:8px 16px;font-size:13px;font-weight:500;color:#fff;background-color:var(--primary);border-radius:20px;white-space:nowrap;text-decoration:none}.read-progress-tip .continue-btn:hover{background-color:var(--primary-dark)}.recommend-section{background-color:var(--bg-card);border-radius:var(--radius);padding:15px;margin-bottom:15px}.recommend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width:640px){.nav-item{font-size:16px;padding:6px 10px}.book-grid:not(.view-toggle-active){grid-template-columns:repeat(3,1fr);gap:6px}.book-title{font-size:16px}.book-info{padding:8px}.comic-header{gap:12px}.comic-cover{width:130px}.comic-cover img{aspect-ratio:unset;height:auto;object-fit:contain}.comic-title{font-size:18px}.comic-meta-row{flex-wrap:wrap;gap:10px}.chapter-list{grid-template-columns:1fr}.recommend-grid{grid-template-columns:repeat(2,1fr);gap:8px}.recommend-grid .book-title{font-size:14px}}@media (max-width:380px){.site-name{font-size:20px}.nav-item{font-size:14px;padding:5px 8px}.comic-cover{width:130px}}.nav-item{position:relative}.nav-badge{display:none;align-items:center;justify-content:center;position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:8px;box-shadow:0 2px 4px rgba(255,107,107,0.4);animation:pulse-nav-badge 2s infinite}@keyframes pulse-nav-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:640px){.header-inner{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:6px 0;align-items:center;position:relative}.header-inner>.site-name{grid-column:1;grid-row:1;font-size:26px;margin:0;text-align:center;justify-self:center}.header-inner>.nav-actions{position:absolute;right:0;top:0;display:flex;gap:6px}.header-inner>.nav{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start}.nav-item{padding:5px 10px;font-size:13px}.nav-icon{width:32px;height:32px}.nav-icon svg{width:16px;height:16px}}.reader-header{background-color:rgba(255,255,255,0.95);padding:0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;transition:transform 0.3s ease}.reader-header.auto-hide{transform:translateY(-100%)}.reader-header-inner{display:flex;align-items:center;justify-content:space-between;padding:4px 5px}.reader-nav-btn{display:inline-flex;align-items:center;gap:2px;padding:4px 8px;border-radius:var(--radius-sm);font-size:13px;color:var(--text);background-color:transparent;transition:var(--transition)}.reader-nav-btn:hover{background-color:var(--primary-light);color:var(--primary)}.reader-nav-btn svg{width:14px;height:14px}.reader-title{font-size:14px;font-weight:500;color:var(--text);flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px}.reader-content{background-color:#000;min-height:100vh}.reader-images{max-width:var(--max-width);margin:0 auto}.reader-image{width:100%;display:block;margin:0;padding:0;position:relative;min-height:200px;background:var(--bg-card,#1a1a1a)}.reader-image.loaded{min-height:auto;background:transparent}.reader-image img{width:100%;height:auto;display:block;opacity:0;transition:opacity 0.3s ease}.reader-image img.loaded{opacity:1}.reader-image .image-skeleton{position:absolute;top:0;left:0;right:0;bottom:0;min-height:400px;z-index:1}.reader-image.loaded .image-skeleton{display:none !important}.reader-image .image-error{position:absolute;top:0;left:0;right:0;bottom:0;min-height:200px;z-index:2}.reader-image.error .image-skeleton{display:none !important}.reader-image.error .image-error{display:flex !important}.reader-footer{background-color:rgba(255,255,255,0.95);padding:12px 10px;border-top:1px solid var(--border)}.reader-chapter-nav{display:flex;gap:10px;max-width:var(--max-width);margin:0 auto}.chapter-nav-btn{flex:1;max-width:49%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 16px;border-radius:var(--radius);font-size:15px;font-weight:500;background-color:var(--bg);color:var(--text);transition:var(--transition)}.chapter-nav-btn:hover{background-color:var(--primary-light);color:var(--primary)}.chapter-nav-btn.disabled{opacity:0.5;pointer-events:none}.back-to-top-right{position:fixed;right:15px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(0,212,138,0.02);border:1px solid rgba(0,212,138,0.15);color:var(--primary);font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:999}.back-to-top-right.visible{opacity:1;visibility:visible}.back-to-top-right:hover{background-color:rgba(0,212,138,0.1);border-color:rgba(0,212,138,0.3)}.back-to-top-center{position:fixed;top:60px;left:50%;transform:translateX(-50%);padding:8px 20px;display:flex;align-items:center;gap:5px;border-radius:20px;background-color:rgba(0,212,138,0.02);border:1px solid rgba(0,212,138,0.15);color:var(--primary);font-size:14px;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:999}.back-to-top-center.visible{opacity:1;visibility:visible}.back-to-top-center:hover{background-color:rgba(0,212,138,0.1);border-color:rgba(0,212,138,0.3)}.pagination{display:flex;justify-content:center;align-items:center;gap:5px;padding:20px 0}.pagination-item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius-sm);font-size:14px;color:var(--text);background-color:var(--bg-card);border:1px solid var(--border);transition:var(--transition)}.pagination-item:hover{border-color:var(--primary);color:var(--primary)}.pagination-item.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.pagination-item.disabled{opacity:0.5;pointer-events:none}.pagination-ellipsis{color:var(--text-muted);padding:0 5px}.bookshelf-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--bg-card);border-radius:var(--radius);margin-bottom:15px}.bookshelf-title{font-size:18px;font-weight:600}.bookshelf-actions{display:flex;gap:10px}.bookshelf-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:14px;background-color:var(--bg);color:var(--text-muted);transition:var(--transition)}.bookshelf-btn:hover{color:var(--primary)}.bookshelf-btn.active{background-color:var(--primary);color:#fff}.bookshelf-empty{text-align:center;padding:60px 20px;background-color:var(--bg-card);border-radius:var(--radius)}.bookshelf-empty-icon{font-size:48px;color:var(--text-light);margin-bottom:15px}.bookshelf-empty-text{font-size:16px;color:var(--text-muted);margin-bottom:20px}.category-filter{background-color:var(--bg-card);border-radius:var(--radius);padding:15px;margin-bottom:15px}.filter-group{margin-bottom:12px}.filter-group:last-child{margin-bottom:0}.filter-label{font-size:14px;color:var(--text-muted);margin-bottom:8px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{padding:6px 14px;border-radius:20px;font-size:14px;background-color:var(--bg);color:var(--text);transition:var(--transition)}.filter-option:hover{background-color:var(--primary-light);color:var(--primary)}.filter-option.active{background-color:var(--primary);color:#fff}mark{background:linear-gradient(120deg,rgba(0,212,138,0.3) 0,rgba(0,212,138,0.5) 100%);color:var(--primary-dark);padding:1px 3px;border-radius:3px;font-weight:600}.book-title mark,.book-meta mark{background:linear-gradient(120deg,rgba(0,212,138,0.25) 0,rgba(0,212,138,0.4) 100%)}.search-result-header{display:flex;justify-content:space-between;align-items:center;padding:10px 5px;margin-bottom:10px}.search-tags-section{background-color:var(--bg-card);border-radius:var(--radius);padding:12px 15px;margin-bottom:15px}.search-tags-header{margin-bottom:10px}.search-tags-label{font-size:14px;font-weight:600;color:var(--text)}.search-tags-list{display:flex;flex-wrap:wrap;gap:8px}.search-tag-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,var(--bg) 0,#f0f0f0 100%);border-radius:20px;font-size:13px;color:var(--text);transition:var(--transition);border:1px solid var(--border)}.search-tag-item:hover{background:linear-gradient(135deg,var(--primary-light) 0,rgba(0,212,138,0.15) 100%);border-color:var(--primary);color:var(--primary)}.search-tag-item .tag-name{font-weight:500}.search-tag-item .tag-count{background-color:var(--primary);color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.search-category-section{background-color:var(--bg-card);border-radius:var(--radius);padding:15px;margin-bottom:15px}.search-category-section .section-header{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.search-category-section .section-title{font-size:16px}.mini-tag{display:inline-block;padding:2px 6px;font-size:11px;background-color:var(--bg);color:var(--text-muted);border-radius:4px;margin-right:4px;margin-top:4px}@media (max-width:640px){.search-tags-section{padding:10px 12px}.search-tag-item{padding:5px 10px;font-size:12px}.search-category-section{padding:12px}}.search-box{display:flex;align-items:center;background:#fff;border:2px solid #e8e8e8;border-radius:12px;padding:4px 4px 4px 8px;transition:border-color 0.2s ease,box-shadow 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.search-box:focus-within{border-color:var(--primary);box-shadow:0 2px 12px rgba(0,212,138,0.15)}.search-input{flex:1;border:none;background:none;font-size:15px;color:var(--text);outline:none;padding:8px 0;min-height:24px}.search-input::placeholder{color:#bbb;font-size:14px}.search-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;background:var(--primary);border-radius:10px;transition:all 0.2s ease;margin-left:12px;flex-shrink:0}.search-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.search-btn:active{transform:scale(0.95)}.nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg) 25%,#e8e8e8 50%,var(--bg) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-cover{width:100%;padding-top:133.33%;border-radius:var(--radius-sm)}.skeleton-text{height:16px;border-radius:4px;margin-top:8px}.skeleton-text.short{width:60%}.empty-state{text-align:center;padding:40px 20px}.empty-icon{font-size:48px;color:var(--text-light);margin-bottom:15px}.empty-text{font-size:15px;color:var(--text-muted);margin-bottom:15px}.empty-action{display:inline-block;padding:10px 20px;border-radius:var(--radius-sm);background-color:var(--primary);color:#fff;font-size:14px}.lazy-image{opacity:0;transition:opacity 0.3s ease}.lazy-image.loaded{opacity:1}.footer{text-align:center;padding:20px;color:var(--text-muted);font-size:13px;border-top:1px solid var(--border);margin-top:20px}.footer a{color:var(--primary)}.toast-wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;pointer-events:none;opacity:0;visibility:hidden;transition:var(--transition)}.toast-wrap.show{opacity:1;visibility:visible}.toast{display:inline-block;padding:16px 24px;border-radius:var(--radius-md);background-color:rgba(0,180,120,0.95);color:#fff;font-size:15px;font-weight:500;white-space:nowrap;text-align:center;line-height:1.5;max-width:90vw;box-shadow:0 4px 20px rgba(0,0,0,0.3)}@media (max-width:768px){.toast{white-space:normal;word-break:break-word}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:998;opacity:0;visibility:hidden;transition:var(--transition)}.overlay.show{opacity:1;visibility:visible}.update-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:12px;background-color:#ff6b6b;color:#fff;margin-left:5px}.rating{display:inline-flex;align-items:center;gap:2px;color:#ffa502}.rating-value{margin-left:5px;color:var(--text);font-size:14px}@media (max-width:640px){.reader-nav-btn{font-size:12px;padding:3px 6px}.reader-nav-btn svg{width:12px;height:12px}.reader-title{font-size:13px}.chapter-nav-btn{font-size:14px;padding:12px 12px}.back-to-top-right{right:10px;width:40px;height:40px}.pagination-item{min-width:32px;height:32px;font-size:13px}.book-card .remove-btn{opacity:0.8}}.desc-toggle{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;margin-top:8px;font-size:13px;color:var(--primary);cursor:pointer;transition:var(--transition)}.desc-toggle:hover{opacity:0.8}.desc-toggle svg{transition:transform 0.3s ease}.chapter-list.collapsed{max-height:400px;overflow:hidden;position:relative}.chapter-list.collapsed::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--bg-card));pointer-events:none}.chapter-toggle{display:flex;align-items:center;justify-content:center;gap:4px;padding:12px;margin-top:8px;font-size:14px;color:var(--primary);background-color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.chapter-toggle:hover{background-color:var(--primary-light)}.chapter-toggle svg{transition:transform 0.3s ease}.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));z-index:9999;transition:width 0.1s ease}.img-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background-color:#1a1a1a;color:#666;font-size:14px}.img-error-btn{margin-top:10px;padding:8px 16px;background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer}.view-count{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted)}.view-count svg{width:14px;height:14px}.share-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;color:var(--text-muted);background-color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.share-btn:hover{color:var(--primary);background-color:var(--primary-light)}.search-category-filter{display:flex;flex-wrap:wrap;gap:8px;padding:12px 15px;background-color:var(--bg-card);border-radius:var(--radius);margin-bottom:15px;overflow-x:auto;-webkit-overflow-scrolling:touch}.search-category-filter .filter-item{display:inline-block;padding:6px 16px;font-size:14px;color:var(--text);background-color:var(--bg);border-radius:20px;white-space:nowrap;transition:var(--transition);border:1px solid transparent}.search-category-filter .filter-item:hover{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary)}.search-category-filter .filter-item.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:var(--primary);font-weight:500}@media (max-width:640px){.search-category-filter{flex-wrap:nowrap;padding:10px 12px;gap:6px}.search-category-filter .filter-item{padding:5px 12px;font-size:13px}}.chapter-header{display:flex;justify-content:space-between;align-items:center}.chapter-header-right{display:flex;align-items:center;gap:12px}.sort-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:13px;color:var(--text-muted);background-color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid var(--border)}.sort-btn:hover{color:var(--primary);border-color:var(--primary);background-color:var(--primary-light)}.sort-btn.active{color:var(--primary);border-color:var(--primary);background-color:var(--primary-light)}.sort-btn svg{transition:transform 0.3s ease}.sort-btn.active svg{transform:rotate(180deg)}.color-tag{display:inline-block;padding:4px 10px;font-size:12px;border-radius:12px;margin-right:6px;margin-bottom:6px;transition:var(--transition);font-weight:500}.color-tag-0{background:linear-gradient(135deg,#ff6b6b 0,#ee5a5a 100%);color:#fff}.color-tag-1{background:linear-gradient(135deg,#4ecdc4 0,#44b3ab 100%);color:#fff}.color-tag-2{background:linear-gradient(135deg,#45b7d1 0,#3ca7c0 100%);color:#fff}.color-tag-3{background:linear-gradient(135deg,#96ceb4 0,#7fb89e 100%);color:#fff}.color-tag-4{background:linear-gradient(135deg,#dda0dd 0,#c78ec7 100%);color:#fff}.color-tag-5{background:linear-gradient(135deg,#ffeaa7 0,#fdcb6e 100%);color:#856404}.color-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.nav-item.nav-active{color:var(--primary);font-weight:600;position:relative}.nav-item.nav-active::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:20px;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:2px}._p{display:inline;font-size:0 !important;color:transparent !important;line-height:0;letter-spacing:0;word-spacing:0;margin:0;padding:0;border:0;overflow:hidden;vertical-align:baseline}._p::before{content:"";font-size:1rem;color:var(--text,#222);line-height:normal;letter-spacing:normal;word-spacing:normal;visibility:visible}._p::selection{background:transparent}._p::-moz-selection{background:transparent}.search-box-wrapper{position:relative}.search-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-card);border-radius:var(--radius);box-shadow:0 4px 20px rgba(0,0,0,0.15);z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease;margin-top:5px;max-height:400px;overflow-y:auto}.search-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px 8px;font-size:13px;color:var(--text-muted)}.dropdown-header .clear-btn{font-size:12px;color:var(--text-light);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.dropdown-header .clear-btn:hover{color:var(--primary);background-color:var(--primary-light)}.history-list{padding:0 10px 10px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.history-item:hover{background-color:var(--bg)}.history-item span{font-size:14px;color:var(--text)}.history-item .delete-btn{padding:4px;color:var(--text-light);background:none;border:none;cursor:pointer;opacity:0;transition:var(--transition)}.history-item:hover .delete-btn{opacity:1}.history-item .delete-btn:hover{color:#ff6b6b}.reading-progress-bar{display:none;align-items:center;gap:12px;padding:12px 15px;margin-bottom:15px;background:linear-gradient(135deg,var(--primary-light),rgba(0,212,138,0.15));border:1px solid var(--primary);border-radius:var(--radius);opacity:0;transform:translateY(-10px);transition:all 0.3s ease}.reading-progress-bar.show{opacity:1;transform:translateY(0)}.progress-info{display:flex;align-items:center;gap:8px;flex:1;font-size:14px;color:var(--text)}.progress-info svg{color:var(--primary);flex-shrink:0}.progress-info strong{color:var(--primary)}.continue-btn{padding:8px 16px;font-size:13px;font-weight:500;color:#fff;background-color:var(--primary);border-radius:20px;white-space:nowrap;transition:var(--transition)}.continue-btn:hover{background-color:var(--primary-dark);color:#fff}.close-progress-bar{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-muted);background:none;border:none;cursor:pointer;border-radius:50%;transition:var(--transition)}.close-progress-bar:hover{background-color:rgba(0,0,0,0.1);color:var(--text)}@media (max-width:640px){.reading-progress-bar{flex-wrap:nowrap;gap:8px;padding:10px 12px}.progress-info{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-btn{flex-shrink:0;padding:6px 10px;font-size:12px}}.rating-section{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-top:12px;border-top:1px solid var(--border)}.rating-display{display:flex;align-items:center;gap:12px}.rating-score{font-size:28px;font-weight:700;color:#ffa502}.rating-info{display:flex;flex-direction:column;gap:2px}.rating-stars{display:flex;gap:2px}.rating-stars .star{font-size:14px;color:#ddd}.rating-stars .star.filled{color:#ffa502}.rating-stars .star.half{background:linear-gradient(90deg,#ffa502 50%,#ddd 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rating-count{font-size:12px;color:var(--text-muted)}.rate-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;color:#ffa502;background-color:rgba(255,165,2,0.1);border:1px solid #ffa502;border-radius:20px;cursor:pointer;transition:var(--transition)}.rate-btn:hover{background-color:#ffa502;color:#fff}.rate-btn.rated{background-color:#ffa502;color:#fff}.rate-btn svg{fill:currentColor;stroke:none}.rating-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}.rating-modal-overlay.show{opacity:1;visibility:visible}.rating-modal{width:90%;max-width:320px;background-color:var(--bg-card);border-radius:var(--radius);overflow:hidden;transform:scale(0.9);transition:transform 0.3s ease}.rating-modal-overlay.show .rating-modal{transform:scale(1)}.rating-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border)}.rating-modal-header h3{font-size:16px;font-weight:600}.rating-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-muted);background:none;border:none;cursor:pointer;border-radius:50%}.rating-modal-close:hover{background-color:var(--bg)}.rating-modal-body{padding:30px 20px;text-align:center}.rating-modal-stars{display:flex;justify-content:center;gap:8px;margin-bottom:15px}.modal-star{font-size:36px;color:#ddd;cursor:pointer;transition:all 0.2s ease}.modal-star:hover,.modal-star.hover{color:#ffd700;transform:scale(1.1)}.modal-star.active{color:#ffa502}.rating-modal-text{font-size:14px;color:var(--text-muted)}.rating-modal-footer{padding:15px;border-top:1px solid var(--border)}.rating-submit-btn{width:100%;padding:12px;font-size:16px;font-weight:500;color:#fff;background-color:#ffa502;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.rating-submit-btn:hover:not(:disabled){background-color:#e69500}.rating-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.related-recommend .section-header{display:flex;justify-content:space-between;align-items:center}.refresh-recommend-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;color:var(--primary);background:rgba(0,212,138,0.08);border:1px solid rgba(0,212,138,0.2);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.refresh-recommend-btn:hover{background:rgba(0,212,138,0.15)}.refresh-recommend-btn.rotating svg{animation:rotate360 0.5s ease}@keyframes rotate360{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.related-grid{transition:opacity 0.3s ease}.recommend-reason{position:absolute;top:8px;left:8px;padding:2px 8px;font-size:11px;font-weight:500;color:#fff;background:rgba(0,0,0,0.6);border-radius:10px;backdrop-filter:blur(4px);opacity:0;transform:translateY(-5px);transition:all 0.3s ease}.recommend-reason:not(:empty){opacity:1;transform:translateY(0)}.recommend-reason[data-reason="同作者"]{background:linear-gradient(135deg,#667eea,#764ba2)}.recommend-reason[data-reason="同类型"]{background:linear-gradient(135deg,#00d48a,#00b894)}.recommend-reason[data-reason="看过"]{background:linear-gradient(135deg,#ffa502,#ff7f50)}.recommend-reason[data-reason="热门"]{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}.also-like-section{margin-top:20px}.also-like-section .section-title{display:flex;align-items:center;gap:8px}.also-like-section .section-title svg{color:var(--primary)}.also-like-list{display:flex;gap:12px;overflow-x:auto;padding:10px 0;scrollbar-width:none;-ms-overflow-style:none}.also-like-list::-webkit-scrollbar{display:none}.also-like-item{display:flex;align-items:center;gap:10px;min-width:200px;padding:10px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:var(--transition)}.also-like-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.also-like-item img{width:50px;height:66px;object-fit:cover;border-radius:var(--radius-sm)}.also-like-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.also-like-title{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.also-like-chapter{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.refresh-recommend-btn{padding:5px 10px;font-size:12px}.refresh-recommend-btn span{display:none}.also-like-item{min-width:180px;padding:8px}.also-like-item img{width:45px;height:60px}.also-like-title{font-size:13px}}.advanced-filter{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(0,212,138,0.03);border-bottom:1px solid var(--border)}.filter-title{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:500;color:var(--text)}.filter-title svg{color:var(--primary)}.filter-actions{display:flex;gap:10px}.filter-reset-btn,.filter-toggle-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.filter-reset-btn:hover,.filter-toggle-btn:hover{color:var(--primary);border-color:var(--primary)}.filter-toggle-btn svg{transition:transform 0.3s ease}.filter-body{padding:16px;max-height:500px;overflow:hidden;transition:all 0.3s ease}.filter-body.collapsed{max-height:0;padding:0 16px}.advanced-filter .filter-group{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border)}.advanced-filter .filter-group:last-child{border-bottom:none}.advanced-filter .filter-label{min-width:60px;font-size:14px;font-weight:500;color:var(--text-muted);padding-top:6px}.filter-hint{font-size:11px;font-weight:normal;color:var(--primary);margin-left:4px}.advanced-filter .filter-options{display:flex;flex-wrap:wrap;gap:8px;flex:1}.advanced-filter .filter-option{padding:6px 14px;font-size:13px;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:16px;text-decoration:none;cursor:pointer;transition:var(--transition)}.advanced-filter .filter-option:hover{color:var(--primary);border-color:var(--primary)}.advanced-filter .filter-option.active{color:#fff;background:var(--primary);border-color:var(--primary)}.tag-filter-options .tag-option.active:not([data-tag=""]){background:linear-gradient(135deg,#00d48a,#00b894)}.selected-filters{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(0,212,138,0.05);border-top:1px solid var(--border)}.selected-label{font-size:13px;color:var(--text-muted);white-space:nowrap}.selected-tags{display:flex;flex-wrap:wrap;gap:8px}.selected-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;color:var(--primary);background:rgba(0,212,138,0.1);border:1px solid rgba(0,212,138,0.3);border-radius:12px}.selected-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;color:var(--primary);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:var(--transition)}.selected-tag button:hover{background:rgba(0,212,138,0.2)}@media (max-width:768px){.filter-header{padding:10px 12px}.filter-title{font-size:14px}.filter-reset-btn span,.filter-toggle-btn span{display:none}.filter-reset-btn,.filter-toggle-btn{padding:6px 8px}.filter-body{padding:12px}.advanced-filter .filter-group{flex-direction:column;gap:8px}.advanced-filter .filter-label{min-width:auto;padding-top:0}.advanced-filter .filter-option{padding:5px 12px;font-size:12px}.selected-filters{flex-wrap:wrap;padding:10px 12px}}.search-box-enhanced{position:relative;margin-bottom:24px}.search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e8e8e8;border-radius:12px;padding:4px 4px 4px 12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:border-color 0.2s ease,box-shadow 0.2s ease}.search-input-wrapper:focus-within{border-color:var(--primary,#00d48a);box-shadow:0 2px 12px rgba(0,212,138,0.15)}.search-icon{color:var(--primary,#00d48a);flex-shrink:0;opacity:0.7;transition:opacity 0.2s}.search-input-wrapper:focus-within .search-icon{opacity:1}.search-input-enhanced{flex:1;padding:8px 0;min-height:24px;font-size:15px;color:var(--text,#333);background:transparent;border:none;outline:none}.search-input-enhanced::placeholder{color:#aaa}.search-clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-muted);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:var(--transition)}.search-clear-btn:hover{color:var(--text);background:var(--bg)}.search-submit-btn{padding:12px 28px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary,#00d48a),#00b876);border:none;border-radius:50px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,212,138,0.3)}.search-submit-btn:hover{background:linear-gradient(135deg,#00e896,#00c882);box-shadow:0 6px 16px rgba(0,212,138,0.4);transform:translateY(-1px)}.search-submit-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,212,138,0.3)}.search-box-wrapper{position:relative}.search-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);z-index:100;overflow:hidden}.suggestion-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--text,#333);cursor:pointer;transition:background 0.2s ease}.suggestion-item:hover{background:rgba(0,212,138,0.08)}.suggestion-item svg{color:#999;flex-shrink:0;width:14px;height:14px}.suggestion-item.from-history svg{color:var(--primary,#00d48a)}.suggestion-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.4}.suggestion-item mark{display:inline;color:var(--primary,#00d48a);background:transparent;font-weight:600}.search-home{margin-bottom:16px}.section-header-small{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text)}.section-label svg{color:var(--primary)}.clear-history-btn,.refresh-guess-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.clear-history-btn:hover,.refresh-guess-btn:hover{color:var(--primary);border-color:var(--primary)}.search-history-section,.guess-search-section{margin-bottom:16px}.history-tags,.guess-tags{display:flex;flex-wrap:wrap;gap:10px}.history-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:14px;line-height:1.4;color:#333;background:#f8f9fa;border:1px solid #e8e8e8;border-radius:20px;text-decoration:none;transition:border-color 0.2s ease,color 0.2s ease;white-space:nowrap}.history-tag:hover{border-color:var(--primary,#00d48a);color:var(--primary,#00d48a)}.history-tag button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:16px;line-height:1;color:#999;background:transparent;border:none;border-radius:50%;cursor:pointer;margin-left:2px;padding:0}.history-tag button:hover{color:#ff6b6b;background:rgba(255,107,107,0.1)}.guess-tag{display:inline-block;padding:8px 16px;font-size:13px;color:var(--primary);background:rgba(0,212,138,0.08);border:1px solid rgba(0,212,138,0.2);border-radius:16px;text-decoration:none;transition:var(--transition)}.guess-tag:hover{background:rgba(0,212,138,0.15);border-color:var(--primary)}.empty-recommend{margin-top:16px}.recommend-label{font-size:14px;color:#666;margin-bottom:12px}.recommend-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.recommend-item{display:flex;flex-direction:column;text-decoration:none}.recommend-item img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;background:#f5f5f5}.recommend-title{margin-top:6px;font-size:13px;color:#333;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-tags{display:flex;flex-wrap:wrap;gap:8px}.recommend-tag{padding:8px 16px;font-size:13px;color:var(--primary,#00d48a);background:rgba(0,212,138,0.08);border:1px solid rgba(0,212,138,0.2);border-radius:16px;text-decoration:none}.recommend-tag:hover{background:rgba(0,212,138,0.15)}@media (max-width:768px){.recommend-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.search-input-wrapper{padding:2px 2px 2px 12px}.search-input-enhanced{padding:8px 10px;font-size:14px}.search-submit-btn{padding:8px 16px;font-size:13px}.suggestion-item{padding:10px 14px}.history-tag,.guess-tag{padding:6px 12px;font-size:12px}}.keyboard-help-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s ease}.keyboard-help-modal.show{opacity:1;visibility:visible}.keyboard-help-content{width:90%;max-width:420px;background:var(--card-bg);border-radius:var(--radius);box-shadow:0 20px 60px rgba(0,0,0,0.3);transform:scale(0.9) translateY(20px);transition:transform 0.3s ease}.keyboard-help-modal.show .keyboard-help-content{transform:scale(1) translateY(0)}.keyboard-help-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.keyboard-help-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;color:var(--text)}.keyboard-help-header h3 svg{color:var(--primary)}.keyboard-help-close{width:32px;height:32px;font-size:20px;color:var(--text-muted);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:var(--transition)}.keyboard-help-close:hover{color:var(--text);background:var(--bg)}.keyboard-help-body{padding:20px;max-height:60vh;overflow-y:auto}.shortcut-group{margin-bottom:20px}.shortcut-group:last-child{margin-bottom:0}.shortcut-group h4{margin:0 0 12px 0;font-size:13px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}.shortcut-list{display:flex;flex-direction:column;gap:8px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg);border-radius:var(--radius-sm)}.shortcut-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:600;color:var(--text);background:var(--card-bg);border:1px solid var(--border);border-radius:6px;box-shadow:0 2px 0 var(--border)}.shortcut-item span{font-size:13px;color:var(--text-muted)}.keyboard-help-footer{padding:12px 20px;text-align:center;border-top:1px solid var(--border);background:rgba(0,212,138,0.03)}.keyboard-help-footer span{font-size:12px;color:var(--text-muted)}.keyboard-help-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin:0 4px;font-family:inherit;font-size:11px;font-weight:600;color:var(--primary);background:rgba(0,212,138,0.1);border:1px solid rgba(0,212,138,0.3);border-radius:4px}@media (max-width:768px){.keyboard-help-content{width:95%;max-width:none;margin:20px}.keyboard-help-body{padding:16px}.shortcut-item{padding:6px 10px}.shortcut-item kbd{min-width:24px;height:24px;font-size:11px}.shortcut-item span{font-size:12px}}.reading-stats-panel{position:fixed;bottom:-100%;left:0;right:0;background:var(--card-bg);border-radius:16px 16px 0 0;box-shadow:0 -4px 30px rgba(0,0,0,0.2);z-index:1001;transition:bottom 0.3s ease;max-height:70vh;overflow-y:auto}.reading-stats-panel.show{bottom:0}.stats-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.stats-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:var(--text)}.stats-header h3 svg{color:var(--primary)}.stats-close{width:32px;height:32px;font-size:24px;color:var(--text-muted);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:var(--transition)}.stats-close:hover{color:var(--text);background:var(--bg)}.stats-body{padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stats-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg);border-radius:var(--radius)}.stats-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(0,212,138,0.1);border-radius:12px;color:var(--primary)}.stats-info{display:flex;flex-direction:column;gap:4px}.stats-label{font-size:12px;color:var(--text-muted)}.stats-value{font-size:18px;font-weight:600;color:var(--text)}.stats-footer{padding:20px;border-top:1px solid var(--border)}.stats-chart{background:var(--bg);border-radius:var(--radius);padding:16px}.chart-title{font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:16px}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:100px;gap:8px}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.chart-bar{width:100%;max-width:30px;background:linear-gradient(180deg,rgba(0,212,138,0.3),rgba(0,212,138,0.1));border-radius:4px 4px 0 0;position:relative;transition:height 0.3s ease;min-height:5px}.chart-bar.today{background:linear-gradient(180deg,var(--primary),rgba(0,212,138,0.5))}.bar-value{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--text-muted);white-space:nowrap}.bar-label{font-size:11px;color:var(--text-muted)}@media (max-width:480px){.stats-body{grid-template-columns:1fr;padding:16px;gap:12px}.stats-item{padding:12px}.stats-icon{width:40px;height:40px}.stats-value{font-size:16px}.chart-bars{height:80px}}.skip-links{position:fixed;top:0;left:0;z-index:10000;width:auto;height:auto;pointer-events:none}.skip-link{position:fixed;top:-100px;left:0;padding:12px 20px;background:var(--primary);color:#fff;font-size:14px;font-weight:500;text-decoration:none;border-radius:0 0 var(--radius) 0;box-shadow:0 2px 10px rgba(0,0,0,0.2);transition:top 0.2s ease;z-index:10001;pointer-events:auto}.skip-link:focus{top:0;outline:none}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}.book-card a:focus-visible{outline:3px solid var(--primary);outline-offset:4px;border-radius:var(--radius)}.chapter-item:focus-visible{outline:3px solid var(--primary);outline-offset:2px;background-color:var(--primary-light)}.filter-option:focus-visible,.tag-option:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.nav-item:focus-visible,.nav-icon:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media (prefers-contrast:high){:root{--primary:#008855;--text:#000;--text-muted:#333;--border:#666}.book-card{border:2px solid var(--border)}.tag{border:1px solid currentColor}.chapter-item{border:1px solid var(--border)}a:focus-visible,button:focus-visible{outline-width:4px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.book-card:hover{transform:none}.back-to-top-right,.back-to-top-center{transition:none}.keyboard-help-modal,.reading-stats-panel,.search-dropdown{transition:none}}.a11y-settings{position:fixed;bottom:80px;right:20px;z-index:999}.a11y-toggle-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--card-bg);border:1px solid var(--border);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,0.1);cursor:pointer;transition:var(--transition);color:var(--text-muted)}.a11y-toggle-btn:hover,.a11y-toggle-btn:focus-visible{color:var(--primary);border-color:var(--primary);box-shadow:0 4px 15px rgba(0,212,138,0.2)}.a11y-panel{position:absolute;bottom:54px;right:0;width:280px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.2s ease}.a11y-panel.show{opacity:1;visibility:visible;transform:translateY(0)}.a11y-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.a11y-panel-header h4{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:var(--text)}.a11y-panel-header h4 svg{color:var(--primary)}.a11y-panel-body{padding:12px 16px}.a11y-option{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border)}.a11y-option:last-child{border-bottom:none}.a11y-option-label{display:flex;flex-direction:column;gap:2px}.a11y-option-label span{font-size:13px;color:var(--text)}.a11y-option-label small{font-size:11px;color:var(--text-muted)}.a11y-switch{position:relative;width:44px;height:24px;background:var(--border);border-radius:12px;cursor:pointer;transition:var(--transition)}.a11y-switch::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:var(--transition);box-shadow:0 1px 3px rgba(0,0,0,0.2)}.a11y-switch.active{background:var(--primary)}.a11y-switch.active::after{left:22px}.a11y-font-size{display:flex;align-items:center;gap:8px}.a11y-font-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600;color:var(--text);transition:var(--transition)}.a11y-font-btn:hover,.a11y-font-btn:focus-visible{border-color:var(--primary);color:var(--primary)}.a11y-font-value{min-width:40px;text-align:center;font-size:13px;color:var(--text)}body.large-font{font-size:1.2em !important}body.large-font .book-title{font-size:1.2em !important}body.large-font .book-meta{font-size:1.1em !important}body.large-font .chapter-item{font-size:1.1em !important;padding:14px 16px}body.large-font .comic-title{font-size:1.2em !important}body.large-font .comic-desc{font-size:1.1em !important}body.large-font .section-title{font-size:1.15em !important}body.large-font .nav-item{font-size:1.1em !important}body.large-font .search-input{font-size:1.1em !important}body.high-contrast{--primary:#008855;--text:#000;--text-muted:#333;--text-light:#555;--bg:#fff;--bg-card:#fff;--border:#000}body.high-contrast .book-card{border:2px solid #000}body.high-contrast .tag{border:1px solid currentColor}body.high-contrast a{text-decoration:underline}@media (max-width:768px){.a11y-settings{bottom:70px;right:15px}.a11y-toggle-btn{width:40px;height:40px}.a11y-panel{width:260px;right:-10px}}@media (max-width:768px){.advanced-filter{margin-bottom:8px}.filter-header{padding:6px 10px}.filter-title{font-size:12px;gap:3px}.filter-title svg{width:12px;height:12px}.filter-body{padding:6px 10px}.advanced-filter .filter-group{display:flex;flex-wrap:wrap;align-items:flex-start;padding:3px 0;margin-bottom:0;border-bottom:none;gap:4px}.advanced-filter .filter-label{display:none}.advanced-filter .filter-options{display:inline-flex;flex-wrap:wrap;gap:4px;flex:1}.advanced-filter .filter-option{display:inline-block;vertical-align:middle}.filter-hint{display:none}.filter-option{padding:3px 8px;font-size:11px;border-radius:12px}.filter-reset-btn,.filter-toggle-btn{padding:3px 6px;font-size:11px}.filter-reset-btn svg,.filter-toggle-btn svg{width:10px;height:10px}.selected-filters{padding:4px 10px}.selected-label{font-size:11px}.selected-tag{padding:2px 6px;font-size:10px}.category-page .section{margin-bottom:10px}.category-page .section-header{padding:8px 0}.category-page .book-grid{gap:6px}.category-page .book-info{padding:6px}.category-page .book-title{font-size:13px}.category-page .book-meta{font-size:11px;margin-top:2px}body:not(.category-page) .section .book-grid{gap:6px}body:not(.category-page) .section .book-card{border-radius:8px}body:not(.category-page) .section .book-cover{border-radius:8px 8px 0 0}body:not(.category-page) .section .book-info{padding:6px}body:not(.category-page) .section .book-title{font-size:13px;line-height:1.3;-webkit-line-clamp:1}body:not(.category-page) .section .book-meta{font-size:11px;margin-top:2px}body:not(.category-page) .section .book-cover .tag{padding:2px 6px;font-size:10px;top:4px;left:4px}}.card-actions{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:var(--bg);border-top:1px solid var(--border)}.move-group-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:var(--transition)}.move-group-btn:hover{color:var(--primary);border-color:var(--primary)}.move-group-btn svg{flex-shrink:0}.move-group-btn .group-label{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions .remove-btn{position:static;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--text-muted);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:var(--transition)}.card-actions .remove-btn:hover{color:#ff4757;background:rgba(255,71,87,0.1)}.move-group-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border)}.move-group-item:last-child{border-bottom:none}.move-group-item:hover{background:var(--primary-light)}.move-group-item.current{background:var(--primary-light);color:var(--primary)}.move-group-item .current-badge{font-size:11px;padding:2px 8px;background:var(--primary);color:#fff;border-radius:10px}.move-group-item.add-new{color:var(--primary);gap:8px;justify-content:flex-start}.move-group-item.add-new:hover{background:var(--primary-light)}@media (max-width:768px){.card-actions{padding:5px 6px}.move-group-btn{padding:3px 6px;font-size:10px;gap:3px}.move-group-btn svg{width:12px;height:12px}.move-group-btn .group-label{max-width:50px}.card-actions .remove-btn{width:24px;height:24px}.card-actions .remove-btn svg{width:12px;height:12px}}.btn-download{display:inline-flex;align-items:center;gap:4px;min-width:auto;flex:0 0 auto;padding:12px 16px}.btn-download svg{flex-shrink:0}.btn-download.active{background-color:var(--primary);border-color:var(--primary);color:#fff}@media (max-width:640px){.btn-download{padding:10px 12px}.btn-download svg{width:14px;height:14px}}.group-selector-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.group-selector-modal.show{display:block}.group-selector-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);animation:fadeIn 0.2s ease}.group-selector-content{position:absolute;bottom:0;left:0;right:0;background:var(--card-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:70vh;display:flex;flex-direction:column;animation:slideUp 0.3s ease}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.group-selector-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.group-selector-header h3{font-size:16px;font-weight:600;color:var(--text);margin:0}.group-selector-close{width:32px;height:32px;border:none;background:var(--bg);border-radius:50%;font-size:20px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.group-selector-close:hover{background:var(--border);color:var(--text)}.group-selector-body{flex:1;overflow-y:auto;padding:12px 0}.group-list{padding:0 16px}.group-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-bottom:8px;background:var(--bg);border-radius:var(--radius);cursor:pointer;transition:all 0.2s;border:2px solid transparent}.group-item:hover{background:var(--primary-light);border-color:var(--primary)}.group-item.current{background:var(--primary-light);border-color:var(--primary)}.group-name{font-size:14px;color:var(--text);font-weight:500}.group-current-badge{font-size:12px;color:var(--primary);background:rgba(0,212,138,0.15);padding:2px 8px;border-radius:10px}.group-add-new{display:flex;gap:10px;padding:16px;border-top:1px solid var(--border);margin-top:8px}.group-add-new input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--bg);color:var(--text);outline:none;transition:border-color 0.2s}.group-add-new input:focus{border-color:var(--primary)}.group-add-new input::placeholder{color:var(--text-muted)}.group-add-new button{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s;white-space:nowrap}.group-add-new button:hover{background:var(--primary-dark)}.btn-group-indicator{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);margin-left:6px}.btn-group-indicator svg{width:12px;height:12px}.bookmark-hint{font-size:11px;color:var(--text-muted);text-align:center;margin-top:8px}@media (min-width:769px){.group-selector-content{position:absolute;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;max-width:90vw;border-radius:var(--radius-lg);animation:zoomIn 0.2s ease}@keyframes zoomIn{from{opacity:0;transform:translate(-50%,-50%) scale(0.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.group-item{padding:12px 14px}}.storage-manager-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100}.storage-manager-modal.show{display:block}.storage-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}.storage-content{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card);border-radius:16px 16px 0 0;max-height:80vh;overflow-y:auto;animation:slideUp 0.3s ease}.storage-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-card)}.storage-header h3{font-size:16px;font-weight:600}.storage-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-muted);background:none;border:none;cursor:pointer}.storage-body{padding:16px}.storage-info{margin-bottom:20px}.storage-usage{margin-bottom:12px}.usage-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:8px}.usage-fill{height:100%;background:var(--primary);border-radius:4px;transition:width 0.3s ease}.usage-text{font-size:13px;color:var(--text-muted);text-align:center}.storage-detail{display:flex;gap:16px}.detail-item{flex:1;display:flex;justify-content:space-between;padding:10px 12px;background:var(--bg);border-radius:8px;font-size:13px}.storage-section{margin-bottom:20px}.storage-section h4{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text)}.storage-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:14px}.clear-options{display:flex;flex-direction:column;gap:10px}.clear-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);cursor:pointer;transition:all 0.2s}.clear-btn:hover{border-color:var(--primary);color:var(--primary)}.clear-btn svg{flex-shrink:0}.share-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100}.share-modal.show{display:block}.share-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}.share-content{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card);border-radius:16px 16px 0 0;animation:slideUp 0.3s ease}.share-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.share-header h3{font-size:16px;font-weight:600}.share-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-muted);background:none;border:none;cursor:pointer}.share-body{padding:20px;text-align:center}.share-qrcode{display:inline-block;padding:10px;background:#fff;border-radius:8px;margin-bottom:10px}.share-qrcode canvas,.share-qrcode img{display:block}.share-hint{font-size:13px;color:var(--text-muted);margin-bottom:16px}.share-url{display:flex;gap:8px;margin-bottom:12px}.share-url input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--bg);color:var(--text)}.share-text{display:flex;gap:8px}.share-text textarea{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--bg);color:var(--text);resize:none;height:60px}.copy-btn{padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap}.copy-btn:hover{opacity:0.9}.report-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100}.report-modal.show{display:block}.report-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}.report-content{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card);border-radius:16px 16px 0 0;animation:slideUp 0.3s ease}.report-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.report-header h3{font-size:16px;font-weight:600}.report-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-muted);background:none;border:none;cursor:pointer}.report-body{padding:20px}.report-comic-title{font-size:15px;font-weight:500;margin-bottom:16px;color:var(--text)}.report-reasons{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.report-reason{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg);border-radius:8px;cursor:pointer;transition:all 0.2s}.report-reason:hover{background:var(--primary-light)}.report-reason input[type="radio"]{width:18px;height:18px;accent-color:var(--primary)}.report-reason span{font-size:14px}.report-detail textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg);color:var(--text);resize:none;height:80px;margin-bottom:16px}.report-detail textarea:focus{outline:none;border-color:var(--primary)}.report-submit-btn{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer}.report-submit-btn:hover{opacity:0.9}@media (min-width:769px){.storage-content,.share-content,.report-content{position:absolute;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;max-width:90vw;border-radius:12px;animation:zoomIn 0.2s ease}}.comic-extra-actions{display:flex;justify-content:center;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.extra-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all 0.2s;border-radius:8px}.extra-btn:hover{color:var(--primary);background:var(--primary-light)}.extra-btn svg{opacity:0.7}.extra-btn:hover svg{opacity:1}.feedback-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100}.feedback-modal.show{display:block}.feedback-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}.feedback-content{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card);border-radius:16px 16px 0 0;animation:slideUp 0.3s ease}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.feedback-header h3{font-size:16px;font-weight:600;margin:0}.feedback-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-muted);background:none;border:none;cursor:pointer}.feedback-body{padding:20px}.feedback-type{display:flex;gap:10px;margin-bottom:16px}.feedback-type-item{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:var(--bg);border-radius:8px;cursor:pointer;transition:all 0.2s}.feedback-type-item:hover{background:var(--primary-light)}.feedback-type-item input[type="radio"]{width:16px;height:16px;accent-color:var(--primary)}.feedback-type-item span{font-size:13px}.feedback-input{position:relative;margin-bottom:12px}.feedback-input textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg);color:var(--text);resize:none;height:120px;box-sizing:border-box}.feedback-input textarea:focus{outline:none;border-color:var(--primary)}.feedback-count{position:absolute;bottom:8px;right:12px;font-size:12px;color:var(--text-muted)}.feedback-contact{margin-bottom:16px}.feedback-contact input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg);color:var(--text);box-sizing:border-box}.feedback-contact input:focus{outline:none;border-color:var(--primary)}.feedback-submit-btn{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer}.feedback-submit-btn:hover{opacity:0.9}.feedback-tip{font-size:12px;color:var(--text-muted);text-align:center;margin-top:12px;margin-bottom:0}@media (min-width:769px){.feedback-content{position:absolute;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;max-width:90vw;border-radius:12px;animation:zoomIn 0.2s ease}}.reading-stats{background:linear-gradient(135deg,rgba(0,212,138,0.1),rgba(0,180,120,0.05));border:1px solid rgba(0,212,138,0.2);border-radius:var(--radius);padding:12px 16px;margin-top:15px}.stats-progress{height:6px;background:rgba(0,0,0,0.1);border-radius:3px;overflow:hidden;margin-bottom:8px}.stats-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#00e68a);border-radius:3px;transition:width 0.5s ease}.stats-text{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-light)}.stats-text strong{color:var(--primary);font-weight:600}.stats-percent{font-weight:600;color:var(--primary)}.comic-cover{cursor:pointer;position:relative}.cover-zoom-hint{position:absolute;top:6px;left:6px;width:28px;height:28px;background:rgba(0,0,0,0.7);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:1;transition:background 0.2s}.comic-cover:hover .cover-zoom-hint{background:var(--primary)}.jump-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;color:var(--text-light);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.jump-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.chapter-jump-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s}.chapter-jump-overlay.show{opacity:1;visibility:visible}.chapter-jump-modal{background:var(--bg-card);border-radius:var(--radius);width:90%;max-width:360px;box-shadow:0 10px 40px rgba(0,0,0,0.2);transform:scale(0.9);transition:transform 0.3s}.chapter-jump-overlay.show .chapter-jump-modal{transform:scale(1)}.chapter-jump-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.chapter-jump-header h3{font-size:16px;font-weight:600;margin:0}.chapter-jump-close{width:28px;height:28px;border:none;background:transparent;font-size:20px;color:var(--text-light);cursor:pointer;border-radius:50%;transition:var(--transition)}.chapter-jump-close:hover{background:var(--bg);color:var(--text)}.chapter-jump-body{padding:20px}.chapter-jump-input-wrap{display:flex;gap:10px;margin-bottom:16px}.chapter-jump-input-wrap input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;outline:none;transition:var(--transition)}.chapter-jump-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.chapter-jump-go{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.chapter-jump-go:hover{background:var(--primary-dark)}.chapter-jump-quick{display:flex;gap:10px}.chapter-jump-quick button{flex:1;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text);cursor:pointer;transition:var(--transition)}.chapter-jump-quick button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.cover-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;visibility:hidden;transition:all 0.3s;cursor:zoom-out}.cover-preview-overlay.show{opacity:1;visibility:visible}.cover-preview-content{position:relative;max-width:90%;max-height:90%}.cover-preview-content img{max-width:100%;max-height:85vh;border-radius:var(--radius);box-shadow:0 10px 50px rgba(0,0,0,0.5)}.cover-preview-close{position:absolute;top:-40px;right:0;width:36px;height:36px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;transition:var(--transition)}.cover-preview-close:hover{background:rgba(255,255,255,0.2)}.image-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:linear-gradient(145deg,#1e1e2e 0,#2d2d44 50%,#1e1e2e 100%);background-size:200% 200%;animation:gradientMove 3s ease infinite;position:relative;overflow:hidden;border-radius:8px;margin:4px 0}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.skeleton-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent 0,rgba(255,255,255,0.03) 20%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.03) 80%,transparent 100% );animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.skeleton-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border-radius:50%;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.skeleton-icon svg{width:32px;height:32px;color:rgba(255,255,255,0.25)}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.6}50%{transform:scale(1.05);opacity:1}}.skeleton-text{font-size:13px;color:rgba(255,255,255,0.4);letter-spacing:1px}.skeleton-dots{display:inline-flex;gap:4px;margin-left:4px}.skeleton-dots span{width:4px;height:4px;background:rgba(255,255,255,0.4);border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite}.skeleton-dots span:nth-child(1){animation-delay:0s}.skeleton-dots span:nth-child(2){animation-delay:0.2s}.skeleton-dots span:nth-child(3){animation-delay:0.4s}@keyframes dotBounce{0%,80%,100%{transform:scale(0.6);opacity:0.4}40%{transform:scale(1);opacity:1}}.lazy-image{opacity:0;transition:opacity 0.3s ease}.lazy-image.loaded{opacity:1}.image-error{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:linear-gradient(135deg,#2a2020 0,#1a1515 100%);color:rgba(255,255,255,0.5);gap:10px}.image-error svg{color:#ff6b6b}.image-error span{font-size:14px}.image-error button{padding:8px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:var(--transition)}.image-error button:hover{background:var(--primary-dark)}.image-load-indicator{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,0,0,0.8);color:#fff;border-radius:20px;font-size:12px;z-index:100}.image-load-indicator svg{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}[data-theme="light"] .image-skeleton,:root:not([data-theme]) .image-skeleton{background:linear-gradient(145deg,#f5f5f8 0,#e8e8f0 50%,#f5f5f8 100%);background-size:200% 200%}[data-theme="light"] .skeleton-shimmer,:root:not([data-theme]) .skeleton-shimmer{background:linear-gradient( 90deg,transparent 0,rgba(255,255,255,0.4) 20%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.4) 80%,transparent 100% )}[data-theme="light"] .skeleton-icon,:root:not([data-theme]) .skeleton-icon{background:rgba(0,0,0,0.05)}[data-theme="light"] .skeleton-icon svg,:root:not([data-theme]) .skeleton-icon svg{color:rgba(0,0,0,0.2)}[data-theme="light"] .skeleton-text,:root:not([data-theme]) .skeleton-text{color:rgba(0,0,0,0.35)}[data-theme="light"] .skeleton-dots span,:root:not([data-theme]) .skeleton-dots span{background:rgba(0,0,0,0.3)}[data-theme="light"] .image-error,:root:not([data-theme]) .image-error{background:linear-gradient(135deg,#fff0f0 0,#ffe5e5 100%);color:rgba(0,0,0,0.5)}.search-result-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}.search-result-count{font-size:14px;color:#888}.search-result-count strong{color:#ff6b6b;font-weight:600}.book-detail{display:none}.book-grid .book-detail,.book-twocol-view .book-detail,.book-threecol-view .book-detail{display:none !important}.book-twocol-view{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important}.book-twocol-view .book-card{width:100% !important}.book-twocol-view .book-cover{aspect-ratio:3/4}.book-twocol-view .book-title{font-size:14px;-webkit-line-clamp:1}.book-twocol-view .book-meta{font-size:12px}.book-twocol-view .book-tags{display:none}.book-threecol-view{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important}.book-threecol-view .book-card{width:100% !important}.book-threecol-view .book-cover{aspect-ratio:3/4}.book-threecol-view .book-title{font-size:13px;-webkit-line-clamp:1}.book-threecol-view .book-meta{font-size:11px}.book-threecol-view .book-tags{display:none}.book-list{display:flex !important;flex-direction:column !important;gap:12px !important}.book-list .book-card{width:100% !important;display:flex !important;flex-direction:row !important;align-items:stretch;gap:16px;padding:16px;background:var(--bg-card,#fff) !important;border-radius:12px !important;box-shadow:0 2px 8px rgba(0,0,0,0.06) !important;transition:all 0.2s;position:relative}.book-list .book-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.12) !important;transform:translateY(-2px)}.book-list .book-card>a{flex-shrink:0;width:130px;display:block}.book-list .book-card>a .book-cover{width:100%;border-radius:8px;overflow:hidden}.book-list .book-card>a .book-cover img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;transition:transform 0.3s}.book-list .book-card>a .book-cover:hover img{transform:scale(1.05)}.book-list .book-card>a .book-info{display:none}.book-list .book-detail{display:flex !important;flex:1;min-width:0;flex-direction:column;justify-content:flex-start;gap:6px}.book-detail .detail-title a{text-decoration:none;color:var(--text,#222);font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;transition:color 0.2s}.book-detail .detail-title a:hover{color:var(--primary,#00d48a)}.list-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted,#888);flex-wrap:wrap}.list-author{color:var(--text-muted,#888)}.list-status{font-size:11px;padding:2px 8px;border-radius:4px}.list-status.ongoing{background:rgba(0,212,138,0.12);color:#00b876}.list-status.completed{background:rgba(255,107,107,0.12);color:#e55a5a}.list-chapters{color:var(--text-light,#aaa)}.list-desc{font-size:13px;color:var(--text-light,#999);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto}.list-read-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--primary,#00d48a),var(--primary-dark,#00b876));color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:500;text-decoration:none;box-shadow:0 2px 8px rgba(0,212,138,0.3);transition:all 0.2s;flex-shrink:0}.list-read-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,212,138,0.4)}.list-read-btn:active{transform:scale(0.96);box-shadow:0 1px 4px rgba(0,212,138,0.2)}.list-read-btn svg{width:14px;height:14px}.list-tags{display:flex;gap:6px;flex-wrap:wrap;flex:1}.list-tag{font-size:11px;padding:3px 8px;background:var(--bg,#f5f5f5);border-radius:4px;color:var(--text-muted,#888)}@media (max-width:768px){.book-list .book-card{padding:14px;gap:14px}.book-list .book-card>a{width:110px}.book-detail .detail-title a{font-size:15px}}@media (max-width:640px){.book-list .book-card{padding:12px;gap:12px}.book-list .book-card>a{width:100px}.book-list .book-card>a .book-cover img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.12)}.book-detail .detail-title a{font-size:15px;font-weight:600;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-list .list-meta{gap:6px 10px;font-size:12px}.book-list .list-desc{font-size:12px;-webkit-line-clamp:3;margin:2px 0}.book-list .list-bottom{padding-top:6px;justify-content:flex-start}.book-list .list-read-btn{padding:7px 14px;font-size:12px}.book-list .list-tags{gap:4px}.book-list .list-tag{padding:2px 6px;font-size:10px}}.search-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 16px;background:var(--bg-card,#fff);border-radius:var(--radius,12px);box-shadow:var(--shadow,0 2px 8px rgba(0,0,0,0.06))}.search-toolbar .search-category-filter{display:flex;flex-wrap:wrap;gap:8px;flex:1;padding:0;margin:0;background:transparent;box-shadow:none;border-radius:0}.search-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.search-sort{position:relative}.search-sort select{appearance:none;-webkit-appearance:none;padding:8px 32px 8px 12px;background:var(--bg,#f5f5f5);border:1px solid var(--border,#e8e8e8);border-radius:8px;color:var(--text,#222);font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:all 0.2s;min-width:100px}.search-sort::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-muted,#888);pointer-events:none}.search-sort select:hover,.search-sort select:focus{border-color:var(--primary,#00d48a);background:var(--bg-card,#fff)}.search-view-toggle{display:flex;gap:2px;padding:4px;background:var(--bg,#f5f5f5);border-radius:8px}.view-toggle-bar{display:flex;justify-content:flex-end;margin-bottom:10px}.view-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;border-radius:6px;color:var(--text-muted,#888);cursor:pointer;transition:all 0.2s}.view-btn:hover{color:var(--text,#222);background:var(--bg-card,#fff)}.view-btn.active{color:#fff;background:var(--primary,#00d48a);box-shadow:0 2px 6px rgba(0,212,138,0.3)}.view-btn svg{width:18px;height:18px}@media (max-width:640px){.search-toolbar{padding:10px 12px;gap:10px}.search-toolbar .search-category-filter{width:100%;flex:none;order:2}.search-actions{width:100%;justify-content:space-between;order:1}.search-sort select{padding:6px 28px 6px 10px;font-size:12px;min-width:90px}.view-btn{width:32px;height:32px}.view-btn svg{width:16px;height:16px}}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-bottom:12px}.list-toolbar-left{display:flex;align-items:center;gap:8px}.result-info{font-size:13px;color:var(--text-muted,#888)}.list-toolbar-right{display:flex;align-items:center;gap:10px}@media (max-width:640px){.list-toolbar{padding:8px 0}.result-info{font-size:12px}}.chapter-item.cached,.chapter-link.cached,[data-chapter-id].cached{position:relative}.cache-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;color:var(--primary);vertical-align:middle;font-size:10px;font-weight:500}.chapter-item.read,.chapter-link.read{color:var(--text-muted)}.read-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;color:var(--text-muted);vertical-align:middle;font-size:10px;font-weight:500}.last-read-badge{display:inline-flex;align-items:center;padding:2px 6px;background:var(--primary);color:#fff;font-size:10px;border-radius:3px;margin-left:6px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.quick-action-btn{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 15px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:13px;cursor:pointer;transition:var(--transition)}.quick-action-btn:hover{border-color:var(--primary);color:var(--primary)}.quick-action-btn svg{flex-shrink:0}.comic-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10001;display:none}.comic-detail-modal.show{display:block}.detail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}.detail-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:80vh;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.detail-header{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid var(--border);background:var(--bg)}.detail-header .back-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:var(--transition)}.detail-header .back-btn:hover{background:var(--primary-light);color:var(--primary)}.detail-header h3{flex:1;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-header .delete-all-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,107,107,0.1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ff6b6b;transition:var(--transition)}.detail-header .delete-all-btn:hover{background:#ff6b6b;color:#fff}.detail-body{flex:1;overflow-y:auto;padding:15px}.comic-summary{display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border)}.summary-cover{width:80px;height:107px;object-fit:cover;border-radius:var(--radius-sm)}.summary-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px}.summary-stat{display:flex;justify-content:space-between;font-size:13px}.summary-stat .stat-label{color:var(--text-muted)}.summary-stat .stat-value{font-weight:500;color:var(--primary)}.goto-comic-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:13px;text-decoration:none;transition:var(--transition);margin-top:5px}.goto-comic-btn:hover{background:var(--primary-dark);color:#fff}.chapter-list-section .chapter-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chapter-list-section .chapter-list-header h4{font-size:15px;font-weight:600;margin:0}.chapter-list-section .chapter-count{font-size:12px;color:var(--text-muted)}.empty-chapters{text-align:center;padding:30px;color:var(--text-muted);font-size:14px}.cached-chapter-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.cached-chapter-item{display:flex;align-items:center;background:var(--bg);border-radius:var(--radius-sm);overflow:hidden}.cached-chapter-item .chapter-link{flex:1;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;color:var(--text);text-decoration:none;transition:var(--transition)}.cached-chapter-item .chapter-link:hover{background:var(--primary-light);color:var(--primary)}.cached-chapter-item .chapter-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cached-chapter-item .chapter-images{font-size:12px;color:var(--text-muted);flex-shrink:0;margin-left:10px}.delete-chapter-btn{width:32px;height:32px;border:none;background:transparent;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.delete-chapter-btn:hover{background:rgba(255,107,107,0.1);color:#ff6b6b}@media (max-width:640px){.overview-stats{gap:10px}.stat-item .stat-value{font-size:20px}.quick-actions{flex-direction:column}.quick-action-btn{min-width:auto}}.batch-select-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.batch-select-modal.show{display:block}.batch-select-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6)}.batch-select-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:80vh;background:var(--bg-card);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.batch-select-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border)}.batch-select-header h3{margin:0;font-size:18px;color:var(--text)}.batch-select-close{width:32px;height:32px;border:none;background:none;font-size:24px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s}.batch-select-close:hover{background:var(--bg);color:var(--text)}.batch-select-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;background:var(--bg);border-bottom:1px solid var(--border);align-items:center}.batch-btn{padding:6px 12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:6px;font-size:13px;cursor:pointer;transition:all 0.2s}.batch-btn:hover{border-color:var(--primary);color:var(--primary)}.batch-btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.batch-btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.batch-btn-secondary{background:var(--bg)}.batch-selected-count{margin-left:auto;font-size:13px;color:var(--text-muted)}.batch-selected-count span{color:var(--primary);font-weight:600}.batch-select-body{flex:1;overflow-y:auto;padding:15px 20px}.batch-chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.batch-chapter-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg);border-radius:6px;cursor:pointer;transition:all 0.2s;border:1px solid transparent}.batch-chapter-item:hover{border-color:var(--primary-light);background:var(--primary-light)}.batch-chapter-item input[type="checkbox"]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.batch-chapter-item input[type="checkbox"]:checked+.batch-chapter-title{color:var(--primary)}.batch-chapter-title{flex:1;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-select-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid var(--border)}.queue-manager-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.queue-manager-modal.show{display:block}.queue-manager-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6)}.queue-manager-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:70vh;background:var(--bg-card);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.queue-manager-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border)}.queue-manager-header h3{margin:0;font-size:18px;color:var(--text)}.queue-manager-close{width:32px;height:32px;border:none;background:none;font-size:24px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s}.queue-manager-close:hover{background:var(--bg);color:var(--text)}.queue-manager-body{flex:1;overflow-y:auto;padding:15px 20px}.queue-current{background:var(--primary-light);border:1px solid var(--primary);border-radius:8px;padding:12px 15px;margin-bottom:15px}.queue-current-label{font-size:12px;color:var(--primary);margin-bottom:4px}.queue-current-title{font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px}.queue-current-progress{font-size:13px;color:var(--text-muted)}.queue-list{display:flex;flex-direction:column;gap:8px}.queue-empty{text-align:center;padding:30px;color:var(--text-muted);font-size:14px}.queue-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border-radius:8px}.queue-item-index{width:24px;height:24px;background:var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted)}.queue-item-title{flex:1;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-count{font-size:12px;color:var(--text-muted)}.queue-item-remove{width:28px;height:28px;border:none;background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s}.queue-item-remove:hover{background:#ff6b6b20;color:#ff6b6b}.queue-manager-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid var(--border)}.queue-btn{padding:8px 16px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:6px;font-size:14px;cursor:pointer;transition:all 0.2s}.queue-btn:hover{border-color:var(--primary);color:var(--primary)}.queue-btn-danger{border-color:#ff6b6b;color:#ff6b6b}.queue-btn-danger:hover{background:#ff6b6b;color:#fff}.cache-stats-container{padding:10px 0}.cache-stats-loading,.cache-stats-error{text-align:center;padding:40px 20px;color:var(--text-muted)}.cache-stats-error{color:#e74c3c}.cache-stats-summary{background:var(--primary-light);border-radius:var(--radius-sm);padding:12px 15px;margin-bottom:15px}.cache-stats-total{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cache-stats-label{color:var(--text-muted);font-size:14px}.cache-stats-value{font-size:18px;font-weight:600;color:var(--primary)}.cache-stats-size{font-size:13px;color:var(--text-muted)}.cache-stats-list{margin-bottom:15px}.cache-stats-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.cache-stats-item:last-child{border-bottom:none}.cache-stats-name{flex:1;font-size:14px;color:var(--text)}.cache-stats-count{font-size:13px;color:var(--text-muted);margin-right:15px}.cache-stats-item .cache-stats-size{font-size:13px;color:var(--text-muted);min-width:70px;text-align:right}.cache-stats-actions{display:flex;gap:10px;margin-top:15px}.cache-clear-btn{flex:1;padding:10px 15px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:14px;cursor:pointer;transition:all 0.2s ease}.cache-clear-btn:hover{border-color:var(--primary);color:var(--primary)}.cache-clear-btn.cache-clear-all{background:#fff3f3;border-color:#ffcccc;color:#e74c3c}.cache-clear-btn.cache-clear-all:hover{background:#ffe5e5;border-color:#e74c3c}.cache-stats-note{margin-top:12px;font-size:12px;color:var(--text-light);text-align:center}@media (max-width:640px){.cache-stats-actions{flex-direction:column}.cache-stats-item{flex-wrap:wrap}.cache-stats-name{width:100%;margin-bottom:4px}.cache-stats-count{margin-right:auto}}.retryable-toast{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);z-index:10001;transition:bottom 0.3s ease}.retryable-toast.show{bottom:100px}.retryable-toast-content{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:12px;box-shadow:0 4px 20px rgba(255,107,107,0.4);color:#fff;font-size:14px}.retryable-toast-message{flex:1;max-width:280px}.retryable-toast-btn{padding:8px 16px;background:#fff;color:#ff6b6b;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.retryable-toast-btn:hover{background:#f0f0f0;transform:scale(1.05)}.retryable-toast-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;transition:background 0.2s ease}.retryable-toast-close:hover{background:rgba(255,255,255,0.3)}@media (max-width:480px){.retryable-toast.show{bottom:80px}.retryable-toast-content{flex-wrap:wrap;justify-content:center;padding:12px 14px;gap:8px}.retryable-toast-message{width:100%;text-align:center;font-size:13px}}