/* 封面会 · 文字版（cover-text.js）：散场那一屏的入口 + 一张面板。
   只用设计系统（design/fable）的 token 和现成的件：st__modal / st-panel、fb-avatar + fb-a-<cid>、fb-tag、fb-iconbtn。 */

/* 入口：封面小图 + 两行字，跟「再看一遍」那颗大绿键分开主次 */
#end .cover-open {display:inline-flex;align-items:center;gap:var(--fb-space-3);min-height:var(--fb-touch);max-width:min(340px,calc(100vw - 32px));padding:6px 18px 6px 6px;border:1px solid var(--fb-line-strong);border-radius:var(--fb-radius-md);background:var(--fb-surface-1);color:var(--fb-ink);text-align:left;cursor:pointer;transition:border-color var(--fb-dur-state),background var(--fb-dur-state)}
#end .cover-open[hidden] {display:none}
#end .cover-open:hover {border-color:var(--fb-gold);background:var(--fb-surface-2)}
#end .cover-open:focus-visible {outline:none;box-shadow:var(--fb-ring-focus)}
#end .cover-open img {flex:none;width:44px;height:44px;border-radius:var(--fb-radius-sm);object-fit:cover;object-position:50% 0;background:var(--fb-surface-3)}
#end .cover-open__text {display:grid;gap:2px;min-width:0}
#end .cover-open__text b {font:700 15px/20px var(--font-body);letter-spacing:.04em;color:var(--fb-ink);text-shadow:none}
#end .cover-open__text small {font:400 12px/16px var(--font-body);color:var(--fb-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 面板：盖在整页上（跟押一手同一层），一张卡居中 */
#cover-text {position:fixed;inset:0;z-index:80;padding:var(--fb-space-2)}
#cover-text[hidden] {display:none}
#cover-text .cover-panel {width:min(920px,100%);max-height:min(820px,100%);min-height:0}
.cover-panel .st-panel__head {flex-shrink:0;padding:var(--fb-space-3) var(--fb-space-3) var(--fb-space-3) var(--fb-space-6)}
.cover-panel__titles {display:grid;gap:2px;min-width:0}
.cover-panel .st-panel__foot {flex-shrink:0}
.cover-panel__body {grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:var(--fb-space-6);min-height:0;overflow-y:auto;overscroll-behavior:contain}
.cover-panel__body.is-text-only {grid-template-columns:minmax(0,1fr)}
.cover-panel__art {position:sticky;top:0;display:block;border:1px solid var(--fb-line);border-radius:var(--fb-radius-md);overflow:hidden;background:var(--fb-night-deep)}
.cover-panel__art[hidden] {display:none}
.cover-panel__art img {display:block;width:100%;height:auto}
.cover-panel__art:focus-visible {outline:none;box-shadow:var(--fb-ring-focus)}

/* 一行一句：主持那句金边旁白；艺人头像 + 名字 + 提议 / 拍板 / 回应，正文对齐到名字下面 */
.cover-lines {display:grid;gap:var(--fb-space-4);margin:0;padding:0;list-style:none}
.cover-line {display:grid;gap:6px;min-width:0}
.cover-line__who {display:flex;align-items:center;gap:var(--fb-space-2);min-width:0}
.cover-line__who b {font:700 14px/20px var(--font-body);color:var(--fb-ink)}
.cover-line__text {margin:0 0 0 40px;color:var(--fb-ink);font:400 14px/22px var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere}
.cover-line--host .cover-line__text {margin:0;padding:8px 12px;border-left:2px solid var(--fb-gold);border-radius:0 var(--fb-radius-sm) var(--fb-radius-sm) 0;background:var(--fb-gold-tint);color:var(--fb-ink-2);font-size:13px;line-height:20px}
.cover-line--decision .cover-line__who b {color:var(--fb-gold)}
.cover-line__plan {margin:0 0 0 40px;padding:8px 12px;border-radius:var(--fb-radius-sm);background:var(--fb-surface-2);color:var(--fb-ink-2);font:400 13px/20px var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere}
.cover-line__plan small {display:block;margin-bottom:2px;color:var(--fb-gold);font-size:12px;line-height:16px;letter-spacing:.08em}
details.cover-line__plan {white-space:normal}
details.cover-line__plan summary {cursor:pointer;color:var(--fb-gold);font-size:12px;line-height:20px;letter-spacing:.08em;border-radius:var(--fb-radius-xs)}
details.cover-line__plan summary:focus-visible {outline:none;box-shadow:var(--fb-ring-focus)}
details.cover-line__plan p {margin:4px 0 0;white-space:pre-wrap}

/* 手机竖屏：一栏，封面压矮放在最上面（定高的框、图按比例放进去），字跟着往下 */
@media (max-width:600px) {
 #cover-text .cover-panel {max-height:100%}
 .cover-panel .st-panel__head {padding:var(--fb-space-2) var(--fb-space-2) var(--fb-space-2) var(--fb-space-4)}
 .cover-panel .st-panel__head h2 {font-size:20px;line-height:26px}
 .cover-panel__body {grid-template-columns:minmax(0,1fr);gap:var(--fb-space-4);padding:var(--fb-space-3) var(--fb-space-4) var(--fb-space-4)}
 .cover-panel__art {position:static;height:min(28svh,240px)}
 .cover-panel__art img {height:100%;object-fit:contain}
 .cover-line__text,.cover-line__plan {margin-left:0}
 .cover-panel .st-panel__foot {padding:var(--fb-space-2) var(--fb-space-4)}
}
/* 手机横屏：矮，两栏，封面那栏窄、整张图放进一屏高，头尾收紧 */
@media (max-height:520px) and (min-width:601px) {
 .cover-panel .st-panel__head {padding:var(--fb-space-2) var(--fb-space-2) var(--fb-space-2) var(--fb-space-4)}
 .cover-panel .st-panel__head h2 {font-size:20px;line-height:26px}
 .cover-panel__body {grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:var(--fb-space-4);padding:var(--fb-space-3) var(--fb-space-4)}
 .cover-panel__art {height:min(calc(100svh - 120px),320px)}
 .cover-panel__art img {height:100%;object-fit:contain}
 .cover-panel .st-panel__foot {display:none}
}