/* ============================================
   z0006 — B站粉密集互动风 (Bilibili Compact)
   B站粉 #FB7299 / 橙 #FF6633 / 浅灰底 #f4f5f7
   13px 小字 + 6 列密集网格 + 粉色描边/底线
   复刻自旧站 z0006, 已 c-aaead8- 化 (站群反指纹)
   ============================================ */

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 13px; color: #333; background: #f4f5f7; line-height: 1.55; }
a { color: #333; text-decoration: none; transition: color .2s; }
a:hover { color: #FB7299; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }
input, button { border: none; outline: none; font: inherit; -webkit-appearance: none; }

.c-aaead8-wrap, .c-aaead8-main { max-width: 1200px; margin: 0 auto; padding: 0 10px; }
.c-aaead8-main { display: block; }

/* ---------- 顶栏 (紧凑粉底线) ---------- */
.c-aaead8-topbar { background: #fff; border-bottom: 2px solid #FB7299; position: sticky; top: 0; z-index: 100; }
.c-aaead8-topbar_inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; height: 46px; padding: 0 10px; gap: 10px; }
.c-aaead8-logo { font-size: 18px; font-weight: 700; color: #FB7299; white-space: nowrap; flex-shrink: 0; }
.c-aaead8-logo:hover { color: #FF6633; }
.c-aaead8-nav { display: flex; gap: 2px; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.c-aaead8-nav::-webkit-scrollbar { display: none; }
.c-aaead8-nav a { display: block; padding: 5px 11px; font-size: 13px; color: #555; border-radius: 4px; white-space: nowrap; }
.c-aaead8-nav a:hover { color: #FB7299; background: #fff0f4; }
.c-aaead8-nav a.cur { background: #FB7299; color: #fff; }
.c-aaead8-search { display: flex; height: 28px; flex-shrink: 0; }
.c-aaead8-search input { width: 150px; height: 28px; padding: 0 10px; border: 1px solid #ddd; border-right: none; border-radius: 4px 0 0 4px; font-size: 12px; background: #fafafa; color: #333; }
.c-aaead8-search input:focus { border-color: #FB7299; }
.c-aaead8-search input::placeholder { color: #aaa; }
.c-aaead8-search button { height: 28px; padding: 0 12px; background: #FB7299; color: #fff; border-radius: 0 4px 4px 0; cursor: pointer; font-size: 12px; }
.c-aaead8-search button:hover { background: #FF6633; }
.c-aaead8-menu_btn { display: none; background: none; color: #FB7299; font-size: 1.2rem; padding: 4px 8px; cursor: pointer; flex-shrink: 0; }

/* ---------- 区块标题 ---------- */
.c-aaead8-block { padding: 4px 0; }
.c-aaead8-block_head { display: flex; align-items: center; justify-content: space-between; margin: 12px 0 8px; padding-bottom: 6px; border-bottom: 2px solid #FB7299; }
.c-aaead8-block_head h2, .c-aaead8-block_head h3 { font-size: 16px; font-weight: 700; color: #333; }
.c-aaead8-more { font-size: 12px; color: #FB7299; }
.c-aaead8-more:hover { color: #FF6633; }
.c-aaead8-page { font-size: 16px; font-weight: 700; color: #333; padding: 6px 0; border-bottom: 2px solid #FB7299; margin-bottom: 8px; }
.c-aaead8-list_lead { font-size: 12px; color: #999; padding: 4px 0 8px; }
.c-aaead8-decor { font-size: 12px; color: #999; line-height: 1.7; margin: 6px 0 10px; }

/* ---------- 密集网格 6 列 ---------- */
.c-aaead8-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.c-aaead8-card { display: block; background: #fff; border-radius: 4px; overflow: hidden; border: 1px solid transparent; transition: border-color .2s; }
.c-aaead8-card:hover { border-color: #FB7299; }
.c-aaead8-pic { display: block; position: relative; padding-bottom: 133.33%; overflow: hidden; background: #f0f0f0; }
.c-aaead8-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.c-aaead8-card:hover .c-aaead8-pic img { transform: scale(1.04); }
.c-aaead8-badge { position: absolute; right: 0; bottom: 0; background: rgba(251,114,153,.88); color: #fff; font-size: 11px; padding: 1px 6px; border-radius: 4px 0 0 0; }
.c-aaead8-score { position: absolute; left: 0; top: 0; background: rgba(255,102,51,.9); color: #fff; font-size: 11px; padding: 1px 6px; border-radius: 0 0 4px 0; }
.c-aaead8-score::before { content: "★"; margin-right: 2px; }
.c-aaead8-info { display: block; padding: 4px 6px 6px; }
.c-aaead8-name { display: block; font-size: 12px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }
.c-aaead8-card:hover .c-aaead8-name { color: #FB7299; }
.c-aaead8-meta { display: block; font-size: 11px; color: #aaa; margin-top: 1px; }

/* ---------- 面包屑 ---------- */
.c-aaead8-crumb { padding: 10px 0 4px; font-size: 12px; color: #999; }
.c-aaead8-crumb a { color: #888; }
.c-aaead8-crumb a:hover { color: #FB7299; }
.c-aaead8-crumb .sep { margin: 0 5px; color: #ccc; }

/* ---------- 详情 ---------- */
.c-aaead8-detail { display: flex; gap: 14px; background: #fff; padding: 12px; border-radius: 6px; margin-bottom: 12px; align-items: flex-start; }
.c-aaead8-detail_pic { position: relative; width: 180px; flex-shrink: 0; border-radius: 4px; overflow: hidden; background: #f0f0f0; }
.c-aaead8-detail_pic img { width: 100%; height: auto; display: block; }
.c-aaead8-detail_body { flex: 1; min-width: 0; }
.c-aaead8-detail_body h1, .c-aaead8-h_main { font-size: 18px; font-weight: 700; margin-bottom: 8px; line-height: 1.4; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.c-aaead8-score_big { background: #FF6633; color: #fff; font-size: 13px; font-weight: 700; padding: 2px 8px; border-radius: 4px; }
.c-aaead8-score_big::before { content: "★ "; }
.c-aaead8-detail_meta { margin-bottom: 6px; }
.c-aaead8-detail_meta .row { font-size: 12.5px; color: #666; line-height: 1.9; }
.c-aaead8-detail_meta b { color: #999; font-weight: 400; }
.c-aaead8-play_now { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 10px 28px; background: #FB7299; color: #fff; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none; transition: background .15s; }
.c-aaead8-play_now:hover { background: #e85d85; color: #fff; }
.c-aaead8-detail_desc { background: #fff; padding: 12px; border-radius: 6px; margin-bottom: 12px; font-size: 12.5px; color: #666; line-height: 1.8; }

/* ---------- 播放线路 / 剧集 ---------- */
.c-aaead8-play_src { background: #fff; padding: 12px; border-radius: 6px; margin-bottom: 10px; }
.c-aaead8-play_src h3 { font-size: 13px; font-weight: 700; color: #333; margin-bottom: 8px; }
.c-aaead8-eps { display: flex; flex-wrap: wrap; gap: 4px; }
.c-aaead8-eps a { display: inline-block; padding: 4px 11px; font-size: 12px; background: #f4f5f7; border-radius: 3px; color: #555; border: 1px solid transparent; }
.c-aaead8-eps a:hover { border-color: #FB7299; color: #FB7299; }
.c-aaead8-eps a.cur { background: #FB7299; color: #fff; border-color: #FB7299; }

/* ---------- 播放器 ---------- */
.c-aaead8-video-wrap { position: relative; width: 100%; background: #000; border-radius: 6px; overflow: hidden; margin-bottom: 12px; aspect-ratio: 16/9; }
.c-aaead8-video-wrap iframe, .c-aaead8-video-wrap video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* ---------- 推荐 ---------- */
.c-aaead8-recommend { padding: 4px 0; }
.c-aaead8-recommend h2 { font-size: 16px; font-weight: 700; color: #333; margin: 12px 0 8px; padding-bottom: 6px; border-bottom: 2px solid #FB7299; }

/* ---------- 分页 ---------- */
.c-aaead8-pagi { padding: 14px 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
.c-aaead8-pagi a, .c-aaead8-pagi span { display: inline-block; padding: 4px 12px; font-size: 13px; border-radius: 3px; background: #fff; border: 1px solid #ddd; color: #333; }
.c-aaead8-pagi a:hover { border-color: #FB7299; color: #FB7299; }
.c-aaead8-pagi .cur { background: #FB7299; color: #fff; border-color: #FB7299; }

/* ---------- 空状态 ---------- */
.c-aaead8-empty-tip { text-align: center; padding: 36px 16px; color: #999; background: #fff; border-radius: 6px; }

/* ---------- 页脚 ---------- */
.c-aaead8-footer { background: #fff; border-top: 2px solid #FB7299; padding: 18px 10px; margin-top: 18px; text-align: center; }
.c-aaead8-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; margin-bottom: 10px; }
.c-aaead8-links a { font-size: 12px; color: #888; }
.c-aaead8-links a:hover { color: #FB7299; }
.c-aaead8-copy { font-size: 11px; color: #aaa; line-height: 1.7; }

.c-aaead8-tabbar { display: none; }

/* ---------- 响应式 ---------- */
@media (max-width: 1024px) {
  .c-aaead8-grid { grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 768px) {
  .c-aaead8-nav, .c-aaead8-search { display: none; }
  .c-aaead8-search.open { display: flex; position: fixed; top: 46px; left: 0; right: 0; z-index: 1100; height: auto; max-width: none; padding: 8px 12px; background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.14); }
  .c-aaead8-search.open input { flex: 1; min-width: 0; width: auto; height: 40px; }
  .c-aaead8-search.open button { height: 40px; }
  .c-aaead8-nav.open { display: flex; position: fixed; top: 46px; left: 0; right: 0; background: #fff; flex-wrap: wrap; padding: 8px 10px; gap: 4px; border-bottom: 1px solid #eee; z-index: 99; }
  .c-aaead8-nav.open a { background: #f4f5f7; }
  .c-aaead8-menu_btn { display: block; margin-left: auto; }
  .c-aaead8-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .c-aaead8-detail { flex-direction: column; gap: 12px; align-items: center; text-align: center; }
  .c-aaead8-detail_pic { width: 140px; }
  .c-aaead8-detail_body h1, .c-aaead8-h_main { font-size: 16px; justify-content: center; }
  .c-aaead8-detail_meta .row { text-align: left; }
  .c-aaead8-footer { margin-bottom: 56px; }
  .c-aaead8-tabbar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; background: #fff; border-top: 1px solid #eee; }
  .c-aaead8-tabbar a { flex: 1; text-align: center; padding: 6px 0 5px; font-size: 11px; color: #888; display: flex; flex-direction: column; align-items: center; gap: 1px; }
  .c-aaead8-tabbar a.cur { color: #FB7299; }
  .c-aaead8-tabbar .ic { font-size: 17px; line-height: 1; }
}
@media (max-width: 480px) {
  .c-aaead8-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
}

/* 满行约束: .c-aaead8-grid 列数取候选数量(均6倍数)的因子 6/3/2, 任意候选都铺满整行(!important 压过模板内更具体的网格规则) */
.c-aaead8-grid{grid-template-columns:repeat(6,1fr)!important}
@media(max-width:1024px){.c-aaead8-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:600px){.c-aaead8-grid{grid-template-columns:repeat(2,1fr)!important}}