@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap";:root{--bg-parchment:#faf7f2;--bg-card:#fdfdfb;--bg-accent-soft:#f5efeb;--primary-green:#0a5c36;--primary-hover:#074528;--primary-light:#0a5c3614;--accent-cinnabar:#a8382a;--accent-cinnabar-light:#a8382a14;--accent-amber:#d97706;--accent-amber-light:#d9770614;--text-main:#2c251f;--text-muted:#7e7367;--text-on-primary:#fff;--border-ink:#2c251f1f;--border-double-cinnabar:3px double #a8382a;--shadow-flat:0 2px 8px #2c251f0a;--shadow-brush:0 8px 24px #2c251f14, 0 2px 6px #2c251f0a;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:"Noto Serif SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", serif;--border-radius-lg:12px;--border-radius-md:8px;--border-radius-sm:4px;--safe-bottom:0px;--transition-traditional:all .28s cubic-bezier(.25, .8, .25, 1)}[data-theme=dark]{--bg-parchment:#121214;--bg-card:#1a1a1d;--bg-accent-soft:#242429;--primary-green:#34c759;--primary-hover:#30d158;--primary-light:#34c7591f;--accent-cinnabar:#e63946;--accent-cinnabar-light:#e639461f;--accent-amber:#ff9f0a;--accent-amber-light:#ff9f0a1f;--text-main:#ece6dc;--text-muted:#9e958a;--border-ink:#ece6dc1f;--border-double-cinnabar:3px double #e63946;--shadow-flat:0 4px 12px #0000004d;--shadow-brush:0 12px 36px #00000073}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-parchment);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);opacity:.3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-main)}.app-container{background-color:var(--bg-parchment);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.mobile-nav-header{z-index:100;background-color:var(--bg-parchment);flex-direction:column;justify-content:flex-end;height:84px;padding:0;display:flex;position:relative}.mobile-header-content{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;left:16px;right:16px}.mobile-header-content h1{font-family:var(--font-serif);color:var(--primary-green);letter-spacing:.05em;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.mobile-header-skyline{z-index:1;width:100%;height:54px;position:absolute;bottom:0;left:0;right:0}.mobile-header-skyline .skyline-header-container{margin-bottom:0!important}.main-content{padding:16px 16px calc(110px + var(--safe-bottom)) 16px;-webkit-overflow-scrolling:touch;flex:1;width:100%;overflow-y:auto}.ios-large-header{border-bottom:1px solid var(--border-ink);justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding-bottom:12px;display:flex}.ios-large-header-left h2{font-family:var(--font-serif);color:var(--text-main);letter-spacing:.02em;font-size:26px;font-weight:700}.ios-large-header-left p{color:var(--text-muted);margin-top:4px;font-size:12px;font-style:italic}.icon-btn-round{border:1px solid var(--border-ink);background-color:var(--bg-card);width:38px;height:38px;color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-flat);transition:var(--transition-traditional);border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn-round:hover{background-color:var(--bg-accent-soft);transform:translateY(-2px)}.icon-btn-round.active{background-color:var(--primary-light);color:var(--primary-green);border-color:var(--primary-green)}.desktop-header-actions{display:none}.ios-context-menu{background-color:var(--bg-card);border:1px solid var(--border-ink);box-shadow:var(--shadow-brush);z-index:1010;border-radius:8px;flex-direction:column;gap:2px;min-width:220px;padding:6px;animation:.22s cubic-bezier(.25,.8,.25,1) popoverReveal;display:flex;position:absolute;top:48px;right:0}@keyframes popoverReveal{0%{opacity:0;transform:scale(.96)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.context-menu-section-title{font-family:var(--font-serif);color:var(--text-muted);letter-spacing:.05em;padding:4px 10px;font-size:11px;font-weight:600}.context-menu-divider{background-color:var(--border-ink);height:1px;margin:4px 0}.context-menu-item{border-radius:var(--border-radius-sm);width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13.5px;transition:background-color .15s;display:flex}.context-menu-item:hover{background-color:var(--bg-accent-soft)}.context-menu-item.selected{color:var(--primary-green);font-weight:700}.book-shelf{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin-bottom:24px;padding-bottom:8px;display:grid}@media (width<=767px){.book-shelf{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:12px;padding-left:4px;padding-right:4px;display:flex;overflow-x:auto}}.thread-bound-book{cursor:pointer;height:140px;transition:var(--transition-traditional);background:#2b4c7e;border:1px solid #00000040;border-left:4px solid #1c3254;border-radius:2px 6px 6px 2px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px;display:flex;position:relative;box-shadow:0 4px 10px #00000026}[data-theme=dark] .thread-bound-book{background:#1c2738;border-left-color:#0d141e}@media (width<=767px){.thread-bound-book{scroll-snap-align:start;width:95px;height:130px}}.thread-bound-book:before{content:"";background:#ffffff26;border-right:1px dashed #ffffff40;width:1px;position:absolute;top:0;bottom:0;left:6px}.book-cover-label{background-color:#faf7f2;border:1px solid #2c251f40;flex-direction:column;justify-content:flex-start;align-items:center;width:32px;min-height:80px;margin-top:2px;margin-left:auto;padding:6px 2px;display:flex;box-shadow:0 2px 5px #0000001a}.book-vol-num{font-family:var(--font-serif);color:var(--accent-cinnabar);text-align:center;border-bottom:1px solid #a8382a40;width:100%;margin-bottom:4px;padding-bottom:2px;font-size:8px;font-weight:700}.book-vol-title{font-family:var(--font-serif);color:#2c251f;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:2px;white-space:nowrap;font-size:11.5px;font-weight:700}.book-count-tag{color:#ffffffd9;font-size:10px;font-family:var(--font-serif);background:#0003;border-radius:8px;padding:2px 6px}.thread-bound-book:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 8px 18px #00000040}.thread-bound-book.selected{border:1.5px solid var(--accent-cinnabar);transform:translateY(-8px)scale(1.05);box-shadow:0 10px 22px #a8382a40}.subcategory-shelf{flex-direction:column;gap:16px;display:flex}.subcategory-item-cell{background-color:var(--bg-card);border:1px solid var(--border-ink);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-flat);transition:var(--transition-traditional);overflow:visible}.subcategory-header-row{z-index:10;background:var(--bg-accent-soft);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border-ink);border-top-left-radius:calc(var(--border-radius-lg) - 1px);border-top-right-radius:calc(var(--border-radius-lg) - 1px);justify-content:space-between;align-items:center;width:100%;padding:14px 18px;transition:background .2s,box-shadow .2s;display:flex;position:sticky;top:-16px}@media (width>=768px){.subcategory-header-row{top:-32px}}.subcategory-header-row:hover{background-color:var(--bg-accent-soft);box-shadow:inset 0 0 0 100px var(--border-ink)}.subcategory-title-info{font-family:var(--font-serif);color:var(--text-main);align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.subcategory-count{color:var(--accent-cinnabar);background:var(--accent-cinnabar-light);border:1px solid var(--accent-cinnabar);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600}.trigger-chevron{color:var(--text-muted);align-items:center;transition:transform .25s cubic-bezier(.25,.8,.25,1);display:flex}.trigger-chevron.rotated-90{color:var(--accent-cinnabar);transform:rotate(90deg)}.phrases-list-container{background-color:var(--bg-parchment);grid-template-columns:1fr;gap:12px;padding:12px;display:none}.phrases-list-container.expanded{display:grid}@media (width>=992px){.phrases-list-container.expanded{grid-template-columns:repeat(2,1fr)}}.phrase-row-card{background-color:var(--bg-card);border:3px double var(--accent-cinnabar);box-shadow:var(--shadow-flat);transition:var(--transition-traditional);background-image:linear-gradient(#a8382a0d 1px,#0000 1px);background-position:0 10px;background-size:100% 28px;border-radius:4px;flex-direction:column;padding:16px;display:flex;position:relative}.phrase-row-card:hover{box-shadow:var(--shadow-brush);transform:translateY(-2px)}.phrase-row-card.active-playing{border-color:var(--primary-green);box-shadow:0 0 12px #0a5c3626}.phrase-row-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.phrase-row-main-texts{cursor:pointer;flex:1}.phrase-row-fuzhou{font-family:var(--font-serif);line-height:1.4;display:block}.phrase-row-actions{z-index:2;align-items:center;gap:8px;display:flex}.action-btn-circle{width:32px;height:32px;color:var(--primary-green);cursor:pointer;transition:var(--transition-traditional);background:radial-gradient(circle,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #c9dfd3;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #0a5c3614}[data-theme=dark] .action-btn-circle{background:radial-gradient(circle,#1a3022 0%,#0d1e14 100%);border-color:#274733}.action-btn-circle:hover{border-color:var(--primary-green);transform:scale(1.08)rotate(10deg)}.action-btn-circle.favorite{color:var(--accent-cinnabar);background:radial-gradient(circle,#fff5f5 0%,#fee2e2 100%);border-color:#fde8e8}[data-theme=dark] .action-btn-circle.favorite{background:radial-gradient(circle,#3a1a1a 0%,#251010 100%);border-color:#4a2727}.action-btn-circle.favorite.active{background:var(--accent-cinnabar);color:#fff;border-color:var(--accent-cinnabar)}.action-btn-circle.active{background:var(--primary-green);color:#fff}.phrase-row-collapsible-area{border-top:1px dashed var(--border-ink);z-index:2;flex-direction:column;gap:10px;margin-top:14px;padding-top:12px;display:flex}.translation-cell-row{align-items:center;gap:10px;font-size:13.5px;display:flex}.translation-tag{font-family:var(--font-serif);border-radius:var(--border-radius-sm);flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:700}.tag-fz{background:var(--primary-light);color:var(--primary-green);border:1px solid var(--primary-green)}.tag-zh{background:var(--accent-cinnabar-light);color:var(--accent-cinnabar);border:1px solid var(--accent-cinnabar)}.tag-en,.tag-ja,.tag-ko{background:var(--bg-accent-soft);color:var(--text-muted);border:1px solid var(--border-ink)}.translation-text{color:var(--text-main);flex:1;line-height:1.4}.inline-play-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.inline-play-btn:hover{color:var(--primary-green)}.inline-play-btn.playing{color:var(--accent-cinnabar)}.cinnabar-stamp{border:2px solid var(--accent-cinnabar);width:32px;height:32px;color:var(--accent-cinnabar);font-family:var(--font-serif);opacity:.8;pointer-events:none;text-shadow:0 0 1px #a8382a33;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex;position:absolute;top:-8px;right:12px;transform:rotate(-15deg);box-shadow:inset 0 0 4px #a8382a1a}.cinnabar-stamp:before{content:"";border:.5px dashed #a8382a66;position:absolute;inset:-1.5px}.search-tab-layout{flex-direction:column;gap:20px;display:flex}.ios-search-container{align-items:center;gap:8px;width:100%;margin-bottom:8px;display:flex}.ios-search-wrapper{flex:1;position:relative}.ios-search-input{background-color:var(--bg-card);border:1.5px solid var(--border-ink);width:100%;color:var(--text-main);transition:var(--transition-traditional);border-radius:20px;padding:10px 14px 10px 38px;font-size:14.5px}.ios-search-input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px var(--primary-light);outline:none}.ios-search-icon{color:var(--text-muted);align-items:center;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ios-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ios-search-cancel-btn{color:var(--accent-cinnabar);font-family:var(--font-serif);cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:700;display:none}.ios-search-cancel-btn.visible{display:block}.search-explore-sidebar{display:none}.explore-panel-mobile-wrapper{display:block}.explore-panel{flex-direction:column;gap:16px;display:flex}.explore-panel-card{background-color:var(--bg-card);border:1px solid var(--border-ink);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-flat);padding:16px}.explore-section-title{font-family:var(--font-serif);color:var(--text-main);margin-bottom:12px;font-size:14px;font-weight:700}.explore-chips-container{flex-wrap:wrap;gap:8px;display:flex}.explore-chip{background:var(--bg-accent-soft);border:1px solid var(--border-ink);font-size:12.5px;font-family:var(--font-serif);color:var(--text-main);cursor:pointer;transition:var(--transition-traditional);border-radius:16px;padding:6px 14px}.explore-chip:hover{background:var(--primary-light);border-color:var(--primary-green);color:var(--primary-green);transform:scale(1.03)}.explore-history-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.explore-history-clear{color:var(--accent-cinnabar);cursor:pointer;background:0 0;border:none;font-size:12px}.explore-empty-text{color:var(--text-muted);font-size:12px;font-style:italic}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:48px 16px;display:flex}.empty-state-icon-container{color:var(--text-muted);opacity:.65;margin-bottom:16px}.empty-state h3{font-family:var(--font-serif);margin-bottom:8px;font-size:18px;font-weight:700}.empty-state p{color:var(--text-muted);max-width:280px;font-size:13px}.settings-view{flex-direction:column;gap:16px;display:flex}.settings-grid{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=768px){.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}}.settings-column{flex-direction:column;gap:16px;display:flex}.settings-section-card{background-color:var(--bg-card);border:1px solid var(--border-ink);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-flat);padding:22px;position:relative}.settings-section-card:before{content:"";pointer-events:none;border-radius:calc(var(--border-radius-lg) - 2px);border:1px dashed #a8382a38;position:absolute;inset:4px}.settings-section-card h3{font-family:var(--font-serif);color:var(--text-main);border-left:3px solid var(--accent-cinnabar);letter-spacing:.02em;margin-top:0;margin-bottom:18px;padding-left:10px;font-size:15px;font-weight:700}.settings-sub-label{color:var(--text-muted);font-size:13px;font-weight:600}.settings-divider-dashed{border-top:1px dashed var(--border-ink);opacity:.6;width:100%;height:1px;margin:16px 0}.settings-lang-grid{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.settings-select-btn{background-color:var(--bg-parchment);border:1.5px solid var(--border-ink);font-family:var(--font-serif);color:var(--text-main);cursor:pointer;transition:var(--transition-traditional);border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:13px;display:flex;position:relative;overflow:hidden}.settings-select-btn .btn-stamp{color:var(--accent-cinnabar);border:1px solid var(--accent-cinnabar);background-color:#a8382a1a;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:700;display:none;transform:scale(.85)}.settings-select-btn:hover{background-color:var(--bg-accent-soft);transform:translateY(-1px)}.settings-select-btn.active{box-shadow:var(--shadow-brush);font-weight:700;background-color:var(--primary-green)!important;color:#faf7f2!important;border-color:var(--primary-green)!important}.settings-select-btn.active .btn-stamp{color:var(--accent-cinnabar);background-color:#faf7f2;border-color:#faf7f2;display:inline-block}.settings-checkbox-list{flex-direction:column;gap:12px;width:100%;display:flex}.settings-checkbox-row{color:var(--text-main);cursor:pointer;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.settings-checkbox-row input[type=checkbox]{appearance:none;border:1.5px solid var(--border-ink);background-color:var(--bg-parchment);cursor:pointer;border-radius:6px;outline:none;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex;position:relative}.settings-checkbox-row input[type=checkbox]:hover{border-color:var(--primary-green);background-color:var(--bg-accent-soft)}.settings-checkbox-row input[type=checkbox]:checked{background-color:var(--primary-green);border-color:var(--primary-green)}.settings-checkbox-row input[type=checkbox]:checked:after{content:"福";font-family:var(--font-serif);color:#faf7f2;font-size:11px;font-weight:700}.settings-row-option{justify-content:space-between;align-items:center;width:100%;font-size:14px;display:flex}.theme-toggle-seal{background-color:var(--bg-parchment);border:1.5px solid var(--border-ink);cursor:pointer;width:86px;height:34px;font-family:var(--font-serif);color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:17px;justify-content:space-between;align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:flex;position:relative;box-shadow:inset 0 2px 5px #0000000d}.theme-toggle-seal .seal-knob{background-color:var(--accent-cinnabar);border:1px solid var(--border-ink);color:#faf7f2;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:transform .3s cubic-bezier(.25,.8,.25,1),background-color .3s;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #00000026}.theme-toggle-seal .seal-knob.right{background-color:var(--text-main);color:var(--bg-card);transform:translate(50px)}.theme-toggle-seal .seal-text-left{color:var(--accent-cinnabar)}.theme-toggle-seal .seal-text-right{color:var(--text-main)}.cache-progress-container{background-color:var(--bg-parchment);border:1px solid var(--border-ink);border-radius:9px;width:100%;height:18px;padding:2px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.cache-progress-bar{background:linear-gradient(90deg, var(--primary-green) 0%, #b59975 100%);border-radius:7px;height:100%;transition:width .4s cubic-bezier(.25,.8,.25,1)}.settings-action-btn{font-family:var(--font-serif);border:1.5px solid var(--border-ink);cursor:pointer;transition:var(--transition-traditional);box-shadow:var(--shadow-flat);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.settings-action-btn.download-btn{background-color:var(--primary-light);color:var(--primary-green);border-color:var(--primary-green)}.settings-action-btn.download-btn:hover:not(:disabled){background-color:var(--primary-green);color:#faf7f2}.settings-action-btn.download-btn:disabled{background-color:var(--bg-parchment);color:var(--text-muted);border-color:var(--border-ink);opacity:.5;cursor:not-allowed;box-shadow:none}.settings-action-btn.pause-btn{color:var(--accent-amber);border-color:var(--accent-amber);background-color:#d977061a}.settings-action-btn.pause-btn:hover{background-color:var(--accent-amber);color:#faf7f2}.settings-action-btn.clear-btn{color:var(--accent-cinnabar);border-color:var(--accent-cinnabar);background-color:#a8382a0f;flex:none}.settings-action-btn.clear-btn:hover{background-color:var(--accent-cinnabar);color:#faf7f2}.settings-team-cardpress{background-color:var(--bg-parchment);border:1.5px solid var(--border-ink);cursor:pointer;transition:var(--transition-traditional);box-shadow:var(--shadow-flat);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.settings-team-cardpress:hover{background-color:var(--primary-light);border-color:var(--primary-green);transform:translateY(-1px)}.settings-team-cardpress .team-seal-icon{background-color:var(--accent-cinnabar);color:#faf7f2;width:24px;height:24px;font-family:var(--font-serif);border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.settings-team-cardpress .team-title-text{font-family:var(--font-serif);color:var(--text-main);font-size:14px;font-weight:700}.audio-mini-player{z-index:900;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1512f2;border:1px solid #a8382a66;border-radius:12px;justify-content:space-between;align-items:center;height:58px;padding:8px 12px;display:flex;position:fixed;bottom:64px;left:12px;right:12px;box-shadow:0 10px 25px #0000004d}.mini-player-close-btn{background-color:var(--accent-cinnabar);color:#fff;border:1.5px solid var(--border-ink);cursor:pointer;z-index:910;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0006}.mini-player-close-btn:hover{background-color:#c83023;transform:scale(1.1)}.mini-player-close-btn svg{width:12px;height:12px}.mini-player-left{flex:1;align-items:center;gap:10px;display:flex;overflow:hidden}.mini-player-album-art{color:#d97706;width:42px;height:42px;font-family:var(--font-serif);background:radial-gradient(circle,#d03a2b 0%,#1a0806 80%,#000 100%);border:1px solid #d97706;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex;box-shadow:0 2px 6px #0006}.mini-player-text-details{flex-direction:column;display:flex;overflow:hidden}.mini-player-label{color:var(--accent-amber);text-transform:uppercase;font-size:10px}.mini-player-title{font-family:var(--font-serif);color:#faf7f2;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.mini-player-subtitle{color:#9e958a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mini-player-controls-right{align-items:center;gap:12px;display:flex}.mini-player-btn{color:#faf7f2;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.mini-player-btn:hover{color:var(--accent-amber)}.expanded-player-sheet{background-color:var(--bg-parchment);z-index:1200;flex-direction:column;width:100vw;height:100vh;transition:transform .4s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:0;left:0;transform:translateY(100%)}.expanded-player-sheet.open{transform:translateY(0)}.player-sheet-header{border-bottom:1.5px solid var(--border-ink);background-color:var(--bg-card);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.player-pull-bar{background-color:var(--text-muted);opacity:.3;cursor:pointer;border-radius:2px;width:40px;height:4px}.player-close-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none}.expanded-player-body{-webkit-overflow-scrolling:touch;flex:1;padding:24px 20px;overflow-y:auto}.player-flex-container{flex-direction:column;align-items:center;gap:24px;display:flex}.player-left-deck{flex-direction:column;align-items:center;width:100%;display:flex}.lyrics-album-art{color:#faf7f2;width:180px;height:180px;font-family:var(--font-serif);text-shadow:0 2px 10px #0006;background:radial-gradient(circle,#e63946 0%,#9e1a1a 20%,#400606 50%,#150202 85%,#000 100%);border:6px solid #d97706;border-radius:50%;justify-content:center;align-items:center;font-size:54px;font-weight:900;display:flex;position:relative;box-shadow:0 12px 30px #00000059}.lyrics-album-art:before{content:"✿";color:#d9770666;font-size:20px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.lyrics-album-art:after{content:"✿";color:#d9770666;font-size:20px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.player-text-metadata{text-align:center}.player-title-fuzhou{font-family:var(--font-serif);color:var(--text-main);margin-bottom:6px;font-size:22px;font-weight:700}.player-subtitle-mandarin{color:var(--text-muted);font-size:15px}.player-scrubber-wrapper{width:100%;max-width:320px;margin-top:10px}.scrubber-slider{width:100%;height:4px;accent-color:var(--accent-cinnabar);background:var(--bg-accent-soft);border-radius:2px;outline:none}.scrubber-time-row{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.player-media-controls{justify-content:center;align-items:center;gap:32px;margin-top:8px;display:flex}.media-control-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.media-control-btn.secondary{color:var(--text-muted)}.media-control-btn.main-play{background-color:var(--accent-cinnabar);color:#fff;border-radius:50%;width:58px;height:58px;box-shadow:0 4px 12px #a8382a33}.media-control-btn.main-play:hover{transform:scale(1.05)}.player-right-lyrics{flex-direction:column;gap:12px;width:100%;max-width:360px;margin-top:12px;display:flex}.lyrics-scroller{border:1px solid var(--border-ink);border-radius:var(--border-radius-md);background-color:var(--bg-card);flex-direction:column;gap:8px;max-height:180px;padding:8px;display:flex;overflow-y:auto}.lyrics-line-btn{text-align:left;border-radius:var(--border-radius-sm);cursor:pointer;width:100%;transition:var(--transition-traditional);background:0 0;border:none;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.lyrics-line-btn:hover{background-color:var(--bg-accent-soft)}.lyrics-line-btn.active-playing{background-color:var(--accent-cinnabar-light);border-left:3px solid var(--accent-cinnabar)}.lyrics-line-lang{font-size:10px;font-family:var(--font-serif);color:var(--accent-cinnabar);font-weight:700}.lyrics-line-text{color:var(--text-main);font-size:13.5px}.player-deck-footer-actions{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:16px;display:flex}.deck-footer-btn{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:4px;display:flex}.deck-footer-btn.active{color:var(--accent-cinnabar);font-weight:700}.premium-capsule-btn{background-color:var(--bg-card);border:1px solid var(--border-ink);color:var(--text-main);font-size:11px;font-family:var(--font-serif);cursor:pointer;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d}.premium-capsule-btn:hover:not(:disabled){border-color:var(--accent-cinnabar);background-color:#a8382a0d}.premium-capsule-btn.active{background-color:var(--accent-cinnabar);border-color:var(--border-ink);font-weight:700;box-shadow:0 2px 6px #a8382a40;color:#fff!important}.premium-capsule-btn.active svg{stroke:#fff;color:#fff}.premium-capsule-btn:disabled{opacity:.35;cursor:not-allowed;color:var(--text-muted);background-color:#00000005;border-color:#0000000d}.speed-selector-btn select{color:inherit;font-family:inherit;font-weight:700}.mobile-tab-bar{background-color:var(--bg-card);border-top:1.5px solid var(--border-ink);z-index:990;height:64px;padding-bottom:var(--safe-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-btn{color:var(--text-muted);cursor:pointer;width:25%;height:100%;transition:var(--transition-traditional);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.tab-btn span{font-family:var(--font-serif);font-size:10px;font-weight:600}.tab-btn.active{color:var(--accent-cinnabar)}.tab-btn svg{transition:transform .2s}.tab-btn:active svg{transform:scale(.9)}.developer-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#1a151266;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.developer-modal-card{background-color:var(--bg-card);border:3px double var(--accent-cinnabar);width:100%;max-width:460px;max-height:80vh;box-shadow:var(--shadow-brush);border-radius:4px;flex-direction:column;animation:.25s cubic-bezier(.25,.8,.25,1) popoverReveal;display:flex}.developer-modal-header{border-bottom:1px solid var(--border-ink);background-color:var(--bg-accent-soft);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.developer-modal-header h3{font-family:var(--font-serif);color:var(--text-main);font-size:16px;font-weight:700}.developer-modal-close{color:var(--text-main);cursor:pointer;background:0 0;border:none}.developer-modal-body{flex:1;padding:18px;overflow-y:auto}.developer-profile-header{border-bottom:1px dashed var(--border-ink);gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.developer-photo{object-fit:cover;border:1px solid var(--border-ink);width:72px;height:96px;box-shadow:var(--shadow-flat)}.developer-name-title h4{font-family:var(--font-serif);color:var(--accent-cinnabar);font-size:18px;font-weight:700}.developer-name-title p{color:var(--text-muted);margin-top:2px;font-size:12px}.developer-subtitle{font-weight:600;color:var(--text-main)!important}.profile-section{margin-bottom:16px}.profile-section h5{font-family:var(--font-serif);color:var(--primary-green);margin-bottom:6px;font-size:13.5px;font-weight:700}.profile-section ul{color:var(--text-main);padding-left:16px;font-size:12.5px;line-height:1.5}.profile-section li{margin-bottom:2px}.toast-notification{background-color:var(--accent-cinnabar);color:#fff;font-family:var(--font-serif);box-shadow:var(--shadow-brush);z-index:2500;border-radius:4px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;animation:.28s cubic-bezier(.175,.885,.32,1.275) toastReveal;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}@keyframes toastReveal{0%{opacity:0;bottom:64px}to{opacity:1;bottom:84px}}.toast-message{white-space:nowrap}.press-scale{transition:transform .15s cubic-bezier(.25,1,.5,1)}.press-scale:active{transform:scale(.96)}.animate-fade{animation:.35s cubic-bezier(.25,.8,.25,1) pageSlideUp}@keyframes pageSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rotating{animation:15s linear infinite rotateLacquer}@keyframes rotateLacquer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.paused{animation-play-state:paused}@media (width>=768px){body{overflow:hidden}.app-container{flex-direction:row}.mobile-nav-header{display:none!important}.desktop-header-actions{display:flex!important}.mobile-tab-bar{background-color:var(--bg-card);border-top:none;border-right:1.5px solid var(--border-ink);flex-direction:column;order:-1;justify-content:flex-start;align-items:stretch;gap:8px;width:240px;height:100vh;padding:32px 14px;position:relative;box-shadow:2px 0 8px #00000005}.mobile-tab-bar:before{display:none}.sidebar-brand-title{font-family:var(--font-serif);color:var(--primary-green);border-bottom:2px solid var(--accent-cinnabar);letter-spacing:.1em;text-align:center;margin-bottom:20px;padding-bottom:12px;font-size:22px;font-weight:900;display:block}.tab-btn{width:100%;height:48px;color:var(--text-muted);border-radius:6px;flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:14px;padding:0 16px}.tab-btn span{margin-top:0;font-size:14px}.tab-btn svg{width:18px;height:18px}.tab-btn:hover{background-color:var(--bg-accent-soft);color:var(--text-main);padding-left:20px}.tab-btn.active{background-color:var(--primary-light);color:var(--primary-green);border:1px solid var(--primary-green)}.main-content{height:100vh;padding:32px}.search-tab-layout{flex-direction:row;align-items:flex-start}.search-main-content{flex:1}.search-explore-sidebar{flex-shrink:0;width:300px;display:block;position:sticky;top:0}.explore-panel-mobile-wrapper{display:none}.expanded-player-sheet{border-left:1.5px solid var(--border-ink);width:380px;left:auto;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0000001a}.expanded-player-sheet.open{transform:translate(0)}.audio-mini-player{width:340px;bottom:24px;left:auto;right:32px}.toast-notification{animation:.28s cubic-bezier(.175,.885,.32,1.275) toastRevealDesktop;bottom:40px}@keyframes toastRevealDesktop{0%{opacity:0;bottom:20px}to{opacity:1;bottom:40px}}}@media (width>=1200px){.book-shelf{gap:20px}.thread-bound-book{height:160px;padding:14px}.book-cover-label{width:36px;min-height:100px}.book-vol-title{font-size:13px}.subcategory-shelf{grid-template-columns:1fr;gap:20px;display:grid}}@media (width<=767px){.main-content .skyline-header-container{display:none!important}.settings-lang-grid{gap:4px}.settings-select-btn{gap:2px;padding:8px 2px;font-size:11.5px}}.search-empty-state-text-block{display:none!important}@media (width>=769px){.search-empty-state-text-block{display:flex!important}}.settings-disclaimer-card{background-color:var(--bg-card);border:1.5px dashed var(--accent-cinnabar);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-flat);flex-direction:column;gap:8px;margin-top:12px;padding:16px;display:flex}.settings-disclaimer-card h4{font-family:var(--font-serif);color:var(--accent-cinnabar);align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;display:flex}.settings-disclaimer-card p{color:var(--text-muted);text-align:justify;margin:0;font-size:12px;line-height:1.6}@media (width<=767px){.sidebar-brand-title{display:none}}.book-vol-title.en-title{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.5px;margin-top:4px;font-size:10px}.icon-btn-round{width:auto!important;min-width:48px!important;height:32px!important;font-size:12px!important;font-weight:700!important;font-family:var(--font-serif)!important;border-radius:16px!important;padding:0 12px!important}.back-to-top-btn{right:20px;bottom:calc(80px + var(--safe-bottom));background-color:var(--bg-card);border:1.5px solid var(--accent-cinnabar);cursor:pointer;z-index:99;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;transform:scale(.8)translateY(10px);box-shadow:0 4px 14px #a8382a26}.back-to-top-btn.visible{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.back-to-top-btn:hover{background-color:var(--primary-light);transform:scale(1.05)}.back-to-top-btn svg{fill:none;width:20px;height:20px;stroke:var(--accent-cinnabar);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}