/* ========================= DESIGN LAYERS ========================= */
/* Shared: live button, thumb cards, video player, seamless ticker */
:root{--navy:#0b2a4a}
.live-btn{background:var(--accent);color:#fff;padding:6px 12px;border-radius:4px;font-weight:700;text-decoration:none;white-space:nowrap}
.news-card.thumb a{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start}.news-card.thumb .excerpt,.news-card.thumb .badge{display:none}.news-card.thumb .news-title{font-size:.98rem;margin:0}.thumb-list{display:grid;gap:14px}
.video-wrap{display:grid;grid-template-columns:2fr 1fr;gap:16px}.yt{position:relative;aspect-ratio:16/9;background:#000}.yt iframe,.yt-play{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-play{background-size:cover;background-position:center;cursor:pointer;display:grid;place-items:center;color:#fff}.yt-play span{font-size:2.4rem;background:rgba(0,0,0,.65);border-radius:50%;width:76px;height:76px;display:grid;place-items:center}
.video-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;align-content:start}.yt-pick{display:flex;gap:10px;align-items:center;background:none;border:0;color:var(--fg);text-align:left;cursor:pointer;width:100%;font:inherit}.yt-pick span{font-weight:700}
.vid .news-card a{position:relative}.vid .news-card a:after{content:"\25B6";position:absolute;top:16%;left:50%;transform:translateX(-50%);font-size:2.4rem;color:#fff;text-shadow:0 0 8px #000}
.track{flex:1;overflow:hidden;white-space:nowrap}.track-inner{display:inline-flex;animation:tick 40s linear infinite}
.track-inner span{display:inline-block;padding:0;animation:none;min-width:100vw}.track-inner a{text-decoration:none;margin:0 14px}.track-inner i{font-style:normal;color:var(--accent)}
.track:hover .track-inner,.ticker.paused .track-inner{animation-play-state:paused}@keyframes tick{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.track-inner{animation:none}}
/* Classic design: hide the top bar, keep the earlier look */
.design-classic .topbar{display:none}
/* Broadcaster (BBS-style) design */
.design-bbs .topbar{background:var(--navy);color:#fff;font-size:.8rem}.design-bbs .topbar .wrap{display:flex;gap:16px;align-items:center;padding-top:6px;padding-bottom:6px}.design-bbs .topbar a{color:#fff;text-decoration:none}.design-bbs .topbar .push{margin-left:auto}
.design-bbs .site-header{border-bottom:0}.design-bbs .main-nav{background:var(--navy)}.design-bbs .main-nav a{color:#fff}.design-bbs .main-nav a:hover{background:rgba(255,255,255,.14)}.design-bbs .main-nav .sub-menu{background:var(--navy);border:0}
.design-bbs .block-title{border-top:0;border-left:5px solid var(--accent);padding-left:10px}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:16px 0}
.design-bbs .slider .news-card.featured{position:relative;color:#fff}.design-bbs .slider .news-card.featured a{color:#fff}.design-bbs .slider .news-card.featured .news-card-content{position:absolute;left:0;right:0;bottom:0;padding:56px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.design-bbs .slider .news-card.featured .excerpt{display:none}.design-bbs .slider .news-card.featured .news-title{font-size:1.8rem;color:#fff}.design-bbs .slider .badge.category{color:var(--gold)}.design-bbs .slider .meta{color:#e4e6ea}
.trend-strip{display:flex;align-items:stretch;background:var(--card);border-left:5px solid var(--accent);margin:16px 0;overflow-x:auto}.trend-strip h2{margin:0;padding:12px 16px;font:700 .85rem var(--sans);color:var(--accent);white-space:nowrap;align-self:center}
.trend-strip ol{display:flex;list-style:none;margin:0;padding:0}.trend-strip li{padding:10px 16px;border-left:1px solid var(--line);min-width:230px;max-width:260px}.trend-strip a{font-weight:700;text-decoration:none;font-size:.9rem}.trend-strip time{display:block;font-size:.75rem;color:var(--muted)}
.design-bbs .site-footer{background:var(--navy);color:#e8ecf2;border:0}.design-bbs .site-footer a{color:#e8ecf2}.design-bbs .site-footer .copy{color:#b8c2d0}.social{display:flex;flex-wrap:wrap;gap:6px 14px}
@media(max-width:992px){.hero,.video-wrap{grid-template-columns:1fr}.topbar .push{display:none}}
.cat-special-news .block-title{border-color:var(--gold)}.cat-special-news .news-card{border-top:3px solid var(--gold);padding-top:8px}
/* Advertisement popup + side card */
body.ad-open{overflow:hidden}
.ad-pop{position:fixed;inset:0;background:rgba(10,20,40,.62);display:grid;place-items:center;z-index:1000;padding:16px}.ad-pop[hidden],.ad-dock[hidden]{display:none}
.ad-card{position:relative;background:var(--bg);color:var(--fg);max-width:480px;width:100%;max-height:92vh;overflow:auto;border-radius:10px;border-top:5px solid var(--gold);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.ad-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.ad-body{padding:16px 22px 22px}.ad-label{display:block;font-size:.7rem;letter-spacing:.1em;color:var(--muted)}.ad-card h2{margin:.3em 0}.ad-card p{margin:.3em 0 1em}
.ad-btn{display:inline-block;background:var(--accent);color:#fff;padding:9px 18px;border-radius:5px;font-weight:700;text-decoration:none}
.ad-x,.ad-dock-x{border:0;border-radius:50%;background:rgba(0,0,0,.68);color:#fff;cursor:pointer;line-height:1}.ad-x{position:absolute;top:8px;right:8px;width:34px;height:34px;font-size:1.3rem;z-index:2}
.ad-dock{position:fixed;bottom:16px;right:16px;width:270px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:900}.ad-dock.left{right:auto;left:16px}
.ad-dock-x{position:absolute;top:-10px;right:-10px;width:24px;height:24px;font-size:1rem}
.ad-dock-open{display:flex;gap:10px;align-items:center;width:100%;padding:10px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit}.ad-dock-open img{width:72px;height:48px;object-fit:cover;border-radius:4px}.ad-dock-open small{display:block;font-size:.65rem;letter-spacing:.1em;color:var(--muted)}.ad-dock-open strong{font-size:.9rem;line-height:1.25}
.toolbar a{background:var(--card);padding:7px 12px;border-radius:4px;text-decoration:none}.more-archive{text-align:center;margin:24px 0}.site-footer .cols{grid-template-columns:2fr 1fr 1fr}
@media(max-width:576px){.ad-dock{left:8px;right:8px;width:auto;bottom:8px}.ad-dock-x{top:-8px}.site-footer .cols{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.ad-card{animation:adIn .25s ease-out}@keyframes adIn{from{transform:translateY(14px);opacity:0}}}