/* 音悦台 — light player matching the blog's blue theme */
.page-music .main h2{margin-bottom:8px;}
.page-music .context{margin-top:12px;}
.page-music .context blockquote{background:#f5f9fc;border:1px solid #e3edf5;border-left:6px solid #0088dd;color:#555;font-size:15px;}
.muse{--c1:#0088dd;--c2:#5ab4ec;--ink:#333;position:relative;border-radius:10px;overflow:hidden;background:#fff;color:var(--ink);border:1px solid #e6e6e6;box-shadow:0 4px 18px rgba(0,0,0,.06);margin:18px 0 10px;font-size:14px;}
.muse *{box-sizing:border-box;}
.muse-hero{position:relative;display:flex;gap:30px;align-items:center;padding:28px 30px 22px;background:linear-gradient(180deg,#fbfdff,#f3f7fb);border-bottom:1px solid #e9eef3;}
.muse-glow{display:none;}
.muse-disc{position:relative;width:190px;height:190px;flex:0 0 190px;}
.muse-vinyl{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#2b2b30 0 2px,#1c1c20 2px 4px);box-shadow:0 0 0 5px #e9eef3,0 10px 24px rgba(0,0,0,.18),inset 0 0 30px rgba(0,0,0,.6);animation:museSpin 6s linear infinite;animation-play-state:paused;}
.muse.playing .muse-vinyl{animation-play-state:running;}
.muse-vinyl::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 40%,transparent 60%,rgba(255,255,255,.1));}
.muse-cover{position:absolute;inset:27%;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2));display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:bold;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.3);overflow:hidden;box-shadow:0 0 0 4px #1c1c20;}
.muse-cover img{width:100%;height:100%;object-fit:cover;}
.muse-cover::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#1c1c20;box-shadow:0 0 0 2px #555;}
.muse-arm{position:absolute;right:-2px;top:-12px;width:12px;height:104px;border-radius:6px;background:linear-gradient(#e4e6ec,#9a9db0);transform-origin:6px 9px;transform:rotate(-28deg);transition:transform .6s cubic-bezier(.4,.1,.2,1);box-shadow:0 4px 10px rgba(0,0,0,.25);}
.muse-arm::before{content:"";position:absolute;top:-9px;left:-7px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#a4a7b8);}
.muse-arm::after{content:"";position:absolute;bottom:-4px;left:-4px;width:20px;height:12px;border-radius:3px;background:#c7c9d4;}
.muse.playing .muse-arm{transform:rotate(-2deg);}
.muse-now{flex:1;min-width:0;padding-left:12px;}
.muse-label{letter-spacing:.3em;font-size:11px;color:#9aa4ad;margin-bottom:6px;}
.muse-title{margin:0;font-size:24px;line-height:1.2;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.muse-artist{color:#777;margin:4px 0 10px;font-size:14px;}
.muse-eq{display:flex;gap:4px;height:20px;align-items:flex-end;margin-bottom:12px;}
.muse-eq i{display:block;width:5px;height:5px;border-radius:2px;background:linear-gradient(var(--c2),var(--c1));opacity:.35;}
.muse.playing .muse-eq i{animation:museEq 1s ease-in-out infinite;opacity:1;}
.muse.playing .muse-eq i:nth-child(2){animation-delay:.15s}.muse.playing .muse-eq i:nth-child(3){animation-delay:.3s}.muse.playing .muse-eq i:nth-child(4){animation-delay:.1s}.muse.playing .muse-eq i:nth-child(5){animation-delay:.25s}
.muse-progress{margin:6px 0 14px;}
.muse-bar{position:relative;height:6px;border-radius:3px;background:#e4e9ee;cursor:pointer;}
.muse-buffer{position:absolute;left:0;top:0;height:100%;width:0;border-radius:3px;background:#d3dbe3;}
.muse-fill{position:absolute;left:0;top:0;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--c2),var(--c1));}
.muse-knob{position:absolute;top:50%;left:0;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--c1);transform:translate(-50%,-50%);opacity:0;transition:opacity .2s;}
.muse-bar:hover .muse-knob,.muse.playing .muse-knob{opacity:1;}
.muse-time{display:flex;justify-content:space-between;font-size:12px;color:#999;margin-top:6px;font-variant-numeric:tabular-nums;}
.muse-controls{display:flex;align-items:center;gap:10px;}
.muse-btn{border:1px solid #dde3e9;background:#fff;color:#555;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:14px;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;}
.muse-btn:hover{border-color:var(--c1);color:var(--c1);}
.muse-btn:active{transform:scale(.94);}
.muse-btn.on{color:#fff;background:var(--c1);border-color:var(--c1);}
.muse-play{width:52px;height:52px;font-size:18px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));border:0;box-shadow:0 6px 16px rgba(0,136,221,.35);}
.muse-play:hover{color:#fff;filter:brightness(1.05);}
.muse-play .ico-pause{display:none;}
.muse.playing .muse-play .ico-play{display:none;}
.muse.playing .muse-play .ico-pause{display:inline;font-size:15px;letter-spacing:-2px;}
.muse-vol{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:14px;color:#777;}
.muse-vol input{width:90px;accent-color:var(--c1);}
.muse-ext{margin-top:10px;}
.muse-ext .muse-hint{font-size:12px;color:#999;margin:4px 0 0;}
.muse-list{list-style:none;margin:0;padding:8px 10px 10px;background:#fff;max-height:520px;overflow:auto;}
.muse-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:6px;cursor:pointer;transition:background .15s;color:#444;border-bottom:1px solid #f1f3f5;}
.muse-item:last-child{border-bottom:0;}
.muse-item:hover{background:#f6f9fc;}
.muse-item.active{background:#eaf5fd;color:#222;}
.muse-item.active .muse-no{color:var(--c1);}
.muse-item.active .muse-no::before{content:"▶";font-size:10px;margin-right:4px;}
.muse-no{width:30px;text-align:right;color:#aaa;font-variant-numeric:tabular-nums;}
.muse-meta{flex:1;min-width:0;display:flex;flex-direction:column;}
.muse-t{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.muse-item.active .muse-t{color:var(--c1);font-weight:bold;}
.muse-a{font-size:12px;color:#999;}
.muse-tag{font-size:10px;padding:1px 6px;border-radius:999px;border:1px solid #d8dee4;color:#999;letter-spacing:.05em;}
.muse-tag.local{border-color:var(--c1);color:var(--c1);}
.muse-links{display:flex;gap:6px;opacity:0;transition:opacity .2s;}
.muse-item:hover .muse-links,.muse-item.active .muse-links{opacity:1;}
.muse-links a{font-size:11px;color:#666;background:#eef2f5;padding:2px 7px;border-radius:999px;text-decoration:none;}
.muse-links a:hover{background:var(--c1);color:#fff;}
@keyframes museSpin{to{transform:rotate(360deg)}}
@keyframes museEq{0%,100%{height:5px}50%{height:20px}}
@media screen and (max-width:720px){
	.muse-hero{flex-direction:column;gap:16px;padding:22px 16px 18px;text-align:center;}
	.muse-disc{width:160px;height:160px;flex-basis:160px;}
	.muse-now{width:100%;padding-left:0;}
	.muse-title{font-size:20px;white-space:normal;}
	.muse-eq{justify-content:center;}
	.muse-controls{justify-content:center;flex-wrap:wrap;}
	.muse-vol{margin-left:0;width:100%;justify-content:center;}
	.muse-links{opacity:1;}
	.muse-list{max-height:none;padding:6px;}
	.muse-item{padding:9px 6px;gap:8px;}
}
@media (prefers-reduced-motion:reduce){.muse-vinyl,.muse-eq i{animation:none !important;}}