/* 本站自己的样式，2026-09-06 新增。
 *
 * 为什么不直接改 style.css：那份是从 onshort 原样取下的主题文件（头部自报 Version 17.1.0）。
 * 改它等于与上游分叉，下次重新取一份就把改动覆掉了，而且看不出来。
 * 只有列表页与平台页用得上，所以只在那两个模板里 link。
 *
 * 能用上游现有类的都没在这里重定义 —— 卡片网格用 .series-grid、分页用
 * .catalog-pagination、dubbed 页的头用 .dubbed-catalog__hero，那些 style.css 里都有。
 */

/* 列表页的页面标题是 h1（语义上必须是），而上游只给了 .app-section__head h2 字号。
   这条把 h1 对齐到同一个尺寸，值直接抄 style.css 第 142 行。 */
.app-section__head h1{margin:3px 0 0;font-size:clamp(1.65rem,2.4vw,2.45rem);line-height:1.08;letter-spacing:-.045em}
body.is-rtl .app-section__head h1{letter-spacing:-.02em}

/* 平台索引页的网格。每张卡：logo + 名字 + 剧目数 */
.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:8px}
.platform-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none}
.platform-card:hover{border-color:var(--red)}
.platform-card img{width:48px;height:48px;border-radius:12px;object-fit:cover;flex:none}
.platform-card__fallback{width:48px;height:48px;border-radius:12px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,var(--red-2),var(--red-deep));color:#fff;font-weight:900;font-size:1.05rem}
.platform-card__text{min-width:0}
.platform-card__name{display:block;font-weight:800;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.platform-card__count{display:block;margin-top:3px;color:var(--muted);font-size:.75rem}

@media (max-width:640px){
  .platform-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
  .platform-card{padding:12px;gap:10px}
  .platform-card img,.platform-card__fallback{width:38px;height:38px;border-radius:10px}
}