body.page-template-page-listen-php{--bottom-bar-height:0px}body.page-template-page-listen-php .audio-player-unified.show~.floating-top-btn{bottom:calc(var(--audio-player-height,72px) + var(--safe-bottom,0px) + 12px)}.listen-container{max-width:640px;margin:0 auto;padding-bottom:calc(var(--audio-player-height,72px) + var(--safe-bottom,0px) + 16px)}.listen-lang-bar{display:flex;gap:6px;padding:12px 16px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.listen-lang-bar::-webkit-scrollbar{display:none}.listen-lang-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:500;color:var(--text-secondary,#4a4a4a);background:var(--bg-secondary,#f7f8fa);border:1px solid var(--border-light,#f3f4f6);border-radius:20px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all .15s ease;line-height:1.3;-webkit-tap-highlight-color:transparent}.listen-lang-tab:hover{background:var(--bg-tertiary,#eef1f5);border-color:var(--border,#e5e7eb);color:var(--text,#1a1a1a)}.listen-lang-tab.active{background:var(--brand,#1e3a5f);color:#fff;font-weight:600;border-color:var(--brand,#1e3a5f)}.listen-lang-tab-count{font-size:11px;font-weight:400;opacity:.75}.listen-lang-tab--cjk .listen-lang-tab-name{font-size:12px}.listen-empty-link{display:inline-block;margin-top:16px;padding:8px 20px;font-size:14px;font-weight:600;color:#fff;background:var(--brand,#1e3a5f);border-radius:20px;text-decoration:none;transition:transform .1s,box-shadow .2s}.listen-empty-link:hover{box-shadow:0 2px 8px rgba(30,58,95,.3);color:#fff}.listen-empty-link:active{transform:scale(.97)}.listen-nav{position:sticky;top:0;z-index:20;background:var(--bg,#fff);padding:14px 16px 10px;border-bottom:1px solid var(--border,#e5e7eb);transition:box-shadow .2s}.listen-nav.is-stuck{box-shadow:0 1px 4px rgba(0,0,0,.06)}.listen-nav-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.listen-nav-title{font-size:18px;font-weight:700;color:var(--text,#1a1a1a);letter-spacing:-.02em;line-height:1;margin:0;font-family:var(--font-sans)}.listen-tag-count{font-size:11px;font-weight:400;color:var(--text-muted,#9ca3af);margin-left:2px}.listen-tag.active .listen-tag-count{color:rgba(255,255,255,.7)}.listen-editions{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.listen-edition-card{border-radius:10px;overflow:hidden;transition:box-shadow .2s}.listen-edition-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}.listen-edition-header{display:flex;align-items:center;gap:10px;padding:10px 14px}.listen-edition-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}.listen-edition-info{flex:1;min-width:0}.listen-edition-label{font-size:13px;font-weight:700;line-height:1.2}.listen-edition-meta{font-size:11px;font-weight:500;margin-top:1px}.listen-edition-play{width:34px;height:34px;background:rgba(255,255,255,.9);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 1px 3px rgba(0,0,0,.12);flex-shrink:0;-webkit-tap-highlight-color:transparent}.listen-edition-play svg{margin-left:2px;width:16px;height:16px}.listen-edition-play:hover{transform:scale(1.06);box-shadow:0 2px 8px rgba(0,0,0,.18)}.listen-edition-play:active{transform:scale(.95)}.listen-edition-toggle{width:28px;height:28px;background:0 0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:transform .2s,background .15s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.listen-edition-toggle:hover{background:rgba(255,255,255,.2)}.listen-edition-toggle.is-open svg{transform:rotate(180deg)}.listen-edition--morning{background:linear-gradient(135deg,#fff7ed 0,#ffedd5 100%)}.listen-edition--morning .listen-edition-label{color:#9a3412}.listen-edition--morning .listen-edition-meta{color:#c2410c;opacity:.7}.listen-edition--morning .listen-edition-play{color:#9a3412}.listen-edition--morning .listen-edition-toggle{color:#9a3412}.listen-edition--midday{background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%)}.listen-edition--midday .listen-edition-label{color:#0c4a6e}.listen-edition--midday .listen-edition-meta{color:#0369a1;opacity:.7}.listen-edition--midday .listen-edition-play{color:#0c4a6e}.listen-edition--midday .listen-edition-toggle{color:#0c4a6e}.listen-edition--evening{background:linear-gradient(135deg,#1e293b 0,#0f172a 100%)}.listen-edition--evening .listen-edition-label{color:#e2e8f0}.listen-edition--evening .listen-edition-meta{color:#94a3b8}.listen-edition--evening .listen-edition-play{color:#1e293b;background:rgba(255,255,255,.95)}.listen-edition--evening .listen-edition-toggle{color:#94a3b8}.listen-edition-stories{padding:0 14px 12px;padding-left:52px}.listen-edition-story-list{list-style:none;margin:0;padding:0;counter-reset:story-counter}.listen-edition-story{counter-increment:story-counter;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:13px;line-height:1.4}.listen-edition-story:last-child{border-bottom:none}.listen-edition-story::before{content:counter(story-counter) '.';font-weight:700;margin-right:6px;opacity:.5}.listen-edition-story-link{color:inherit;text-decoration:none;font-weight:500}.listen-edition-story-link:hover{text-decoration:underline}.listen-edition-story-text{font-weight:500;opacity:.7}.listen-edition--evening .listen-edition-stories{border-top:1px solid rgba(255,255,255,.08)}.listen-edition--evening .listen-edition-story{border-bottom-color:rgba(255,255,255,.06);color:#cbd5e1}.listen-edition--evening .listen-edition-story-link{color:#e2e8f0}.listen-edition--morning .listen-edition-stories{border-top:1px solid rgba(154,52,18,.08)}.listen-edition--midday .listen-edition-stories{border-top:1px solid rgba(12,74,110,.08)}.listen-featured{padding:0 0 4px}.listen-featured-label{display:flex;align-items:center;gap:6px;padding:16px 16px 8px;font-size:12px;font-weight:600;color:var(--brand,#1e3a5f);text-transform:uppercase;letter-spacing:.08em}.listen-news-list--featured .listen-news-item--featured{padding:12px 0 16px}.listen-nav-tags{display:flex;flex-wrap:wrap;gap:6px}.listen-continue{padding:14px 16px 0;display:none}.listen-continue.show{display:block}.listen-continue-card{display:flex;align-items:center;gap:14px;padding:12px;background:var(--bg,#fff);border:1px solid var(--border-light,#f3f4f6);border-radius:var(--radius-xs,4px);cursor:pointer;transition:background .15s ease,transform .1s ease;position:relative}.listen-continue-card:hover{background:var(--bg-secondary,#f7f8fa)}.listen-continue-card:active{transform:scale(.99)}.listen-continue-visual{position:relative;width:56px;height:56px;flex-shrink:0}.listen-continue-thumb{width:56px;height:56px;border-radius:var(--radius-xs,4px);object-fit:cover}.listen-continue-ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transform:rotate(-90deg);pointer-events:none}.listen-continue-ring .ring-bg{fill:none;stroke:color-mix(in srgb,var(--bg,#fff) 60%,transparent);stroke-width:2.5}.listen-continue-ring .ring-progress{fill:none;stroke:var(--brand,#1E3A5F);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.listen-continue-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:rgba(0,0,0,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s ease}.listen-continue-card:hover .listen-continue-play{background:rgba(0,0,0,.6)}.listen-continue-play svg{width:12px;height:12px;margin-left:1px}.listen-continue-info{flex:1;min-width:0}.listen-continue-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#9ca3af);margin-bottom:3px}.listen-continue-title{font-size:14px;font-weight:600;color:var(--text,#1a1a1a);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listen-continue-meta{font-size:12px;color:var(--text-muted,#9ca3af);margin-top:2px;font-variant-numeric:tabular-nums}.listen-foryou{padding:0 0 4px}.listen-section-header{padding:16px 16px 0}.listen-section-label{font-size:13px;font-weight:700;color:var(--brand,#1e3a5f);text-transform:uppercase;letter-spacing:.06em}.listen-foryou-list{border-bottom:1px solid var(--border,#e5e7eb)}.listen-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary,#4a4a4a);background:var(--bg-secondary,#f7f8fa);border:none;border-radius:var(--radius-xs,4px);cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap;flex-shrink:0;line-height:1.3;-webkit-tap-highlight-color:transparent}.listen-tag:hover{background:var(--bg-tertiary,#eef1f5)}.listen-tag:active{transform:scale(.96)}.listen-tag.active{background:var(--text,#1a1a1a);color:#fff;font-weight:600}.listen-toggle-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.listen-toggle-label{font-size:11px;color:var(--text-muted,#9ca3af);white-space:nowrap}.listen-toggle{position:relative;width:36px;height:20px;background:var(--border,#e5e7eb);border-radius:10px;cursor:pointer;transition:background .2s;border:none;flex-shrink:0}.listen-toggle.active{background:var(--brand,#1e3a5f)}.listen-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:transform .2s;pointer-events:none}.listen-toggle.active .listen-toggle-knob{transform:translateX(16px)}.listen-group-header{display:flex;align-items:center;gap:8px;padding:14px 16px 8px;margin-top:0;border-top:1px solid var(--border,#e5e7eb);font-size:12px;font-weight:600;color:var(--text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.08em}.listen-featured+.listen-group-header,.listen-group-header:first-of-type{border-top:none}.listen-news-list{list-style:none;margin:0;padding:0 16px}.listen-news-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;cursor:pointer;transition:opacity .15s ease,background .15s ease;position:relative;border-bottom:1px solid var(--border,#e5e7eb)}.listen-news-item:last-child{border-bottom:none}.listen-news-item:active{opacity:.7}.listen-news-thumb{position:relative;width:80px;height:80px;border-radius:var(--radius-xs,4px);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary,#eef1f5);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.listen-news-thumb img{width:100%;height:100%;object-fit:cover}.listen-news-thumb--placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary,#eef1f5)}.listen-news-thumb--placeholder svg{width:28px;height:28px;color:var(--text-muted,#9ca3af);opacity:.4}.listen-news-thumb-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:rgba(0,0,0,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.7;transition:opacity .2s,transform .15s ease}.listen-news-item:hover .listen-news-thumb-play{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.listen-news-thumb-play svg{width:12px;height:12px;margin-left:1px}.listen-news-equalizer{display:none;align-items:flex-end;justify-content:center;gap:2.5px;width:18px;height:18px}.listen-news-equalizer span{width:2.5px;background:#fff;border-radius:1.5px;will-change:height}.listen-news-equalizer span:first-child{height:6px;animation:eq-bar1 .45s ease-in-out infinite alternate}.listen-news-equalizer span:nth-child(2){height:14px;animation:eq-bar2 .55s ease-in-out infinite alternate}.listen-news-equalizer span:nth-child(3){height:10px;animation:eq-bar3 .5s ease-in-out infinite alternate}.listen-news-equalizer span:nth-child(4){height:4px;animation:eq-bar4 .6s ease-in-out infinite alternate}@keyframes eq-bar1{0%{height:4px}100%{height:16px}}@keyframes eq-bar2{0%{height:14px}100%{height:5px}}@keyframes eq-bar3{0%{height:5px}100%{height:18px}}@keyframes eq-bar4{0%{height:10px}100%{height:4px}}.listen-news-item.is-playing{background:color-mix(in srgb,var(--brand,#1e3a5f) 5%,var(--bg,#fff))}.listen-news-item.is-playing .listen-news-title{color:var(--brand,#1e3a5f)}.listen-news-item.is-playing .listen-news-thumb{animation:thumb-pulse 2s ease-in-out infinite}@keyframes thumb-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand,#1e3a5f) 25%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--brand,#1e3a5f) 10%,transparent)}}.listen-news-item.is-playing .listen-news-thumb-play{opacity:1;background:var(--brand,#1e3a5f);transform:translate(-50%,-50%)}.listen-news-item.is-playing .listen-news-thumb-play svg{display:none}.listen-news-item.is-playing .listen-news-equalizer{display:flex}.listen-news-item.is-played .listen-news-thumb::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.35)}.listen-news-item.is-played .listen-news-title{color:var(--text-muted,#9ca3af)}.listen-news-item.is-played .listen-news-thumb-play{opacity:1;background:rgba(0,0,0,.45)}.listen-news-item.is-played .listen-news-thumb-play svg{display:none}.listen-news-item.is-played .listen-news-thumb-play::after{content:'';width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--brand,#1e3a5f)}.listen-news-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(0,0,0,.04);overflow:hidden}.listen-news-progress-fill{height:100%;background:var(--brand,#1e3a5f);width:0%;transition:width .3s ease}.listen-news-item.is-played .listen-news-progress-fill{background:color-mix(in srgb,var(--brand,#1e3a5f) 50%,transparent)}.listen-news-content{flex:1;min-width:0;padding-top:2px}.listen-news-title{font-size:15px;font-weight:600;color:var(--text,#1a1a1a);line-height:1.45;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listen-news-cat{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--brand,#1e3a5f);margin-bottom:3px}.listen-news-excerpt{font-size:13px;color:var(--text-secondary,#4a4a4a);line-height:1.5;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listen-news-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-muted,#9ca3af)}.listen-news-source{font-weight:600;color:var(--text-secondary,#4a4a4a)}.listen-news-duration{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono, monospace);font-size:12px;color:var(--text-muted,#9ca3af)}.listen-news-duration-icon{width:12px;height:12px;opacity:.6}.listen-news-item--featured .listen-news-thumb{width:100px;height:100px}.listen-news-item--featured .listen-news-title{font-size:17px;font-weight:700;-webkit-line-clamp:3;line-height:1.4;margin-bottom:4px}.listen-news-share{position:absolute;top:14px;right:0;width:32px;height:32px;background:0 0;border:none;color:var(--text-muted,#9ca3af);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity .2s,color .15s,background .15s;-webkit-tap-highlight-color:transparent;z-index:2}.listen-news-item:hover .listen-news-share{opacity:1}.listen-news-share:hover{color:var(--brand,#1e3a5f);background:var(--bg-secondary,#f7f8fa)}.listen-news-share:active{transform:scale(.9)}@media (hover:none){.listen-news-share{opacity:.6}}.listen-load-more{display:flex;justify-content:center;padding:14px 16px 4px}.listen-load-more-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 28px;font-size:14px;font-weight:600;color:var(--text-secondary,#4a4a4a);background:var(--bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-xs,4px);cursor:pointer;transition:all .15s ease;font-family:inherit;-webkit-tap-highlight-color:transparent}.listen-load-more-btn:hover{background:var(--bg-secondary,#f7f8fa);border-color:var(--text-muted,#9ca3af)}.listen-load-more-btn:active{transform:scale(.97)}.listen-load-more-btn svg{width:16px;height:16px}.listen-showing-count{text-align:center;padding:8px 16px 0;font-size:12px;color:var(--text-muted,#9ca3af)}.listen-pref-modal{display:none}.listen-pref-modal.show{display:block}.listen-pref-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:299;animation:fadeIn .2s ease}.listen-pref-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg,#fff);border-radius:16px 16px 0 0;padding:0 20px 28px;z-index:300;max-height:70vh;overflow-y:auto;transform:translateY(0);animation:slideUp .3s cubic-bezier(.32,.72,0,1)}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.listen-pref-handle{display:flex;justify-content:center;padding:10px 0 8px}.listen-pref-handle-bar{width:36px;height:5px;background:rgba(120,120,128,.3);border-radius:3px}.listen-pref-title{font-size:18px;font-weight:700;color:var(--text,#1a1a1a);margin-bottom:6px}.listen-pref-desc{font-size:14px;color:var(--text-muted,#9ca3af);margin-bottom:16px;line-height:1.5}.listen-pref-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.listen-pref-chip{padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-secondary,#4a4a4a);background:var(--bg-secondary,#f7f8fa);border:1.5px solid var(--border,#e5e7eb);border-radius:20px;cursor:pointer;transition:all .15s;font-family:inherit;-webkit-tap-highlight-color:transparent}.listen-pref-chip:hover{border-color:var(--brand,#1e3a5f)}.listen-pref-chip.active{color:#fff;background:var(--brand,#1e3a5f);border-color:var(--brand,#1e3a5f)}.listen-pref-actions{display:flex;justify-content:flex-end}.listen-pref-save{padding:10px 28px;font-size:14px;font-weight:600;color:#fff;background:var(--brand,#1e3a5f);border:none;border-radius:8px;cursor:pointer;transition:transform .1s,box-shadow .2s;font-family:inherit;-webkit-tap-highlight-color:transparent}.listen-pref-save:hover{box-shadow:0 2px 8px rgba(30,58,95,.3)}.listen-pref-save:active{transform:scale(.97)}.audio-player-unified .player-thumb{position:relative;width:48px;height:48px;border-radius:var(--radius-xs,4px);overflow:hidden;flex-shrink:0;display:none;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.audio-player-unified .player-thumb.has-image{display:block}.audio-player-unified .player-thumb img{width:100%;height:100%;object-fit:cover}.audio-player-unified .player-thumb.article-audio::after{content:'';position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:var(--accent,#3b82f6);border-radius:50%;border:1.5px solid var(--bg,#fff);z-index:2;pointer-events:none}.player-thumb-eq{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);display:none;align-items:flex-end;justify-content:center;gap:1.5px;height:10px}.audio-player-unified.playing .player-thumb-eq{display:flex}.player-thumb-eq span{width:2px;background:#fff;border-radius:1px;will-change:height}.player-thumb-eq span:first-child{height:3px;animation:eq-bar1 .45s ease-in-out infinite alternate}.player-thumb-eq span:nth-child(2){height:8px;animation:eq-bar2 .55s ease-in-out infinite alternate}.player-thumb-eq span:nth-child(3){height:5px;animation:eq-bar3 .5s ease-in-out infinite alternate}.listen-empty{text-align:center;padding:80px 24px;color:var(--text-muted,#9ca3af)}.listen-empty svg{width:48px;height:48px;margin-bottom:16px;opacity:.35}.listen-empty-title{font-size:17px;font-weight:600;margin-bottom:8px;color:var(--text-secondary,#4a4a4a)}.listen-empty-desc{font-size:14px;line-height:1.5;max-width:320px;margin:0 auto}@media (max-width:480px){.listen-lang-bar{padding:10px 12px 6px;gap:5px}.listen-lang-tab{padding:6px 11px;font-size:12px}.listen-lang-tab--cjk .listen-lang-tab-name{font-size:11px}.listen-nav{padding:12px 16px 8px}.listen-nav-title{font-size:16px}.listen-edition-header{padding:8px 12px;gap:8px}.listen-edition-icon{font-size:16px;width:24px}.listen-edition-label{font-size:12px}.listen-edition-meta{font-size:10px}.listen-edition-play{width:30px;height:30px}.listen-edition-play svg{width:14px;height:14px}.listen-edition-stories{padding-left:44px}.listen-edition-story{font-size:12px}.listen-tag{padding:5px 11px;font-size:12px}.listen-news-thumb{width:72px;height:72px}.listen-news-thumb-play{width:28px;height:28px;opacity:.8}.listen-news-thumb-play svg{width:10px;height:10px}.listen-news-title{font-size:14px}.listen-continue-visual{width:48px;height:48px}.listen-continue-thumb{width:48px;height:48px}.listen-continue-play{width:24px;height:24px}.listen-continue-play svg{width:10px;height:10px}.listen-continue-title{font-size:13px}}