/* 左上角黑胶唱片：随背景音乐旋转，点一下开/关。 */
:root{--disc-size:56px;--disc-gap:22px}
#music-disc{position:fixed;left:var(--disc-gap);top:var(--disc-gap);z-index:36;width:var(--disc-size);height:var(--disc-size);padding:0;border:0;border-radius:50%;background:transparent;color:#7c433e;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 6px 16px #5a3e2324);transition:transform .45s cubic-bezier(.22,.68,.2,1)}
#music-disc:hover{transform:scale(1.06)}
#music-disc:active{transform:scale(.95)}
#music-disc:focus-visible{outline:2px solid #bd9c6b;outline-offset:6px}
.disc-rotor{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#0000 0 22%,#2c211b 22.4% 100%);box-shadow:inset 0 0 0 1px #e8cd9d8c,inset 0 0 14px #0000008a,0 0 0 1px #7c433e2e;animation:discSpin 7s linear infinite;will-change:transform;overflow:hidden}
.disc-rotor::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#3a2b23 0 1.2px,#241a16 1.2px 3.1px)}
.disc-rotor::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 205deg,#ffeecd66,#fff0 18%,#fff0 54%,#ffeecd3d 76%,#fff0);mix-blend-mode:screen}
.disc-label{position:absolute;inset:0;margin:auto;width:43%;height:43%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#a85a5c,#773d40 68%,#5f2c31);box-shadow:inset 0 0 0 1px #f4dfb473,0 0 6px #00000059;font:normal calc(var(--disc-size)*.26)/1 var(--serif,"Noto Serif SC",serif);color:#f6e3b8;text-shadow:0 1px 2px #3f1418aa}
.disc-label i{font-style:normal;transform:translateY(-1px)}
.disc-ring{position:absolute;inset:-7px;border-radius:50%;border:1px solid #ae8d5973;opacity:0;transition:opacity .5s;pointer-events:none}
.disc-notes{position:absolute;inset:0;pointer-events:none}
.disc-notes b{position:absolute;left:72%;top:2%;width:5px;height:5px;border-radius:50%;background:#c8a86e;opacity:0;box-shadow:0 0 6px #e6c68f}
.disc-notes b:nth-child(2){left:82%;top:-4%;width:4px;height:4px}
.disc-notes b:nth-child(3){left:64%;top:-10%;width:3px;height:3px}
#music-disc[aria-pressed="true"] .disc-ring{opacity:1;animation:discPulse 2.8s ease-out infinite}
#music-disc[aria-pressed="true"] .disc-notes b{animation:discNote 3s ease-out infinite}
#music-disc[aria-pressed="true"] .disc-notes b:nth-child(2){animation-delay:.9s}
#music-disc[aria-pressed="true"] .disc-notes b:nth-child(3){animation-delay:1.8s}
#music-disc.is-paused .disc-rotor{animation-play-state:paused;filter:brightness(.86) saturate(.65)}
#music-disc.is-paused .disc-label{box-shadow:inset 0 0 0 1px #f4dfb43d,0 0 6px #00000059}
#music-disc.is-paused{filter:drop-shadow(0 6px 16px #5a3e2324) grayscale(.15)}
#music-disc[aria-pressed="false"]::after{content:"";position:absolute;left:10%;top:50%;width:80%;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#f9efd9,#c8a86e,#f9efd9);transform:rotate(-34deg);box-shadow:0 0 5px #2c211b8c;pointer-events:none}
#music-disc.is-missing{opacity:.55}
/* 微信等环境拦截自动播放时：只留一圈极淡的金环呼吸，不出现任何文字 */
#music-disc.needs-tap::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid #c8a86e;animation:discHalo 2.6s ease-out infinite;pointer-events:none}
@keyframes discHalo{0%{transform:scale(.92);opacity:.55}70%{transform:scale(1.2);opacity:0}100%{opacity:0}}
@keyframes discSpin{to{transform:rotate(360deg)}}
@keyframes discPulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.28);opacity:0}100%{opacity:0}}
@keyframes discNote{0%{opacity:0;transform:translate(0,0) scale(.8)}25%{opacity:.85}100%{opacity:0;transform:translate(9px,-17px) scale(1.15)}}
/* 左上角留出唱片位置：顶部小字整体右移让位（宽屏放得下时不挪动） */
.intro-top,.hero-top,.film-meta{padding-left:calc(var(--disc-size) + var(--disc-gap) + 10px)}
@supports (padding:max(0px,1px)){.intro-top,.hero-top,.film-meta{padding-left:max(0px,calc(var(--disc-size) + var(--disc-gap) + 18px - 6%))}}
@media(max-width:600px){:root{--disc-size:46px;--disc-gap:14px}
 .intro-top,.hero-top,.film-meta{padding-left:max(0px,calc(var(--disc-size) + var(--disc-gap) + 18px - 7%))}
 .disc-notes b{left:76%}
 .disc-notes b:nth-child(2){left:86%}
 .disc-notes b:nth-child(3){left:66%}}
@media(prefers-reduced-motion:reduce){#music-disc .disc-rotor{animation:none!important}#music-disc[aria-pressed="true"] .disc-ring{animation:none;opacity:.5}#music-disc[aria-pressed="true"] .disc-notes b{animation:none;opacity:0}#music-disc.needs-tap::before{animation:none!important;opacity:.45}}