.swipe-page .radio-card{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0% 100%,#b8928b66,transparent 65%),linear-gradient(115deg,#eee3d8,#d8c3b8);padding:24px 28px;border:1px solid #f1e2d333;display:flex;flex-direction:column}.radio-card:before{content:'';position:absolute;z-index:-1;right:-100px;top:-160px;width:450px;height:450px;border-radius:50%;border:1px solid #a8887622;box-shadow:0 0 0 24px #a8887608,0 0 0 48px #a8887608,0 0 0 72px #a8887608;pointer-events:none}.radio-card .card-head{margin-bottom:10px}.radio-card .card-head h2{font-size:15px;letter-spacing:-.3px}.radio-live{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.3px}.radio-live:before{content:'';width:5px;height:5px;border-radius:50%;background:#9c8b7d}.radio-card[data-playing=true] .radio-live:before{background:#6b814c;box-shadow:0 0 0 4px #6b814c18}.radio-main{gap:30px;padding:4px 0;flex:1;min-height:145px}.record-wrap{width:142px;height:142px;padding:7px;border:1px solid #b18e7d66;border-radius:50%}.record{border:5px solid #bda397;box-shadow:0 10px 20px #4e2f3533;background:repeating-radial-gradient(circle,#373133 0 2px,#504347 3px,#373133 4px)}.record-label{width:64px;height:64px;border:5px solid #ead3ba55;font-size:27px}.record-dot{right:8px;top:13px}.radio-info h3{font-size:32px;font-weight:500;margin:5px 0}.radio-info p{margin-bottom:13px;font-size:11px}.radio-transport{gap:14px}.radio-transport button{height:44px;min-width:38px;display:grid;place-items:center;border-radius:50%}.radio-transport button:hover{background:#9c706b1c}.radio-transport svg{width:20px;height:20px;stroke-width:1.8}.radio-transport .radio-play{width:56px;height:56px;background:#815653;color:#fff3e5;box-shadow:0 5px 14px #6c3d3b30}.radio-transport .radio-play:hover{background:#704745}.radio-transport .radio-play svg{width:25px;height:25px}.radio-transport #radio-mute{width:38px;height:38px;min-width:38px;margin-left:4px;background:#fff3e533;border-color:#ac8a7c66}.radio-wave{display:flex;align-items:center;justify-content:space-between;height:26px;gap:3px;margin:4px 0 0;flex-shrink:0;opacity:.5}.radio-wave i{display:block;flex:1;max-width:5px;height:var(--height);min-height:3px;background:#986f65;border-radius:4px;transform:scaleY(.16);transition:transform .4s}.radio-card[data-playing=true] .radio-wave i{animation:radio-bars 900ms ease-in-out infinite alternate;animation-delay:calc(var(--bar) * -71ms)}.radio-card[data-playing=true] .radio-wave{opacity:.85}.radio-status{font-size:10px;min-height:15px;margin:5px 0 9px}.station-list{gap:7px}.station-list button{min-height:34px;border-radius:12px;background:#fff5e950;border-color:#aa8a782e;font-size:11px;transition:background .2s}.station-list button.selected{background:#815653;box-shadow:0 3px 7px #78504620;border-color:#815653}.radio-footer{margin-top:9px}.swipe-page .focus{background:linear-gradient(180deg,#332b4a77,#292c4233 55%,#242b3d77),url('/art/dusk.svg') center/cover;color:#fff3e6}.swipe-page .focus .label,.swipe-page .focus p{color:#e3d4df}.swipe-page .focus h2{text-shadow:0 2px 15px #332b4a44;font-size:36px}.swipe-page .focus-btn{background:#f3e6d8;color:#443648;box-shadow:0 5px 20px #25283c22}.swipe-page .countdowns-card{background:linear-gradient(90deg,#d5dfc6 15%,#d5dfc6dd 40%,#d5dfc633),url('/art/meadow.svg') center/cover}.swipe-page .countdown-empty p{color:#516343}.swipe-page .countdown-item{background:#eef1ddbb;backdrop-filter:blur(6px)}body.night .swipe-page .radio-card{background:radial-gradient(ellipse at 0 100%,#695052,transparent),#3e3434}body.night .radio-wave i{background:#cda195}body.night .swipe-page .countdowns-card{background:linear-gradient(90deg,#35422bf5,#35422b99),url('/art/meadow.svg') center/cover}body.night .swipe-page .countdown-item{background:#394b32dd}body.night .swipe-page .countdown-empty p{color:#c6d6b9}@keyframes radio-bars{from{transform:scaleY(.25)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.radio-card[data-playing=true] .radio-wave i{animation:none;transform:scaleY(.7)}}@media(min-width:700px) and (max-width:999px){.radio-main{flex-direction:column;justify-content:center;gap:20px}.radio-info{width:100%;flex:0}.radio-info h3{font-size:30px}.radio-transport{justify-content:center}.radio-info{text-align:center}.radio-transport #radio-mute{margin-left:8px}.radio-wave{margin-top:18px}.radio-footer{font-size:8px}.swipe-page .radio-card{padding:22px}.swipe-page .focus h2{font-size:30px}}
@media(max-width:699px){.swipe-page .radio-card{padding:22px}.radio-main{flex-direction:column;justify-content:center;gap:22px}.record-wrap{width:160px;height:160px}.record-label{width:75px;height:75px}.radio-info{flex:0;text-align:center;width:100%}.radio-transport{justify-content:center}.radio-footer{font-size:8px}.radio-info h3{font-size:32px}.radio-wave{margin:16px 0 4px}.station-list{gap:8px}.station-list button{min-height:40px}}