/* Base */
:root{--bg:#0b0c10;--fg:#e6e9ef;--muted:#9aa4b2;--card:#14161c;--border:#202531;--accent:#5cc8ff}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,Segoe UI,Inter,Arial,sans-serif}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
header.site{padding:14px 16px;border-bottom:1px solid var(--border)}
header.site h1{margin:0;font-size:20px}
.nav-tags{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
/* Three-column table layout */
.page-layout{width:100%;border-spacing:0;border-collapse:collapse}
.page-layout td{vertical-align:top;padding:10px}
.col-left,.col-right{background:#11151d;border:1px solid var(--border);border-radius:8px;width:15%}
.col-center{width:70%}
.col-right textarea{width:100%;min-height:280px;resize:vertical;background:#10131a;color:#e6e9ef;border:1px solid var(--border);border-radius:6px;padding:8px;font-family:inherit}
/* Cards / grid */
.cb-thumb img{max-width:360px;max-height:270px;margin:0 auto;display:block;object-fit:cover}
.cb-card{max-width:380px;margin-left:auto;margin-right:auto;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.cb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media (max-width:1100px){.cb-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.cb-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cb-grid{grid-template-columns:1fr}}
.cb-thumb{position:relative;aspect-ratio:16/9;background:#0e1117}
.cb-card:hover .cb-thumb img{transform:scale(1.03)} .cb-thumb img{transition:transform .25s ease}
.cb-live{position:absolute;top:8px;left:8px;background:#ff3b30;color:#fff;font-weight:700;font-size:12px;padding:4px 8px;border-radius:999px}
.cb-info{padding:12px 12px 14px}
.cb-title{font-weight:700;margin:0 0 6px}
.cb-desc{font-size:13px;opacity:.85;min-height:3.6em;margin:0}
.cb-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cb-chip{font-size:12px;padding:4px 8px;border:1px solid #2a3242;border-radius:999px;opacity:.9}
.cb-actions{margin-top:12px;display:flex;gap:8px}
.cb-btn{cursor:pointer;border:0;border-radius:10px;padding:10px 12px;background:#2a3242;color:#e8eef7;font-weight:600;text-decoration:none;display:inline-block}
.cb-btn.cb-primary{background:var(--accent);color:#001018}
.seo-text{margin:16px 0 24px;line-height:1.6}
.notice-18{font-size:.9rem;opacity:.8;margin:8px 0}
.menu-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr}
.menu-list li{padding:6px 0;border-bottom:1px solid #0f1218}
.menu-list li a{display:block;padding:4px 6px}
footer.site{border-top:1px solid var(--border);margin-top:18px;padding:12px 16px;color:var(--muted);font-size:13px}