#app{min-height:100vh;display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden}@supports (min-height:100dvh){#app{min-height:100dvh}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background .35s}.nav{display:flex;align-items:center;padding:0 12px;height:48px;gap:0}.logo{display:flex;align-items:center;gap:6px;flex-shrink:0;color:var(--text)}.logo svg{width:34px;height:22px}.logo-title{font-size:.82rem;font-weight:400;color:var(--text-secondary);white-space:nowrap}.nav-spacer{flex:1}.nav-center{position:absolute;left:50%;transform:translate(-50%);font-size:.92rem;font-weight:600;color:var(--text);white-space:nowrap;pointer-events:none;letter-spacing:.02em}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:190;background:var(--bg-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);display:flex;justify-content:space-around;align-items:flex-end;height:calc(64px + var(--safe-bottom));transition:transform .34s cubic-bezier(.22,1,.36,1)}.tab-bar.hide{transform:translateY(100%)}.tab{background:none;border:none;padding:8px 0 6px;font-family:var(--font-zh);font-size:.72rem;font-weight:400;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s;white-space:nowrap;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.tab-icon{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tab.active{color:var(--accent);font-weight:500}.tab.active .tab-icon{stroke-width:2}.tab-sub{display:none}.tab-center{flex:1;display:flex;align-items:center;justify-content:center;padding:0 0 6px;position:relative}.center-play-btn{position:relative;width:48px;height:48px;margin-top:-18px;border:none;background:var(--accent);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 16px var(--accent-shadow);transition:transform .15s,box-shadow .15s,opacity .3s;z-index:2;-webkit-appearance:none;appearance:none}.center-play-btn.no-audio{opacity:.4;box-shadow:none}.center-play-btn:active{transform:scale(.94)}.center-play-btn svg.center-play-icon{width:22px;height:22px;fill:var(--text-inverse);stroke:none;position:relative;z-index:2}.center-play-btn .progress-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:56px;height:56px;z-index:1;transform:rotate(-90deg)}.center-play-btn .progress-ring-bg{fill:none;stroke:var(--border);stroke-width:3}.center-play-btn .progress-ring-fill{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:157;stroke-dashoffset:157;transition:stroke-dashoffset .15s linear}.center-play-btn.playing{animation:centerSpin 8s linear infinite}@keyframes centerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.center-play-btn.playing .progress-ring{animation:centerSpinReverse 8s linear infinite}@keyframes centerSpinReverse{0%{transform:rotate(-90deg)}to{transform:rotate(-450deg)}}.nav-actions{display:flex;align-items:center;gap:0;flex-shrink:0}.btn-icon{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:50%;width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s;padding:0}.btn-icon:hover,.btn-icon:active{color:var(--text)}.btn-icon:active{transform:scale(.88);transition:transform .05s}.btn-icon.active{color:var(--accent)}.btn-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.search-row{padding:6px 12px 4px;display:none}.search-row.show{display:block}.search-field{width:100%;padding:9px 14px 9px 36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-family:var(--font-zh);font-size:.86rem;color:var(--text);outline:none;transition:border-color .2s}.search-field:focus{border-color:var(--border-active)}.search-field::placeholder{color:var(--text-muted)}.search-box{position:relative}.search-box svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--text-muted);fill:none;stroke-width:1.8;pointer-events:none}.content{flex:1;padding:16px 18px calc(64px + var(--safe-bottom) + 16px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.content.has-player{padding-bottom:calc(64px + var(--safe-bottom) + 16px)}.view{display:none;animation:viewIn .3s ease-out}.view.active{display:block}@keyframes viewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:500px){.series-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}}@media(min-width:768px){.series-list{grid-template-columns:1fr 1fr 1fr}.content{max-width:900px;margin:0 auto;padding-left:24px;padding-right:24px}.nav{max-width:900px;margin-left:auto;margin-right:auto}.tab-bar{max-width:420px;left:50%;transform:translate(-50%);border-radius:16px 16px 0 0;border-left:1px solid var(--border);border-right:1px solid var(--border)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:9999;background:var(--accent);color:var(--text-inverse);padding:8px 20px;border-radius:0 0 8px 8px;font-size:.82rem;font-family:var(--font-zh);text-decoration:none;transition:top .2s}.skip-link:focus{top:0}@media(prefers-reduced-motion:reduce){.center-play-btn.playing,.center-play-btn.playing .progress-ring,.view{animation:none}}@media print{.header,.tab-bar,.player,.expanded,.install-banner,.ios-guide,.about-overlay{display:none!important}.content{padding:0!important}body{background:#fff!important;color:#000!important}.card,.ep-item{break-inside:avoid}}@media(prefers-contrast:more){:root{--border:rgba(0,0,0,.2);--text-muted:rgba(26,26,26,.5);--text-secondary:rgba(26,26,26,.7)}[data-theme=dark]{--border:rgba(255,255,255,.25);--text-muted:rgba(238,238,238,.5);--text-secondary:rgba(238,238,238,.7)}}.playlist-panel{display:none;flex-direction:column;flex:1;overflow:hidden;padding:0 20px}.playlist-panel.show{display:flex}.playlist-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);flex-shrink:0}.pl-tab{-webkit-appearance:none;appearance:none;background:none;border:none;padding:10px 16px 8px;font-size:.84rem;font-weight:500;color:var(--text-muted);cursor:pointer;position:relative;transition:color .2s}.pl-tab.active{color:var(--accent)}.pl-tab.active:after{content:"";position:absolute;bottom:-1px;left:16px;right:16px;height:2px;background:var(--accent);border-radius:1px}.playlist-sub{display:flex;align-items:center;justify-content:space-between;padding:8px 0 4px;flex-shrink:0}.playlist-count{font-family:var(--font-en);font-size:.74rem;color:var(--text-muted)}.pl-sort-btn{-webkit-appearance:none;appearance:none;background:none;border:none;display:flex;align-items:center;gap:4px;font-size:.74rem;color:var(--text-muted);cursor:pointer;padding:4px 0}.pl-sort-btn:hover{color:var(--text-secondary)}.playlist-items{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.pl-item{display:flex;align-items:center;gap:10px;padding:10px 4px;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s,transform .1s;min-height:48px}.pl-item:hover{background:var(--accent-glow)}.pl-item:active{transform:scale(.98);background:var(--accent-glow)}.pl-item.current{background:var(--accent-glow)}.pl-item-num{font-family:var(--font-en);font-size:.74rem;color:var(--text-muted);width:24px;text-align:center;flex-shrink:0}.pl-item.current .pl-item-num{color:var(--accent)}.pl-item-body{flex:1;min-width:0}.pl-item-title{font-size:.82rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-item.current .pl-item-title{color:var(--accent);font-weight:500}.pl-item-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.pl-item-duration{font-family:var(--font-en);font-size:.7rem;color:var(--text-muted)}.pl-item-progress{font-size:.68rem;color:var(--accent);font-weight:500}.pl-hist-sub{font-size:.72rem;color:var(--text-muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player{display:none}.ctrl{-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .15s,background-color .15s,transform .1s}.ctrl:hover{color:var(--text);background:var(--accent-glow)}.ctrl:active{transform:scale(.9);transition:transform .05s}.ctrl svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ctrl.active{color:var(--accent)}.ctrl-play{width:44px;height:44px;background:var(--accent);border-radius:50%;color:var(--text-inverse);box-shadow:0 2px 12px var(--accent-shadow)}.ctrl-play:hover{background:var(--accent);opacity:.88;transform:scale(1.04);color:var(--text-inverse)}.ctrl-play:active{transform:scale(.92);opacity:1;transition:transform .05s}.ctrl-play svg{width:20px;height:20px;fill:currentColor;stroke:none}.expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--bg);transform:translate3d(0,100%,0);transition:transform .34s cubic-bezier(.22,1,.36,1),visibility 0s .34s;display:flex;flex-direction:column;overflow:hidden;will-change:transform;visibility:hidden;pointer-events:none}.expanded.show{transform:translateZ(0);visibility:visible;pointer-events:auto;transition:transform .34s cubic-bezier(.22,1,.36,1),visibility 0s}.exp-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;padding-top:env(safe-area-inset-top,12px);flex-shrink:0}.exp-label{font-family:var(--font-en);font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.exp-top .btn-icon{min-width:44px;height:44px}.exp-top-right{display:flex;align-items:center;gap:0}.exp-player-content{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0 20px;justify-content:center}.exp-player-content.hide{display:none}.exp-series-info{width:82vw;max-width:300px;margin:0 auto 24px;background:var(--accent-glow);border:1px solid var(--border);border-radius:20px;padding:28px 20px 22px;text-align:center;position:relative;overflow:hidden;flex-shrink:0}.exp-series-info:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,var(--accent-gradient-top),transparent 70%)}.exp-series-info:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,var(--accent-gradient-bottom),transparent 50%)}.exp-series-icon{width:64px;height:64px;margin:0 auto 14px;opacity:.3;filter:drop-shadow(0 2px 8px var(--accent-shadow))}.exp-series-name{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:4px;position:relative;line-height:1.5}.exp-series-speaker{font-size:.78rem;color:var(--text-secondary);position:relative}.exp-series-ep-count{font-family:var(--font-en);font-size:.72rem;color:var(--text-muted);margin-top:8px;position:relative;letter-spacing:.04em}.exp-track-title{font-size:.88rem;font-weight:500;color:var(--accent);margin-top:12px;position:relative;line-height:1.5;border-top:1px solid var(--border);padding-top:10px}.exp-bottom{flex-shrink:0;padding:0 20px 16px;padding-bottom:var(--safe-bottom);background:var(--bg)}.exp-secondary{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.exp-secondary .ctrl{width:42px;height:42px}.exp-progress{margin-bottom:14px;touch-action:none;-webkit-user-select:none;user-select:none}.exp-progress-bar{width:100%;height:36px;cursor:pointer;position:relative;display:flex;align-items:center}.exp-progress-track{width:100%;height:4px;background:var(--border);border-radius:2px;position:relative}.exp-progress-fill{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width .1s linear;position:relative;z-index:1}.exp-progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent-shadow);left:0%;transition:left .1s linear;z-index:2}.exp-time{display:flex;justify-content:space-between;font-family:var(--font-en);font-size:.74rem;color:var(--text-muted);margin-top:2px}.exp-ctrls{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px}.exp-ctrls .ctrl{width:46px;height:46px}.exp-ctrls .ctrl svg{width:20px;height:20px}.exp-ctrls .ctrl-play{width:58px;height:58px;box-shadow:0 4px 20px var(--accent-shadow)}.exp-ctrls .ctrl-play svg{width:24px;height:24px}.exp-ctrls .ctrl-skip{position:relative}.exp-ctrls .ctrl-skip svg{width:20px;height:20px}.exp-ctrls .ctrl-skip .skip-label{position:absolute;font-family:var(--font-en);font-size:.5rem;font-weight:700;color:currentColor;bottom:8px;left:50%;transform:translate(-50%);pointer-events:none;line-height:1}.timer-badge{position:absolute;top:2px;right:2px;background:var(--accent);color:var(--text-inverse);font-family:var(--font-en);font-size:.5rem;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.speed-btn{font-family:var(--font-en);font-size:.74rem;font-weight:600;min-width:44px;letter-spacing:-.01em}.speed-btn .ctrl-label{font-size:.7rem}.player-track.buffering:after{content:"...";animation:bufDots 1s steps(3) infinite}@keyframes bufDots{0%{content:"."}33%{content:".."}66%{content:"..."}}.center-play-btn.buffering{position:relative;animation:none}.center-play-btn.buffering:before,.center-play-btn.buffering:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid var(--accent);transform:translate(-50%,-50%);animation:rippleExpand 1.5s ease-out infinite}.center-play-btn.buffering:after{animation-delay:.5s}.center-play-btn.buffering .ripple-extra{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid var(--accent);transform:translate(-50%,-50%);animation:rippleExpand 1.5s ease-out infinite;animation-delay:1s}@keyframes rippleExpand{0%{width:100%;height:100%;opacity:.6;border-width:2px}to{width:180%;height:180%;opacity:0;border-width:0px}}.exp-ctrls .ctrl-play.buffering{position:relative;animation:none;opacity:1}.exp-ctrls .ctrl-play.buffering:before,.exp-ctrls .ctrl-play.buffering:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid var(--accent);transform:translate(-50%,-50%);animation:rippleExpandSmall 1.5s ease-out infinite}.exp-ctrls .ctrl-play.buffering:after{animation-delay:.5s}@keyframes rippleExpandSmall{0%{width:100%;height:100%;opacity:.6;border-width:2px}to{width:160%;height:160%;opacity:0;border-width:0px}}.exp-progress-buffer{position:absolute;height:100%;background:var(--accent);opacity:.15;border-radius:2px;width:0%;transition:width .3s linear}.ctrl:active{transform:scale(.92)!important;transition:transform .05s!important}.ctrl-play.buffering:after{content:"加载中";position:absolute;font-size:.6rem;bottom:-22px;left:50%;transform:translate(-50%);white-space:nowrap;color:var(--text-muted);font-weight:500;opacity:.8}.ctrl.loading{position:relative}.ctrl.loading:before{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.ctrl.loading{opacity:.5;pointer-events:none}.ctrl.appreciate-pop{animation:appreciatePop .5s cubic-bezier(.22,1,.36,1)}@keyframes appreciatePop{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}.appreciate-badge{position:absolute;top:2px;right:2px;background:var(--accent);color:var(--text-inverse);font-family:var(--font-en);font-size:.5rem;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;transition:transform .2s ease}.appreciate-badge.badge-bump{animation:badgeBump .3s ease}@keyframes badgeBump{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.appreciate-float{position:absolute;left:50%;bottom:100%;transform:translate(-50%);font-family:var(--font-zh);font-size:.72rem;font-weight:500;color:var(--accent);white-space:nowrap;pointer-events:none;animation:floatUp 1.2s ease-out forwards;z-index:10}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0)}60%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-38px)}}@media(orientation:landscape)and (max-height:500px){.exp-series-info{width:28vw;max-width:160px;margin-bottom:8px;padding:14px 12px}.exp-series-icon{width:40px;height:26px;margin-bottom:8px}.exp-player-content{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px}.exp-player-content .exp-series-info{margin:0}.exp-bottom{padding-top:4px}.exp-secondary{gap:8px;margin-bottom:4px}.exp-secondary .ctrl{width:36px;height:36px}.exp-ctrls{margin-bottom:4px;gap:4px}.exp-ctrls .ctrl{width:38px;height:38px}.exp-ctrls .ctrl svg{width:18px;height:18px}.exp-ctrls .ctrl-play{width:46px;height:46px}.exp-ctrls .ctrl-play svg{width:20px;height:20px}.exp-progress{margin-bottom:6px}}.series-list{display:flex;flex-direction:column;gap:8px}.card{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px;cursor:pointer;transition:all .2s;min-height:44px}.card:hover,.card:active{background:var(--bg-card-hover);border-color:var(--border-active)}.card-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon svg{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:1.8}.card-body{flex:1;min-width:0}.card-title{font-size:.9rem;font-weight:500;color:var(--text);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{font-size:.76rem;color:var(--text-secondary);margin-top:2px}.card-intro{font-size:.76rem;color:var(--text-secondary);margin-top:3px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-arrow{color:var(--text-muted);flex-shrink:0}.card-arrow svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.card.now-playing{border-color:var(--border-active);background:var(--accent-glow)}.card.now-playing .card-icon{background:var(--accent);opacity:.85}.card.now-playing .card-icon svg{stroke:var(--text-inverse)}.card-playing-tag{font-size:.66rem;color:var(--accent);margin-left:6px;font-weight:500;white-space:nowrap}.ep-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.btn-back{-webkit-appearance:none;appearance:none;background:var(--accent-glow);border:none;border-radius:50%;width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent);transition:all .2s}.btn-back:hover{background:var(--border-active)}.btn-back svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.ep-header-info{flex:1;min-width:0}.ep-header-title{font-size:1rem;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-header-sub{font-size:.76rem;color:var(--text-secondary);margin-top:1px}.ep-header-intro{font-size:.76rem;color:var(--text-secondary);margin-top:4px;line-height:1.4;opacity:.8}.btn-play-all{-webkit-appearance:none;appearance:none;background:var(--accent);border:none;border-radius:50%;width:38px;height:38px;min-width:38px;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px var(--accent-shadow)}.btn-play-all:hover{opacity:.88;transform:scale(1.05)}.btn-play-all:active{transform:scale(.95)}.btn-play-all svg{width:16px;height:16px;fill:var(--text-inverse);stroke:none}.ep-list{list-style:none}.ep-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;min-height:44px}.ep-item:hover,.ep-item.playing{background:var(--accent-glow)}.ep-num{font-family:var(--font-en);font-size:.78rem;color:var(--text-muted);width:32px;text-align:center;flex-shrink:0}.ep-item.playing .ep-num{display:none}.eq-bars{display:none;width:28px;justify-content:center;align-items:flex-end;gap:2px;height:14px;flex-shrink:0}.ep-item.playing .eq-bars{display:flex}.eq-bar{width:2px;background:var(--accent);border-radius:1px;animation:eqBars .7s ease-in-out infinite}.eq-bar:nth-child(1){height:50%;animation-delay:0s}.eq-bar:nth-child(2){height:100%;animation-delay:.12s}.eq-bar:nth-child(3){height:40%;animation-delay:.24s}.eq-bar:nth-child(4){height:70%;animation-delay:.36s}@keyframes eqBars{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.ep-text{flex:1;min-width:0;overflow:hidden}.ep-title{font-size:.86rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-intro{display:block;font-size:.74rem;color:var(--text-secondary);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-item.playing .ep-title{color:var(--accent);font-weight:500}.ep-progress{height:3px;background:var(--border);border-radius:1.5px;margin-top:4px;overflow:hidden}.ep-progress-fill{height:100%;background:var(--accent);border-radius:1.5px;opacity:.6}.ep-actions{display:flex;align-items:center;gap:8px;padding:4px 0 8px}.appreciate-btn{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:5px;background:var(--accent-glow);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-family:var(--font-zh);font-size:.78rem;color:var(--text-secondary);cursor:pointer;transition:all .2s;position:relative}.appreciate-btn:hover{border-color:var(--border-active);color:var(--accent)}.appreciate-btn.appreciated{color:var(--accent);border-color:var(--accent)}.appreciate-btn svg{color:var(--text-muted);transition:color .2s}.appreciate-btn:hover svg,.appreciate-btn.appreciated svg{color:var(--accent)}.wenku-link-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:5px;background:var(--accent-glow);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-family:var(--font-zh);font-size:.78rem;color:var(--text-secondary);cursor:pointer;transition:all .2s;text-decoration:none}.wenku-link-btn:hover{border-color:var(--border-active);color:var(--accent)}.wenku-link-btn svg{color:var(--text-muted);transition:color .2s}.wenku-link-btn:hover svg{color:var(--accent)}.search-label{font-size:.78rem;color:var(--text-secondary);margin-bottom:10px;padding-left:4px}.search-group-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 4px 4px;font-weight:500;border-bottom:1px solid var(--border);margin-bottom:4px}.search-hl{background:var(--accent-glow);color:var(--accent);font-weight:500;padding:0 1px;border-radius:2px}@media(min-width:500px){.card{padding:14px 16px;gap:12px}.card-icon{width:36px;height:36px;border-radius:10px}.card-intro{-webkit-line-clamp:3}}.my-page{display:none;animation:viewIn .3s ease-out}.my-page.active{display:block}.my-profile{display:flex;flex-direction:column;align-items:center;padding:28px 0 20px}.my-avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--border);box-shadow:0 2px 12px var(--accent-shadow);background:var(--accent-glow);display:flex;align-items:center;justify-content:center}.my-avatar svg{width:40px;height:26px}.my-name{font-size:1rem;font-weight:500;color:var(--text);margin-top:10px}.my-subtitle{font-size:.76rem;color:var(--text-secondary);margin-top:2px}.my-section{margin-bottom:20px}.my-section-title{font-size:.78rem;color:var(--text-secondary);letter-spacing:.04em;padding:0 4px 8px;font-weight:500}.my-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden}.my-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);cursor:pointer;transition:background .15s;min-height:44px}.my-item:hover{background:var(--bg-card-hover)}.my-item-icon{width:20px;height:20px;stroke:var(--text-secondary);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.my-item-label{flex:1;font-size:.86rem;color:var(--text)}.my-item-value{font-size:.78rem;color:var(--text-secondary)}.my-item-arrow{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2;flex-shrink:0}.my-item-body{flex:1;min-width:0}.my-item-body .my-item-label{display:block}.my-item-desc{display:block;font-size:.72rem;color:var(--text-muted);margin-top:1px}.my-namo{text-align:center;font-size:.82rem;color:var(--accent);font-weight:400;margin-top:24px;opacity:.6;letter-spacing:.08em}.my-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.my-section-header .my-section-title{padding:0}.my-history-clear{-webkit-appearance:none;appearance:none;background:none;border:none;font-size:.72rem;color:var(--text-muted);cursor:pointer;padding:2px 4px;transition:color .15s}.my-history-clear:hover{color:var(--accent)}.my-history-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);cursor:pointer;transition:background .15s;min-height:44px}.my-history-item:hover{background:var(--bg-card-hover)}.my-history-icon{width:32px;height:32px;border-radius:8px;background:var(--accent-glow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.my-history-icon svg{width:14px;height:14px;stroke:var(--accent);fill:none;stroke-width:2}.my-history-body{flex:1;min-width:0}.my-history-title{font-size:.84rem;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-history-sub{font-size:.76rem;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-history-bar{height:3px;background:var(--border);border-radius:2px;margin-top:5px;overflow:hidden}.my-history-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.my-history-time{font-size:.72rem;color:var(--text-muted);flex-shrink:0;white-space:nowrap}.my-history-empty{text-align:center;padding:20px 16px;color:var(--text-muted);font-size:.8rem}.my-history-more{text-align:center;padding:12px 16px;font-size:.78rem;color:var(--accent);cursor:pointer;background:var(--bg-card);transition:background .15s}.my-history-more:hover{background:var(--bg-card-hover)}.my-install-card{padding:16px;background:var(--bg-card);border-radius:var(--radius);overflow:hidden}.my-install-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.my-install-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-glow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.my-install-icon svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round}.my-install-text{flex:1}.my-install-text-title{font-size:.86rem;font-weight:500;color:var(--text)}.my-install-text-desc{font-size:.76rem;color:var(--text-secondary);margin-top:2px}.my-install-benefit{font-size:.76rem;color:var(--text-muted);margin-bottom:12px;line-height:1.5;padding:8px 12px;background:var(--accent-glow);border-radius:8px}.my-install-steps{font-size:.78rem;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.my-install-steps .ios-icon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin:0 2px}.my-install-btn{display:block;width:100%;padding:10px;border:none;border-radius:8px;background:var(--accent);color:var(--text-inverse);font-size:.84rem;font-weight:500;cursor:pointer;text-align:center;transition:opacity .15s}.my-install-btn:hover{opacity:.85}.home-page{display:none;animation:viewIn .3s ease-out}.home-page.active{display:block}.home-section{margin-bottom:28px}.home-section-title{font-size:.84rem;color:var(--text-secondary);letter-spacing:.04em;padding:0 4px 10px;font-weight:500}.home-quote{background:var(--bg-card);border-radius:var(--radius);padding:24px 22px;position:relative;border:1px solid var(--border)}.home-quote:before{content:"“";position:absolute;top:8px;left:12px;font-size:2.4rem;color:var(--accent);opacity:.35;font-family:Georgia,serif;line-height:1}.home-quote-text{font-size:.88rem;line-height:1.8;color:var(--text);padding-left:8px;font-weight:400}.home-quote-author{font-size:.76rem;color:var(--text-secondary);margin-top:8px;text-align:right;padding-right:4px}.home-chanting-scroll{display:flex;gap:10px;overflow-x:auto;padding:0 0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.home-chanting-scroll::-webkit-scrollbar{display:none}.home-chant-card{flex-shrink:0;width:130px;background:var(--bg-card);border-radius:var(--radius-sm);padding:14px 12px;text-align:center;border:1px solid var(--border);cursor:pointer;transition:background .15s,border-color .15s}.home-chant-card:hover{background:var(--bg-card-hover);border-color:var(--border-active)}.home-chant-card.playing{border-color:var(--accent);background:var(--accent-glow)}.home-chant-icon{width:32px;height:32px;margin:0 auto 8px;border-radius:50%;background:var(--accent-glow);display:flex;align-items:center;justify-content:center}.home-chant-icon svg{width:16px;height:16px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.home-chant-card.playing .home-chant-icon{background:var(--accent)}.home-chant-card.playing .home-chant-icon svg{stroke:var(--text-inverse)}.home-chant-name{font-size:.8rem;color:var(--text);line-height:1.3;font-weight:400}.home-continue-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border-radius:var(--radius);padding:14px 16px;border:1px solid var(--border);cursor:pointer;transition:background .15s;position:relative;overflow:hidden}.home-continue-card:hover{background:var(--bg-card-hover)}.home-continue-icon{width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-continue-icon svg{width:18px;height:18px;fill:none;stroke:var(--text-inverse);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.home-continue-body{flex:1;min-width:0}.home-continue-title{font-size:.86rem;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-continue-sub{font-size:.76rem;color:var(--text-secondary);margin-top:2px}.home-continue-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--border);border-radius:0 0 var(--radius) var(--radius)}.home-continue-progress-fill{height:100%;background:var(--accent);border-radius:0 0 var(--radius) var(--radius);transition:width .3s}.home-continue-card.playing{border-color:var(--border-active);background:var(--accent-glow)}.home-continue-card.playing .home-continue-icon{animation:eqPulse 1.5s ease-in-out infinite}@keyframes eqPulse{0%,to{opacity:1}50%{opacity:.6}}.home-rec-list{display:flex;flex-direction:column;gap:8px}.home-rec-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border-radius:var(--radius);padding:14px 16px;border:1px solid var(--border);cursor:pointer;transition:background .15s}.home-rec-card:hover{background:var(--bg-card-hover)}.home-rec-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--accent-glow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-rec-icon svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-rec-body{flex:1;min-width:0}.home-rec-title{font-size:.86rem;color:var(--text);font-weight:500}.home-rec-intro{font-size:.74rem;color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-rec-sub{font-size:.76rem;color:var(--text-secondary);margin-top:2px}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px}.loader svg{width:36px;height:36px;stroke:var(--accent);fill:none;stroke-width:1.2;opacity:.4;animation:breathe 2.5s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.05);opacity:.6}}.loader-text{font-family:var(--font-en);font-size:.78rem;color:var(--text-muted)}.error-msg{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:.88rem}.error-msg button{margin-top:12px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:20px;padding:8px 20px;font-family:var(--font-zh);font-size:.82rem;cursor:pointer}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.about-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}.about-overlay.show{display:flex;animation:aboutFadeIn .25s ease-out}@keyframes aboutFadeIn{0%{opacity:0}to{opacity:1}}.about-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 40px #00000026;max-width:420px;width:100%;max-height:80vh;overflow-y:auto;padding:28px 24px;position:relative;animation:aboutSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes aboutSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.about-close{position:absolute;top:12px;right:12px;background:none;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s}.about-close:hover{color:var(--text);background:var(--accent-glow)}.about-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.about-logo{display:flex;justify-content:center;margin-bottom:16px}.about-logo svg{width:48px;height:48px}.about-title{text-align:center;font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:4px}.about-subtitle{text-align:center;font-family:var(--font-en);font-size:.76rem;color:var(--text-muted);letter-spacing:.08em;margin-bottom:20px}.about-section{margin-bottom:16px}.about-section-title{font-size:.78rem;font-weight:600;color:var(--accent);margin-bottom:6px;display:flex;align-items:center;gap:6px}.about-section-title svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.about-text{font-size:.8rem;color:var(--text-secondary);line-height:1.65}.about-text a{color:var(--accent);text-decoration:none}.about-text a:hover{text-decoration:underline}.about-footer{text-align:center;font-size:.76rem;color:var(--text-muted);margin-top:20px;padding-top:16px;border-top:1px solid var(--border);line-height:1.5}.install-banner{display:none;position:fixed;bottom:0;left:0;right:0;z-index:250;background:var(--bg);border-top:1px solid var(--border);box-shadow:0 -4px 20px #00000014;padding:16px 16px calc(16px + var(--safe-bottom));animation:bannerSlide .4s cubic-bezier(.16,1,.3,1)}.install-banner.show{display:block}.install-banner.above-player{bottom:var(--player-h)}@keyframes bannerSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-inner{display:flex;align-items:center;gap:12px;max-width:500px;margin:0 auto}.install-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-glow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-icon svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.8}.install-text{flex:1;min-width:0}.install-title{font-size:.84rem;font-weight:500;color:var(--text)}.install-desc{font-size:.76rem;color:var(--text-secondary);margin-top:1px}.install-actions{display:flex;gap:8px;flex-shrink:0}.install-btn{-webkit-appearance:none;appearance:none;border:none;border-radius:20px;padding:8px 16px;font-family:var(--font-zh);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s}.install-btn-primary{background:var(--text);color:var(--text-inverse)}.install-btn-primary:hover{opacity:.88}.install-btn-dismiss{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.ios-guide{display:none;position:fixed;bottom:0;left:0;right:0;z-index:250;background:var(--bg);border-top:1px solid var(--border);box-shadow:0 -4px 20px #00000014;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));animation:bannerSlide .4s cubic-bezier(.16,1,.3,1)}.ios-guide.show{display:block}.ios-guide-inner{max-width:500px;margin:0 auto}.ios-guide-title{font-size:.84rem;font-weight:500;color:var(--text);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.ios-guide-close{background:none;border:none;color:var(--text-muted);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.ios-guide-close:hover{color:var(--text);background:var(--accent-glow)}.ios-guide-close svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.ios-guide-steps{font-size:.78rem;color:var(--text-secondary);line-height:1.6}.ios-guide-steps .ios-icon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin:0 2px}.ai-chat-btn{position:fixed;bottom:calc(var(--player-h) + var(--safe-bottom) + 60px);right:16px;z-index:200;background:var(--bg);color:var(--accent);border:1px solid var(--border-active);border-radius:9999px;padding:10px 16px;min-height:44px;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:6px;font-size:13px;font-family:var(--font-zh);font-weight:500;transition:transform .2s,box-shadow .2s,opacity .25s,visibility .25s}.ai-chat-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.ai-chat-btn:active{transform:scale(.97)}.ai-chat-btn.active{opacity:0;visibility:hidden;pointer-events:none}.ai-btn-icon{width:18px;height:18px}.ai-chat-panel{position:fixed;bottom:calc(var(--player-h) + var(--safe-bottom) + 10px);right:12px;width:min(380px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 160px));z-index:201;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md),0 0 0 1px var(--border);display:flex;flex-direction:column;overflow:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s;opacity:1;transform:translateY(0) scale(1);visibility:visible}.ai-chat-panel.hidden{opacity:0;transform:translateY(8px) scale(.98);visibility:hidden;pointer-events:none}.ai-chat-header{background:var(--accent);color:var(--text-inverse);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0}.ai-chat-title{font-size:15px;font-weight:600}.ai-chat-context{font-size:12px;opacity:.7;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-close{background:none;border:none;color:var(--text-inverse);font-size:22px;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:-8px -8px -8px 0;opacity:.8;flex-shrink:0}.ai-chat-close:hover{opacity:1}.ai-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:200px}.ai-msg{display:flex}.ai-msg-user{justify-content:flex-end}.ai-msg-bot,.ai-msg-error{justify-content:flex-start}.ai-msg-content{max-width:85%;padding:10px 14px;border-radius:var(--radius-sm);font-size:15px;line-height:1.6}.ai-msg-content p{margin:0 0 4px}.ai-msg-content p:last-child{margin:0}.ai-msg-user .ai-msg-content{background:var(--accent);color:var(--text-inverse);border-radius:var(--radius-sm) var(--radius-sm) 2px var(--radius-sm)}.ai-msg-bot .ai-msg-content{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-sm) 2px}.ai-msg-error .ai-msg-content{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:var(--radius-sm);font-size:14px}[data-theme=dark] .ai-msg-error .ai-msg-content{background:#991b1b26;color:#fca5a5;border-color:#991b1b4d}.ai-msg-content .ai-disclaimer{font-size:13px;color:var(--text-secondary);margin-top:6px}.ai-sources{font-size:13px;color:var(--text-secondary);margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.ai-source-tag{background:var(--accent-glow);color:var(--accent);padding:2px 8px;border-radius:4px;font-size:12px;text-decoration:none;transition:background .15s}a.ai-source-tag:hover{background:var(--accent);color:var(--text-inverse)}.ai-typing-dots{display:flex;gap:4px;padding:4px 0}.ai-typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent-dim);animation:ai-bounce 1.2s infinite}.ai-typing-dots span:nth-child(2){animation-delay:.15s}.ai-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes ai-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.ai-typewriter:after{content:"";display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:1px;vertical-align:text-bottom;animation:ai-cursor-blink .6s step-end infinite}@keyframes ai-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.ai-chat-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border);flex-shrink:0;background:var(--bg)}.ai-chat-input{flex:1;border:1px solid var(--border);border-radius:9999px;padding:10px 14px;font-size:15px;font-family:var(--font-zh);background:var(--bg-secondary);color:var(--text);outline:none;transition:border-color .15s}.ai-chat-input:focus{border-color:var(--accent)}.ai-chat-input::placeholder{color:var(--text-muted)}.ai-chat-send{background:var(--accent);color:var(--text-inverse);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s}.ai-chat-send:hover{opacity:.85}.ai-chat-send:disabled{opacity:.5;cursor:not-allowed}.ai-summary{margin-top:8px}.ai-summary-btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--accent);background:var(--accent-glow);border:1px solid transparent;border-radius:9999px;padding:8px 14px;min-height:44px;cursor:pointer;font-family:var(--font-zh);transition:background .15s,color .15s,border-color .15s}.ai-summary-btn:hover{border-color:var(--accent)}.ai-summary-btn.active{background:var(--accent);color:var(--text-inverse)}.ai-summary-btn svg{flex-shrink:0}.ai-summary-body{margin-top:8px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;line-height:1.7;color:var(--text);transition:opacity .2s ease,max-height .3s ease;opacity:1;max-height:500px;overflow:hidden}.ai-summary-body.hidden{opacity:0;max-height:0;padding:0 12px;margin-top:0;border-color:transparent;pointer-events:none}.ai-summary-loading{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px}.ai-loading-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--accent);border-top-color:transparent;animation:ai-spin .6s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-error{color:var(--text-muted);font-style:italic}.search-mode-toggle{display:flex;gap:0;margin:8px 0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.search-mode-btn{flex:1;padding:10px 12px;min-height:44px;font-size:14px;font-family:var(--font-zh);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.search-mode-btn.active{background:var(--accent);color:var(--text-inverse)}[data-theme=dark] .ai-chat-btn{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .ai-chat-panel{border-color:#ffffff1f}@media(max-width:420px){.ai-chat-panel{right:8px;bottom:calc(var(--player-h) + var(--safe-bottom) + 8px);width:calc(100vw - 16px);max-height:calc(100vh - 140px)}.ai-chat-btn{right:12px;bottom:calc(var(--player-h) + var(--safe-bottom) + 52px)}}@media(min-width:768px){.ai-chat-panel{width:420px;max-height:min(600px,calc(100vh - 160px))}}@media(orientation:landscape)and (max-height:500px){.ai-chat-panel{max-height:calc(100vh - 80px);bottom:8px}.ai-chat-messages{min-height:100px}.ai-chat-btn{bottom:calc(var(--player-h) + var(--safe-bottom) + 40px)}}.transcript-wrap{margin-top:6px}.transcript-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--accent);background:none;border:1px solid transparent;border-radius:4px;padding:4px 8px;min-height:28px;cursor:pointer;font-family:var(--font-zh);transition:background .15s,border-color .15s}.transcript-btn:hover{background:var(--accent-glow);border-color:var(--border)}.transcript-btn.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.transcript-btn svg{flex-shrink:0}.transcript-body{margin-top:6px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;line-height:1.8;color:var(--text);max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:opacity .2s ease,max-height .3s ease;opacity:1}.transcript-body.hidden{opacity:0;max-height:0;padding:0 12px;margin-top:0;border-color:transparent;pointer-events:none;overflow:hidden}.transcript-content p{margin:0 0 12px;text-align:justify}.transcript-content p:last-child{margin-bottom:0}.transcript-meta{font-size:12px;color:var(--text-muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.transcript-loading{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px}.transcript-error{color:var(--text-muted);font-style:italic;font-size:14px}.transcript-body::-webkit-scrollbar{width:4px}.transcript-body::-webkit-scrollbar-track{background:transparent}.transcript-body::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.msg-wall{margin-top:4px}.msg-wall-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.msg-wall-title{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.msg-wall-count{font-size:.72rem;color:var(--text-muted)}.msg-compose{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:14px;transition:border-color .25s,box-shadow .25s}.msg-compose:focus-within{border-color:var(--border-active);box-shadow:0 0 0 3px var(--accent-glow)}.msg-compose-success{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important;transition:border-color .15s,box-shadow .15s}.msg-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--font-zh);font-size:.84rem;color:var(--text);outline:none;resize:none;min-height:80px;max-height:160px;line-height:1.6;transition:border-color .2s}.msg-input:focus{border-color:var(--border-active)}.msg-input::placeholder{color:var(--text-muted)}.msg-compose-footer{display:flex;align-items:center;gap:10px;margin-top:10px}.msg-nickname{flex:0 0 auto;width:110px;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--font-zh);font-size:.8rem;color:var(--text);outline:none;transition:border-color .2s}.msg-nickname:focus{border-color:var(--border-active)}.msg-nickname::placeholder{color:var(--text-muted)}.msg-compose-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.msg-char-count{font-size:.72rem;color:var(--text-muted)}.msg-submit{-webkit-appearance:none;appearance:none;background:transparent;color:var(--accent);border:1.5px solid var(--border);border-radius:20px;padding:7px 20px;font-family:var(--font-zh);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s}.msg-submit:hover{border-color:var(--accent);background:var(--accent-glow)}.msg-submit:disabled{opacity:.35;cursor:not-allowed;border-color:var(--border)}.msg-submit.active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.msg-submit.active:hover{opacity:.88}.msg-list{display:flex;flex-direction:column;gap:8px}.msg-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;transition:background .15s,opacity .3s,transform .3s}.msg-card.pinned{border-color:var(--border-active);background:var(--accent-glow)}.msg-card-enter{animation:msgSlideIn .4s ease-out both}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.msg-card-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.msg-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-glow);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.72rem;color:var(--accent);font-weight:600}.msg-meta{flex:1;min-width:0}.msg-author{font-size:.8rem;font-weight:500;color:var(--text)}.msg-time{font-size:.7rem;color:var(--text-muted)}.msg-pin-tag{font-size:.66rem;color:var(--accent);background:var(--accent-glow);padding:1px 6px;border-radius:10px;font-weight:500}.msg-body{font-size:.84rem;color:var(--text);line-height:1.65;word-break:break-word}.msg-empty{text-align:center;padding:24px 16px;color:var(--text-muted);font-size:.82rem}.msg-load-more{text-align:center;padding:10px;font-size:.78rem;color:var(--accent);cursor:pointer;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:background .15s}.msg-load-more:hover{background:var(--bg-card-hover)}.msg-loading{text-align:center;padding:16px;color:var(--text-muted);font-size:.78rem}