.overview-entry{margin:0 0 28px}.track-jump{display:table;border:1px solid #b4a17b;padding:13px 20px;font-size:14px;transition:background .3s,color .3s}.track-jump:hover{background:#263f4c;color:#fff}.score-overview{padding:80px 6% 95px;background:#203b4a;color:#f4f0e7;position:relative;overflow:hidden}.score-title{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:65px}.score-title h2{font-size:34px;font-weight:500;margin:14px 0}.score-title p{font-size:15px;line-height:1.9;color:#bacbd0}.score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative}.score-grid:before{content:'';height:1px;position:absolute;top:23px;left:0;right:0;background:linear-gradient(90deg,#76663f,#d8b65e,#76663f)}.score-grid:after{content:'';height:3px;position:absolute;top:22px;left:0;width:80px;background:linear-gradient(90deg,transparent,#ffe7a4,transparent);filter:drop-shadow(0 0 6px #ecc470);animation:score-travel 9s linear infinite;pointer-events:none}.score-column{min-width:0;scroll-margin-top:145px}.score-node{display:flex;width:47px;height:47px;border:1px solid #c7aa61;border-radius:50%;background:#203b4a;align-items:center;justify-content:center;position:relative;z-index:1;color:#e2c886;font:italic 23px 'Cormorant Garamond',serif;box-shadow:0 0 0 7px #203b4a;transition:box-shadow .4s}.score-heading .studio-en{display:block;margin-top:28px;font-size:19px}.score-heading h3{font-size:21px;letter-spacing:.03em;font-weight:500;margin:12px 0 25px}.score-column ol{list-style:none;margin:0;padding:0;counter-reset:song}.score-column li{position:relative;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:19px 0;border-top:1px solid #d1bc792d;counter-increment:song;min-height:95px;transition:background .3s,box-shadow .3s}.score-column li>span{font-size:14px;line-height:1.7}.score-column li>span:before{content:counter(song,decimal-leading-zero) ' / ';font:italic 13px 'Cormorant Garamond',serif;color:#c8ae6d}.score-column li small{display:block;color:#a5bbc4;font-size:12px;margin-top:6px}.score-column .film-watch{border-color:#b8a16680;color:#e5cd8b;padding:11px 10px;font-size:12px}.score-column .film-watch:hover{background:#e5cd8b;color:#203b4a}.score-column li:hover,.score-column li:focus-within{background:radial-gradient(130% 150% at 0% 50%,#e5c66b2b,#e5c66b00 64%);box-shadow:none}.score-column li>span{transition:color .3s,text-shadow .3s}.score-column li:hover>span,.score-column li:focus-within>span{color:#f6e7b8;text-shadow:0 0 18px #e5c66b80}.score-column li:hover small,.score-column li:focus-within small{text-shadow:none}.score-column:has(a:hover) .score-node,.score-column:focus-within .score-node{box-shadow:0 0 0 7px #203b4a,0 0 28px #e5c66b88}.motion-off .score-grid:after{animation:none}@keyframes score-travel{from{left:-80px}to{left:100%}}@media(max-width:1000px){.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 35px}.score-grid:before{display:none}.score-grid:after{display:none}.score-heading{border-top:1px solid #c7aa6166;padding-top:20px}}@media(max-width:620px){.score-overview{padding:55px 24px}.score-title{display:block;margin-bottom:35px}.score-title p{margin-top:22px}.score-grid{grid-template-columns:1fr;gap:36px;padding-left:28px}.score-grid:before{display:block;left:0;top:0;bottom:0;width:1px;height:auto;right:auto;background:linear-gradient(#c7aa61,#c7aa6144)}.score-grid:after{display:block;left:-1px;top:0;width:3px;height:75px;animation:score-vertical 10s linear infinite;background:linear-gradient(transparent,#ffe7a4,transparent)}.score-heading{border:0;padding:0}.score-node{position:absolute;left:-43px;width:30px;height:30px;font-size:16px;box-shadow:0 0 0 5px #203b4a}.score-column{position:relative}.score-heading .studio-en{margin:0}.score-heading h3{font-size:24px;margin-bottom:24px}.score-column li{min-height:84px}.score-column li>span{font-size:15px}.score-column .film-watch{padding:12px}.score-column:has(a:hover) .score-node{box-shadow:0 0 15px #e5c66b88}@keyframes score-vertical{from{top:-75px}to{top:100%}}}
/* 115.09.10 小晴補：創作與製作說明（同 mixed-pages.css 規則） */
.album-disclosure{max-width:1000px;margin:20px auto 30px;padding:20px 28px;border-top:1px solid #c5b17a}
.album-disclosure summary{cursor:pointer;min-height:44px}
.films-disclosure{font-size:15px;line-height:2;color:#68736f}
/* 115.09.26 律師裁示甲案：曲目列金線改在整列下緣，靜態即可見；滑鼠移入或鍵盤聚焦時，亮金線由左向右畫出（取代原列底光暈）。線在列的下緣留白處，不壓文字（設計規範第七節第 8 點）。 */
.score-column li+li{border-top-width:0}
.score-column li:hover,.score-column li:focus-within{background:none}
.score-column li:before,.score-column li:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none}
.score-column li:before{background:linear-gradient(90deg,#c7aa61c7,#c7aa6180 60%,#c7aa6133)}
.score-column li:after{height:2px;background:linear-gradient(90deg,#ffe7a4,#e5c66b 60%,#e5c66b26);box-shadow:0 0 10px #e5c66b73;transform:scaleX(0);transform-origin:0 50%;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.score-column li:hover:after,.score-column li:focus-within:after{transform:scaleX(1)}
html[data-theme="dark"] .score-overview .score-column li:hover,html[data-theme="dark"] .score-overview .score-column li:focus-within{background:none}
html[data-theme="dark"] .score-column li:before{background:linear-gradient(90deg,#d8bf80a6,#d8bf8066 60%,#d8bf8026)}
html[data-theme="dark"] .score-column li:after{background:linear-gradient(90deg,#ecd9a6,#d8bf80 60%,#d8bf8026);box-shadow:0 0 8px #d8bf804d}
@media(prefers-reduced-motion:reduce){.score-column li:after,.score-column li>span{transition:none}}
/* 115.09.26 待裁示總表第二輪 C7：深色主題之系列時間軸。appearance-dark.css 把時間軸主線中段與流光換成暗灰（#262b2a），在深藍底上像一道暗影；改回金色系，與曲目金線深色版（#d8bf80／#ecd9a6）一致。本檔在 appearance-dark.css 之前載入，故選擇器多掛 .score-overview 提高權重。 */
html[data-theme="dark"] .score-overview .score-grid:before{background-image:linear-gradient(90deg,#80714d,#d8bf80,#80714d)}
html[data-theme="dark"] .score-overview .score-grid:after{background-image:linear-gradient(90deg,transparent,#ecd9a6,transparent);filter:drop-shadow(0 0 6px #d8bf8099)}
@media(max-width:620px){html[data-theme="dark"] .score-overview .score-grid:before{background-image:linear-gradient(#d8bf80a6,#d8bf8033)}html[data-theme="dark"] .score-overview .score-grid:after{background-image:linear-gradient(transparent,#ecd9a6,transparent)}}
/* 流光動畫：系統「減少動態效果」與頁面「動畫：暫停」一律停播（原僅處理後者） */
@media(prefers-reduced-motion:reduce){.score-grid:after{animation:none}}

/* 115.09.29 P10：系列封面左下編號角標加深藍底，淺色封面上亦可辨識（原僅文字陰影，對比不足） */
.film-art .film-index{bottom:0;left:0;padding:2px 14px 0;background:rgba(28,53,69,.88);line-height:1.25;text-shadow:none}
