.audio-item{position:relative;isolation:isolate;min-height:420px;padding:22px;overflow:hidden;display:flex;flex-direction:column;color:#eee9df;background:linear-gradient(150deg,#252b27 0%,#181b19 52%,#111312 100%);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.audio-item:before{content:"";position:absolute;z-index:-1;width:270px;height:270px;right:-95px;top:-85px;border-radius:50%;background:radial-gradient(circle,#b15c3c 0%,#91463245 40%,transparent 70%);filter:blur(3px)}
.audio-item:after{content:"";position:absolute;z-index:-1;inset:8px;border:1px solid rgba(255,255,255,.1);pointer-events:none}
.audio-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#d87b61;font-size:8px;letter-spacing:.16em}.audio-card-head span{color:#a3a89f;font-size:7px}
.audio-art{height:142px;position:relative;display:flex;align-items:center;gap:22px;margin:24px 0 18px;padding:0 18px;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11);background:linear-gradient(90deg,rgba(241,238,230,.04),transparent)}
.audio-disc{width:88px;height:88px;flex:0 0 auto;position:relative;border-radius:50%;background:radial-gradient(circle,#e1b29a 0 5%,#272421 6% 10%,#a74b34 11% 12%,#392d29 13% 42%,#1a1e1c 43% 100%);box-shadow:0 12px 30px #0008}.audio-disc:before,.audio-disc:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.16);border-radius:50%}.audio-disc:after{inset:30px;border-color:#e5b69f}.audio-disc i{position:absolute;z-index:2;width:10px;height:10px;left:39px;top:39px;border:2px solid #151716;border-radius:50%;background:#efb99c}
.audio-wave{height:70px;display:flex;align-items:center;gap:5px;flex:1}.audio-wave b{display:block;width:4px;height:18px;background:linear-gradient(#e8ad92,#a94432);animation:wave 1s ease-in-out infinite alternate;animation-play-state:paused}.audio-wave b:nth-child(2){height:44px;animation-delay:.12s}.audio-wave b:nth-child(3){height:31px;animation-delay:.3s}.audio-wave b:nth-child(4){height:57px;animation-delay:.06s}.audio-wave b:nth-child(5){height:23px;animation-delay:.2s}.audio-wave b:nth-child(6){height:48px;animation-delay:.42s}.audio-wave b:nth-child(7){height:34px;animation-delay:.17s}.audio-wave b:nth-child(8){height:54px;animation-delay:.34s}.audio-wave b:nth-child(9){height:20px;animation-delay:.08s}.audio-item.playing .audio-wave b{animation-play-state:running}.audio-item.playing .audio-disc{animation:spin 7s linear infinite}
@keyframes wave{to{transform:scaleY(.35);opacity:.42}}@keyframes spin{to{transform:rotate(360deg)}}
.audio-copy{margin-bottom:auto}.audio-copy h3{font-family:"Noto Serif SC",serif;font-size:23px;font-weight:500;line-height:1.4;margin:0 0 7px;letter-spacing:.01em}.audio-copy p{margin:0;color:#9a9d95;font-family:"Noto Serif SC",serif;font-size:11px}
.audio-player{display:grid;grid-template-columns:48px minmax(0,1fr) 36px;align-items:center;gap:13px;margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.14)}
.audio-toggle,.audio-mute{cursor:pointer;font:inherit;color:#f6eee3;border:0;background:transparent}.audio-toggle{width:48px;height:48px;display:grid;place-items:center;padding:0;border-radius:50%;background:var(--red);box-shadow:0 10px 20px #0006;transition:transform .2s,background .2s}.audio-toggle:hover{background:#c24e37;transform:translateY(-2px)}.audio-toggle span{font-size:17px;line-height:1;transform:translateX(1px)}.audio-item.playing .audio-toggle span{transform:none}.audio-mute{height:38px;padding:0;color:#bfc1b9;transition:color .2s}.audio-mute:hover,.audio-mute.muted{color:#e8aa91}.audio-mute span{display:block;font-family:Arial,sans-serif;font-size:13px;letter-spacing:-4px}
.audio-track{min-width:0}.audio-seek{width:100%;height:18px;margin:0;display:block;cursor:pointer;appearance:none;background:transparent}.audio-seek::-webkit-slider-runnable-track{height:3px;border-radius:10px;background:linear-gradient(90deg,#d6684d var(--progress,0%),#6c6e67 var(--progress,0%))}.audio-seek::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-3.5px;border-radius:50%;border:0;background:#f6eee3;box-shadow:0 0 0 3px #a63f2e55}.audio-seek::-moz-range-track{height:3px;border-radius:10px;background:#6c6e67}.audio-seek::-moz-range-progress{height:3px;background:#d6684d}.audio-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#f6eee3}.audio-track>div{display:flex;justify-content:space-between;color:#a8aba3;font-size:9px;letter-spacing:.08em}.audio-track time{font-variant-numeric:tabular-nums}.audio-item audio{display:none}
@media(max-width:760px){.audio-item{min-height:390px;padding:20px}.audio-art{height:120px;margin:18px 0}.audio-copy h3{font-size:21px}.audio-player{grid-template-columns:44px minmax(0,1fr) 28px;gap:10px}.audio-toggle{width:44px;height:44px}}