/* 定稿品牌僅作用自有介面；供應商文件、遊戲時鐘與資料更新不受影響。 */
body.app-ui .brand-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.app-ui .brand #brandMark{width:44px;height:44px;object-fit:contain}
body.app-ui .brand .brand-wordmark{width:192px;height:64px;object-fit:contain}
body.app-ui .brand{gap:8px}
body.app-ui .hero{min-height:420px;background:#080b10;border-color:var(--app-line)}
body.app-ui .hero-media{inset:16px 28px 16px auto;width:46%;opacity:1}
body.app-ui .hero-media>.hero-poster{object-fit:contain;object-position:center}
body.app-ui .hero-shade{background:linear-gradient(90deg,#080b10 35%,#080b1000 65%)}
body.app-ui .hero-copy{width:56%;padding:54px 40px}
body.app-ui .hero h1{font-size:clamp(28px,3vw,40px);max-width:11em;line-height:1.4}
body.app-ui .hero-primary{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent)}
body.app-ui .workspace-card{grid-template-columns:280px minmax(0,1fr)}
body.app-ui .workspace-art{min-height:190px;background:#060c15}
body.app-ui .workspace-media>.hero-poster{object-fit:cover;object-position:72% center}
body.app-ui .workspace-media>.hero-video{object-fit:cover;object-position:72% center}
body.app-ui .workspace-art::after{display:none}
body.app-ui .workspace-content{padding:24px 28px}
body.app-ui .workspace-link{color:var(--app-accent)}
body.app-ui .dialog-brand img{width:40px;height:40px;object-fit:contain}
body.app-ui .analysis-welcome{max-width:820px;padding-top:24px}
body.app-ui .analysis-welcome>img{display:block;width:min(100%,440px);height:auto;aspect-ratio:16/9;object-fit:cover;object-position:right center;margin:0 auto 24px;border-radius:var(--app-radius-panel)}
body.app-ui .slot-provider-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,400px);gap:8px 32px;align-items:center;margin-bottom:24px}
body.app-ui .slot-provider-heading h2{grid-column:1;align-self:end;margin:0}
body.app-ui .slot-provider-heading p{grid-column:1;align-self:start}
body.app-ui .slot-provider-art{grid-column:2;grid-row:1/3;display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:right center;border-radius:var(--app-radius-panel)}
body.app-ui .app-slot-intro>img{width:360px;max-width:42%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:right center;border-radius:var(--app-radius-panel)}
body.app-ui .sports-front-intro .sports-brain-mark{width:min(42%,420px);height:auto;aspect-ratio:16/9;object-fit:cover;object-position:right center;border-radius:var(--app-radius-panel)}
body.app-ui :is(.topbrand img,.sports-brand img,.brand-mark){object-fit:contain}
@media(max-width:1100px){
 body.app-ui .brand .brand-wordmark{width:168px;height:56px}
 body.app-ui .hero-copy{width:58%;padding:42px 32px}
 body.app-ui .workspace-card{grid-template-columns:240px minmax(0,1fr)}
 body.app-ui .workspace-content{padding:20px 24px}
}
@media(max-width:680px){
 body.app-ui .brand #brandMark{width:32px;height:32px}
 body.app-ui .brand .brand-wordmark{width:132px;height:44px}
 body.app-ui .brand{gap:4px;min-width:0}
 body.app-ui .header-inner{gap:6px}
 body.app-ui .hero{min-height:0;display:flex;flex-direction:column}
 body.app-ui .hero-media{position:relative;inset:auto;width:100%;height:260px;flex:none;opacity:1;z-index:0;padding:20px 24px 0}
 body.app-ui .hero-media>.hero-poster{object-fit:contain;object-position:center}
 body.app-ui .hero-shade{display:none}
 body.app-ui .hero-copy{width:100%;padding:24px}
 body.app-ui .hero h1{font-size:28px}
 body.app-ui .hero-note{margin-top:20px}
 body.app-ui .workspace-card{grid-template-columns:1fr}
 body.app-ui .workspace-art{min-height:0;height:180px}
 body.app-ui .workspace-media>.hero-poster{object-fit:cover;object-position:center}
 body.app-ui .workspace-content{padding:20px}
 body.app-ui .workspace-content p{display:block}
 body.app-ui .slot-provider-heading{grid-template-columns:1fr}
 body.app-ui .slot-provider-art{grid-column:1;grid-row:1;width:100%;max-height:200px}
 body.app-ui .slot-provider-heading h2,body.app-ui .slot-provider-heading p{grid-column:1}
 body.app-ui .sports-front-intro{align-items:flex-start;flex-direction:column}
 body.app-ui .sports-front-intro .sports-brain-mark{width:100%;max-width:420px}
}
@media(max-width:360px){body.app-ui .brand .brand-wordmark{width:116px;height:39px}body.app-ui .brand #brandMark{width:28px;height:28px}}