:is(.pc-card,.pc-bar){--pc-orange:#e8793a;--pc-ink:#dfe3e8;--pc-muted:#a2acb9;--pc-line:#ffffff1c}html[data-theme=light] :is(.pc-card,.pc-bar){--pc-orange:#c45a16;--pc-ink:var(--lt-ink);--pc-muted:var(--lt-ink-3);--pc-line:var(--lt-line)}.pc-thumb{flex:none;width:100%;height:100%;display:block;position:relative}.pc-thumb img{object-fit:cover;border-radius:calc(var(--wd-btn-radius) + 2px);width:100%;height:100%;display:block;box-shadow:0 10px 28px -12px #000c}.pc-category{color:var(--pc-muted);font:500 11px/1.4 var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.pc-category .bl-topic-icon{width:13px;height:13px;color:var(--wd-blue-soft)}.pc-equalizer{height:20px;color:var(--wd-blue-soft);justify-content:center;align-items:center;gap:3px;display:flex}.pc-equalizer i{background:currentColor;width:3px;height:9px;display:block}.pc-equalizer i:nth-child(2){height:18px}.pc-equalizer i:nth-child(3){height:13px}.pc-card[data-state=playing] .pc-equalizer i{animation:.8s ease-in-out infinite alternate pc-eq}.pc-card[data-state=playing] .pc-equalizer i:nth-child(2){animation-delay:-.3s}.pc-card[data-state=playing] .pc-equalizer i:nth-child(3){animation-delay:-.6s}html[data-theme=light] .pc-category .bl-topic-icon{color:#2658b9}html[data-theme=light] .pc-thumb img{box-shadow:0 10px 24px -14px #0b0f1973}@property --pc-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.pc-card{--pc-r:calc(var(--wd-btn-radius) + 10px);isolation:isolate;border-radius:var(--pc-r);color:var(--pc-ink);background:radial-gradient(110% 60% at 0 0,#3d74db29,#0000 62%),radial-gradient(90% 50% at 100% 100%,#e8793a1c,#0000 62%),linear-gradient(170deg,#15161bfa,#07080afa);flex-direction:column;flex:none;gap:12px;padding:14px 14px 12px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 30px 70px -26px #000c,0 10px 24px -14px #0009}.pc-card:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--pc-spin),transparent 0 4%,var(--pc-orange) 13%,transparent 25% 50%,var(--wd-blue-soft) 63%,transparent 75% 100%);-webkit-mask-composite:xor;opacity:.5;padding:1.5px;transition:opacity .6s;animation:7s linear infinite paused pc-orbit;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.pc-card[data-state=playing]:before{opacity:1;animation-play-state:running}.pc-card-head{align-items:center;gap:10px;min-height:24px;padding-left:4px;display:flex}.pc-card-status{min-width:0;color:var(--pc-muted);font:600 10.5px/1.4 var(--font-mono),monospace;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:9px;display:inline-flex;overflow:hidden}.pc-card .pc-equalizer{height:14px;color:var(--pc-muted);gap:2px}.pc-card .pc-equalizer i{width:2px;height:6px}.pc-card .pc-equalizer i:nth-child(2){height:12px}.pc-card .pc-equalizer i:nth-child(3){height:9px}.pc-card[data-state=playing] .pc-card-status,.pc-card[data-state=playing] .pc-equalizer{color:var(--pc-orange)}.pc-card[data-state=error] .pc-card-status{color:#f08a8a}.pc-card-pos{color:var(--pc-muted);font:500 11px var(--font-mono),monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em}.pc-card-inner{border:1px solid var(--pc-line);border-radius:calc(var(--wd-btn-radius) + 4px);background:linear-gradient(170deg,#ffffff0d,#ffffff04);grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px;display:grid;position:relative}.pc-card-inner>.wd-nav-corners{inset:5px}.pc-card-inner>.wd-nav-corners i{border-color:#fff3;transition:border-color .4s}.pc-card[data-state=playing] .pc-card-inner>.wd-nav-corners i{border-color:#a0c3ffd9}.pc-card .pc-now-cover .pc-thumb{width:64px;height:64px}.pc-card .pc-now-cover .pc-thumb img{border-radius:var(--wd-btn-radius);outline-offset:-1px;outline:1px solid #ffffff24;box-shadow:0 8px 20px -10px #000c}.pc-card-meta{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.pc-card .pc-category{letter-spacing:.1em;gap:6px;font-size:10px}.pc-card .pc-category .bl-topic-icon{width:12px;height:12px}.pc-card-title{-webkit-line-clamp:3;line-clamp:3;color:#fff;font:500 15.5px/1.3 var(--font-chakra),sans-serif;letter-spacing:-.005em;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.pc-card-desc{-webkit-line-clamp:2;line-clamp:2;color:var(--pc-muted);font:400 13px/1.5 var(--font-sans),sans-serif;-webkit-box-orient:vertical;grid-column:1/-1;margin:0;display:-webkit-box;overflow:hidden}.pc-time{color:var(--pc-muted);font:500 11.5px var(--font-mono),monospace;font-variant-numeric:tabular-nums;align-items:center;display:grid}.pc-card-time{grid-template-columns:1fr 1fr;grid-template-areas:"seek seek""now end";row-gap:2px;padding:0 2px}.pc-card-time .pc-seek{grid-area:seek}.pc-card-time>span:first-child{grid-area:now}.pc-card-time>span:last-child{text-align:right;grid-area:end}.pc-transport{align-items:center;display:flex}.pc-card-transport{justify-content:space-between;padding:0 2px}.pc-tools{border-top:1px solid var(--pc-line);align-items:center;gap:6px;padding-top:10px;display:flex}.pc-volume{flex:1;align-items:center;min-width:0;display:flex}.pc-volume-range{flex:1;width:auto;min-width:48px;max-width:120px}:is(.pc-card,.pc-bar) button,.pc-card-read{border-radius:var(--wd-btn-radius);width:40px;min-width:40px;height:40px;color:inherit;font:500 11px var(--font-mono),monospace;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex;position:relative}:is(.pc-card,.pc-bar) button:hover,.pc-card-read:hover{background:#ffffff14}:is(.pc-card,.pc-bar) button svg,.pc-card-read svg{width:20px;height:20px}.pc-card-read{width:36px;min-width:36px;height:36px;color:var(--pc-muted)}.pc-card-read:hover{color:var(--pc-ink)}.pc-card-read svg{width:16px;height:16px}:is(.pc-card,.pc-bar) .pc-main-play,.pc-bar .pc-mobile-play{color:#050505;background:#fff;border-radius:50%;box-shadow:0 8px 22px -8px #000000b3}.pc-card .pc-main-play{width:54px;min-width:54px;height:54px}.pc-card .pc-main-play svg{width:22px;height:22px}:is(.pc-card,.pc-bar) .pc-main-play:hover,.pc-bar .pc-mobile-play:hover{background:#e6e9ed}.pc-card[data-state=playing] .pc-main-play{box-shadow:0 0 0 4px #e8793a29,0 8px 22px -8px #000000b3}:is(.pc-card,.pc-bar) .pc-speed{border:1px solid var(--pc-line);border-radius:var(--wd-btn-inner-radius,8px);width:auto;min-width:46px;height:32px;padding:0 8px;font-size:12px}:is(.pc-card,.pc-bar) .pc-mute{width:34px;min-width:34px;height:34px}:is(.pc-card,.pc-bar) .pc-mute svg{width:18px;height:18px}:is(.pc-back,.pc-forward) svg{position:absolute;width:28px!important;height:28px!important}:is(.pc-back,.pc-forward) span{font:500 10.5px var(--font-mono),monospace;padding-top:2px;position:relative}.pc-seek,.pc-volume-range{appearance:none;cursor:pointer;background:0 0;min-width:0;height:20px;margin:0}.pc-seek{width:100%}:is(.pc-card,.pc-bar) input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--wd-blue-soft),var(--pc-orange) var(--pc-progress),var(--pc-line) var(--pc-progress));border-radius:4px;height:4px}:is(.pc-card,.pc-bar) .pc-volume-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--pc-ink) var(--pc-progress),var(--pc-line) var(--pc-progress))}:is(.pc-card,.pc-bar) input[type=range]::-moz-range-track{background:var(--pc-line);border-radius:4px;height:4px}:is(.pc-card,.pc-bar) input[type=range]::-moz-range-progress{background:linear-gradient(90deg,var(--wd-blue-soft),var(--pc-orange));border-radius:4px;height:4px}:is(.pc-card,.pc-bar) .pc-volume-range::-moz-range-progress{background:var(--pc-ink)}:is(.pc-card,.pc-bar) input[type=range]::-webkit-slider-thumb{appearance:none;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:opacity .15s}:is(.pc-card,.pc-bar) input[type=range]::-moz-range-thumb{opacity:0;background:#fff;border:0;border-radius:50%;width:12px;height:12px}:is(.pc-card,.pc-bar) input[type=range]:is(:hover,:focus-visible)::-webkit-slider-thumb{opacity:1}:is(.pc-card,.pc-bar) input[type=range]:is(:hover,:focus-visible)::-moz-range-thumb{opacity:1}.pc-info{vertical-align:middle;display:inline-flex;position:relative}:is(.pc-card,.pc-bar) .pc-info-btn{width:24px;min-width:24px;height:24px;color:var(--pc-muted);border-radius:50%}:is(.pc-card,.pc-bar) .pc-info-btn svg{width:15px;height:15px}.pc-info-tip{z-index:3;border:1px solid var(--pc-line);border-radius:var(--wd-btn-radius);width:max-content;max-width:240px;color:var(--pc-ink);font:400 12.5px/1.45 var(--font-sans),sans-serif;letter-spacing:0;text-transform:none;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;background:#0c0e13f7;padding:8px 12px;transition:opacity .18s,translate .18s,visibility 0s .18s;position:absolute;top:calc(100% + 8px);right:-6px;translate:0 -4px;box-shadow:0 12px 32px #00000073}.pc-bar .pc-info-tip{top:auto;bottom:calc(100% + 10px);translate:0 4px}.pc-info:is(:hover,:focus-within) .pc-info-tip{opacity:1;visibility:visible;transition-delay:0s;translate:0}.pc-error{color:#f3b0b0;font-size:13px}.pc-error button{margin-left:8px;text-decoration:underline;width:auto!important;min-width:0!important;height:auto!important;color:var(--pc-ink)!important;font:inherit!important;padding:2px 4px!important}.pc-buffering svg{visibility:hidden}.pc-buffering:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite pc-spin;position:absolute}:is(.pc-card,.pc-bar) :is(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--wd-blue-soft);outline-offset:3px}.pc-bar{border-radius:calc(var(--wd-btn-radius) + 6px);color:var(--pc-ink);-webkit-backdrop-filter:blur(18px)saturate(150%);background:radial-gradient(at 10% 0,#3d74db2e,#0000 60%),#0c0e13f0;border:1px solid #ffffff24;grid-template-columns:48px minmax(0,1fr) 44px 40px 32px 40px;grid-template-areas:"cover meta play next expand close";align-items:center;gap:0 8px;padding:10px;display:grid;position:relative;box-shadow:0 18px 48px -12px #0009}.pc-bar .pc-now-cover{grid-area:cover}.pc-bar .pc-now-cover .pc-thumb{width:48px;height:48px}.pc-bar .pc-now-cover .pc-thumb img{border-radius:var(--wd-btn-inner-radius,8px);box-shadow:none;outline-offset:-1px;outline:1px solid #ffffff1f}.pc-now{grid-area:meta;min-width:0}.pc-now-title{text-overflow:ellipsis;white-space:nowrap;color:#fff;font:500 14.5px/1.35 var(--font-chakra),sans-serif;margin:0 0 2px;overflow:hidden}.pc-now-category{color:var(--pc-muted);font:400 12px/1.4 var(--font-mono),monospace;font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.pc-now-category>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pc-bar .pc-mobile-play{grid-area:play;width:44px;min-width:44px;height:44px}.pc-bar-next{grid-area:next}.pc-bar .pc-expand{width:32px;min-width:32px;color:var(--pc-muted);grid-area:expand}.pc-bar .pc-close{color:var(--pc-muted);grid-area:close}.pc-bar .pc-close svg{width:18px;height:18px}.pc-bar .pc-close:hover{color:var(--pc-ink)}.pc-bar[data-expanded=true] .pc-expand svg{rotate:180deg}.pc-bar-more{grid-column:1/-1;display:none}.pc-bar[data-expanded=true] .pc-bar-more{gap:8px;padding-top:10px;display:grid}.pc-bar-time{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;font-size:11px}.pc-bar-time>span:last-child{text-align:right}.pc-bar .pc-transport{justify-content:space-between}.pc-bar .pc-transport .pc-main-play{width:48px;min-width:48px;height:48px}.pc-progress{background:linear-gradient(90deg,var(--wd-blue-soft),var(--pc-orange) var(--pc-progress),transparent var(--pc-progress));border-radius:2px;height:2px;position:absolute;bottom:0;left:14px;right:14px}.pc-bar[data-state=idle] .pc-progress,.pc-bar[data-expanded=true] .pc-progress,.pc-bar[data-expanded=true] :is(.pc-mobile-play,.pc-bar-next){display:none}.pc-bar[data-expanded=true]{grid-template-areas:"cover meta meta meta expand close"}@media (max-width:420px){.pc-bar{column-gap:6px}}.pc-bar .pc-error{grid-column:1/-1;padding-top:8px}.pc-bar .pc-info-tip{left:-60px;right:auto}.pc-bar:not([data-expanded=true]) .pc-info{display:none}html[data-theme=light] .pc-card{box-shadow:inset 0 0 0 1px var(--lt-line),0 30px 60px -30px #0b0f1959,0 8px 20px -12px #0b0f192e;background:radial-gradient(110% 60% at 0 0,#3d74db14,#0000 62%),radial-gradient(90% 50% at 100% 100%,#c45a160f,#0000 62%),#fbfbfc}html[data-theme=light] .pc-card-inner{background:linear-gradient(170deg,#fff,#f4f5f7)}html[data-theme=light] .pc-card-inner>.wd-nav-corners i{border-color:#0f1e4640}html[data-theme=light] .pc-card[data-state=playing] .pc-card-inner>.wd-nav-corners i{border-color:#2658b9}html[data-theme=light] :is(.pc-card-title,.pc-now-title){color:var(--lt-ink)}html[data-theme=light] .pc-card .pc-now-cover .pc-thumb img,html[data-theme=light] .pc-bar .pc-now-cover .pc-thumb img{outline-color:#0b0f191a;box-shadow:0 8px 18px -12px #0b0f1973}html[data-theme=light] :is(.pc-card,.pc-bar) button:hover,html[data-theme=light] .pc-card-read:hover{background:#2658b914}html[data-theme=light] :is(.pc-card,.pc-bar) .pc-main-play,html[data-theme=light] .pc-bar .pc-mobile-play{color:#fff;background:#101113;box-shadow:0 8px 20px -10px #0b0f1980}html[data-theme=light] :is(.pc-card,.pc-bar) .pc-main-play:hover,html[data-theme=light] .pc-bar .pc-mobile-play:hover{background:#2a2d31}html[data-theme=light] .pc-card[data-state=playing] .pc-main-play{box-shadow:0 0 0 4px #c45a1624,0 8px 20px -10px #0b0f1980}html[data-theme=light] :is(.pc-card,.pc-bar) input[type=range]::-webkit-slider-thumb{background:#101113}html[data-theme=light] :is(.pc-card,.pc-bar) input[type=range]::-moz-range-thumb{background:#101113}html[data-theme=light] .pc-bar{border-color:var(--lt-line);box-shadow:var(--lt-shadow-lg);background:#fafafbf2}html[data-theme=light] .pc-info-tip{box-shadow:var(--lt-shadow-lg);background:#fff}html[data-theme=light] .pc-card[data-state=error] .pc-card-status,html[data-theme=light] .pc-error{color:#b42318}@keyframes pc-eq{to{transform:scaleY(.4)}}@keyframes pc-spin{to{rotate:360deg}}@keyframes pc-orbit{to{--pc-spin:360deg}}@media (prefers-reduced-motion:reduce){:is(.pc-card,.pc-bar) .pc-equalizer i,.pc-buffering:after{animation:none!important}.pc-card:before{--pc-spin:200deg;animation:none!important}.pc-bar,.pc-card:before,.pc-info-tip{transition:none}}