/* 影音專區：沿用共用版心、色票、立體卡片與按鈕。 */
.videos-note{margin:0;color:var(--ink-3);font-size:var(--fs-small);line-height:1.75}
.video-feature{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(24px,3vw,64px);padding:clamp(16px,2vw,40px)}
.video-feature>.video-card__body:last-child{margin-top:0}
.video-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.video-card__body h2,.video-card__body h3{color:var(--brand-d)}
.video-feature h3{font-size:clamp(26px,2.1vw,44px);line-height:1.45}
.video-card__body p{margin:0;line-height:1.85}
.video-duration{color:var(--ink-3);font-size:var(--fs-small);font-variant-numeric:tabular-nums;line-height:1.5}
.video-media{min-width:0;width:100%}
.video-player{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-md);background:var(--ink);box-shadow:var(--depth-2)}
.video-player--portrait{aspect-ratio:9/16}
.video-player video{display:block;width:100%;height:100%;object-fit:contain}
.video-player video:focus-visible{outline-offset:-5px}
.video-play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:clamp(60px,6vw,88px);height:clamp(60px,6vw,88px);padding:0;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.9);border-bottom:6px solid var(--brand-d);border-radius:50%;background:linear-gradient(155deg,var(--sky),var(--brand-2) 45%,var(--brand));color:var(--white);box-shadow:0 2px 0 rgba(255,255,255,.65) inset,0 7px 0 rgba(1,78,142,.7),0 14px 24px rgba(15,39,71,.4);transition:box-shadow 160ms,filter 160ms}
.video-play[hidden]{display:none}
.video-play:hover{filter:brightness(1.1);box-shadow:0 2px 0 rgba(255,255,255,.65) inset,0 7px 0 rgba(1,78,142,.7),0 16px 28px rgba(15,39,71,.5)}
.video-play:active{transform:translate(-50%,calc(-50% + 4px));box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 3px 0 rgba(1,78,142,.7),0 8px 14px rgba(15,39,71,.35)}
.video-play:focus-visible{outline:3px solid var(--white);outline-offset:5px}
.video-play svg{width:34%;height:34%;margin-left:5%;fill:currentColor;filter:drop-shadow(0 2px 1px rgba(1,78,142,.4))}
.video-error{margin:12px 0 0;color:var(--ink-2);font-size:var(--fs-small);line-height:1.75;overflow-wrap:anywhere}
.video-company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:stretch}
.video-card{gap:clamp(18px,1.6vw,28px);padding:clamp(16px,1.8vw,32px)}
.video-card>.video-card__body:last-child{flex:1;margin-top:0}
.video-card__body h3{font-size:clamp(21px,1.5vw,32px);line-height:1.5}
.video-card__body>.video-description:last-child{margin-top:auto;padding-top:4px}
.video-shorts{--video-gap:clamp(16px,1.5vw,28px);display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--video-gap)}
.video-short{flex:0 1 clamp(220px,18vw,280px);max-width:280px;min-width:0;padding:12px;gap:16px}
.video-short>.video-card__body:last-child{flex:1;margin-top:0;padding:0 4px 6px;gap:10px}
.video-short h3{font-size:clamp(17px,1.05vw,22px);line-height:1.55}
.video-short .video-duration{margin-top:auto}
.video-short .video-play{width:60px;height:60px}
@media(max-width:900px){
  .video-feature{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .video-company-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  .video-feature,.video-card{padding:14px}
  .video-feature h3{font-size:26px}
  .video-card__body h3{font-size:21px}
  .video-shorts{--video-gap:12px}
  .video-short{flex-basis:calc((100% - var(--video-gap))/2);padding:8px;gap:12px;border-radius:var(--r-md)}
  .video-short>.video-card__body:last-child{padding:0 2px 4px}
  .video-short h3{font-size:16px}
  .video-short .video-player{border-radius:var(--r-sm)}
  .video-short .video-play{width:52px;height:52px}
}
/* 廣告短片：寬螢幕一列 5 張，放不下改 3＋2，手機 2 欄（依卡片列實際寬度判斷） */
.video-shorts{container-type:inline-size}
.video-shorts>.video-short{flex:0 0 calc((100% - 4 * var(--video-gap))/5);max-width:340px}
@container (max-width:1000px){.video-shorts>.video-short{flex-basis:calc((100% - 2 * var(--video-gap))/3)}}
@container (max-width:560px){.video-shorts>.video-short{flex-basis:calc((100% - var(--video-gap))/2)}}
/* 直式封面中間多是標語，播放鈕放右下角不擋字 */
.video-short .video-play{left:auto;top:auto;right:12px;bottom:12px;transform:none}
.video-short .video-play:active{transform:translateY(4px)}
/* 總覽頁：分類標題左、「看全部」鈕右；分類頁的「精選影片」與下方格線間距 */
.videos-page .sec-head:has(.sec-head__link){flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
.videos-page .video-feature+.video-company-grid,.videos-page .video-feature+.video-shorts{margin-top:var(--gap)}
/* 影片嵌 YouTube（2026-10-04）：封面滿版、播放器接手後填滿同一個框；「分享影片」鈕與複製成功提示 */
.video-poster{display:block;width:100%;height:100%;object-fit:cover}
.video-poster[hidden]{display:none}
.video-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.video-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:4px}
.video-card__body>.video-actions:last-child{margin-top:auto;padding-top:8px}
.video-share{display:inline-flex;align-items:center;gap:8px;height:44px;padding-inline:16px}
.video-share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.video-share__status{color:var(--brand-d);font-size:var(--fs-small);line-height:1.5}
.video-share__status[hidden]{display:none}
.video-short .video-share{height:40px;padding-inline:12px;font-size:15px}