/* ============================================================
   曙光星域 · 4Gamers 风格覆盖层 v8 (extend_4g.css)
   配色与尺寸来自 4gamers.com.tw 页面 DOM 实测：
   · 页头 #19202B 高 80px（--aroma-header-height:80px）
   · 發文按钮/主色 #1E88E5，悬停 #1976D2；链接 #007BFF
   · 页脚 #424242 高约 232px，白色链接 16px，白色版权行
   · 区块标题 #21272A / 列表标题 #424242 / 时间 #9E9E9E
   · 卡片白底 + #EEEEEE 边框，hover 浅灰底 + 柔和阴影
   ============================================================ */

/* ---------- 1. 主色变量（对齐 4Gamers） ---------- */
:root {
  --comiis-color: #21272A;        /* 全局正文 = deep-dark-blue */
  --comiis-alink: #424242;        /* 列表标题 = 深灰 */
  --comiis-ahover: #007BFF;       /* 悬停 = 链接蓝 */
  --comiis-ahot: #F4831E;         /* 热点点缀 = warning 橙 */
  --comiis-nvbg: transparent;     /* 导航激活无底色块 */
  --comiis-nvtxt: #E8E8E8;        /* 导航未激活 = 浅白（深头上） */
  --comiis-nvbga: transparent;
  --comiis-nvtxta: #1E88E5;       /* 导航激活 = 品牌蓝 */
  --comiis-btnbg: #1E88E5;        /* 主按钮 = blue-600 */
  --comiis-btntxt: #FFFFFF;
  --comiis-btnbga: #1976D2;       /* 按钮悬停 = blue-700 */
  --comiis-btntxta: #FFFFFF;
}

/* ---------- 2. 圆角（4Gamers 小圆角） ---------- */
:root {
  --comiis-radius-s: 4px;
  --comiis-radius-m: 6px;
  --comiis-radius-l: 8px;
  --comiis-radius-b: 6px;
  --comiis-radius-c: 40px;
}

/* ---------- 3. 页面底色 ---------- */
body {
  background: #FFFFFF;
}

/* ---------- 4. 页头：#19202B + 高度 80px ---------- */
.comiis_headb {
  background: #19202B !important;
  height: 80px !important;
  min-height: 80px !important;
  box-sizing: border-box;
}
/* 导航：未激活浅白，激活/悬停品牌蓝 */
#comiis_tnv li a,
.comiis_headb nav a {
  color: #E8E8E8 !important;
  font-size: 16px;
  font-weight: 500;
  transition: color .15s ease;
}
#comiis_tnv li a:hover,
#comiis_tnv li.kmon a,
#comiis_tnv li.a a {
  color: #1E88E5 !important;
  font-weight: 700;
}
#comiis_tnv li.kmon,
#comiis_tnv li.a,
#comiis_tnv li:hover {
  background: transparent !important;
}
/* 顶级导航项：行高对齐 80px 页头，文字上下居中（v9） */
#comiis_tnv.comiis_headb .comiis_headb_nv > li,
#comiis_tnv.comiis_headb .comiis_headb_nv > li > a {
  height: 80px;
  line-height: 80px;
}
/* 登录/注册：blue-600 圆角矩形（發文按钮式） */
.comiis_headb_login,
.comiis_headb_reg {
  background: #1E88E5 !important;
  color: #FFFFFF !important;
  border-radius: 8px;
  transition: background .2s ease;
}
.comiis_headb_login:hover,
.comiis_headb_reg:hover {
  background: #1976D2 !important;
}

/* ---------- 5. 页脚：#424242 白字，高度加大（4Gamers 式） ---------- */
.comiis_footer,
#ft.wp,
#frt {
  background: #424242 !important;
  color: #FFFFFF;
}
#ft {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}
#ft,
#frt,
.km_fnv,
.km_txt,
.comiis_footer p,
.comiis_footer span {
  color: #FFFFFF !important;
}
.comiis_footer a,
#ft a,
#frt a,
.km_fnv a,
.km_txt a {
  color: #FFFFFF !important;
  font-size: 15px;
  transition: opacity .15s ease;
}
.comiis_footer a:hover,
#ft a:hover,
#frt a:hover,
.km_fnv a:hover,
.km_txt a:hover {
  color: #FFFFFF !important;
  opacity: .75;
}

/* ---------- 6. 帖子列表：还原原版无边框列表（g12，用户反馈边框难看） ---------- */
/* 去掉 g6 引入的灰边框+圆角盒子，帖子之间仅保留细分隔线 */
#threadlisttableid > li {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: none !important;
}
#threadlisttableid > li:hover {
  background: transparent !important;
  border-color: transparent;
  box-shadow: none !important;
}
#threadlisttableid > li + li {
  border-top: 1px solid #F0F0F0 !important;
}
/* 标题保持深灰、hover 链接蓝 */
#threadlisttableid .kmtit a,
#threadlisttableid .km_subject a {
  color: #424242;
  transition: color .15s ease;
}
#threadlisttableid .kmtit a:hover,
#threadlisttableid .km_subject a:hover {
  color: #007BFF;
}
/* ---------- 7. 版块卡片：同卡片语言 ---------- */
.fl_row .fl_g .fl_i,
.category_newlist {
  transition: background-color .15s ease, box-shadow .15s ease;
}
.fl_row .fl_g:hover .fl_i,
.category_newlist:hover {
  box-shadow: 0 2px 16px rgba(0, 0, 0, .08);
}

/* ---------- 8. 次要文字：4Gamers 时间灰 ---------- */
#threadlisttableid .kmtime,
#threadlisttableid .kmauth,
.xg1, .xg2 {
  color: #9E9E9E;
}

/* ---------- 9. 热点/精选角标：warning 橙 ---------- */
[class*="hot"], .km_hot {
  color: #F4831E;
}

/* ---------- 10. 通用按钮：blue-600 底，hover blue-700 ---------- */
.pn,
.pbtn,
.comiis_btn {
  transition: background .2s ease;
}
.pn:hover,
.pbtn:hover {
  background: #1976D2;
}

/* ---------- 11. 文章页：标题纯黑 + 正文深灰蓝（4Gamers 文章实测） ---------- */
.vw h1.ph,
#comiis_portal_title {
  color: #000000 !important;
}
.vw,
.vw p,
.vw span,
#article_content,
#article_content p {
  color: #212529;
}
/* 正文内链接：4Gamers 链接蓝，hover blue-700 */
.vw a,
#article_content a {
  color: #007BFF;
}
.vw a:hover,
#article_content a:hover {
  color: #1976D2;
}

/* ---------- 12. 首页幻灯片：4Gamers 主视觉风格（v10） ---------- */
/* 图片圆角 8px（4Gamers rounded-lg） */
.cl_block_bm .module .slideshow,
.cl_block_bm .module .slideshow > li,
.cl_block_bm .module .slideshow > li > a,
.cl_block_bm .module .slideshow > li img {
  border-radius: 8px;
}
.cl_block_bm .module .slideshow > li {
  overflow: hidden;
}
/* 标题浮层：底部渐变 + 左下白字 16px/600（4Gamers 实测） */
.cl_block_bm .slideshow > li .title {
  left: 0;
  right: 0;
  width: auto;
  box-sizing: border-box;
  padding: 64px 18px 14px !important;
  background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0) 55%) !important;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.5;
  border-radius: 0 0 8px 8px;
}
/* 指示条：数字 → 4Gamers 8px 圆点，居中排列 */
.cl_block_bm .slidebar {
  height: 28px !important;
  padding: 0 !important;
  background: transparent !important;
}
.cl_block_bm .slidebar ul {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 28px;
  margin: 0;
  padding: 0;
}
.cl_block_bm .slidebar ul li {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #D9D9D9 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}
.cl_block_bm .slidebar ul li:hover {
  background: #BDBDBD !important;
}
.cl_block_bm .slidebar ul li.on,
.cl_block_bm .slidebar ul li.on a,
.cl_block_bm .slidebar ul li.active,
.cl_block_bm .slidebar ul li.cur {
  background: #2F5493 !important;
  transform: scale(1.25);
}
.cl_block_bm .slidebar ul li.on a,
.cl_block_bm .slidebar ul li.active a,
.cl_block_bm .slidebar ul li.cur a {
  color: transparent !important;
  font-size: 0 !important;
}
/* ==========================================================
   v11 图文热点转黑 + 隐藏「快速发帖 / 抢沙发 / 我的帖子」
   ========================================================== */

/* 1) 图文热点：标题(原橙色 #F4831E)与全部条目文字统一为页面标准黑 #333333，hover 转品牌蓝 */
#portal_block_1919 .titletext,
#portal_block_1919 .module p,
#portal_block_1919 .module p a,
#portal_block_1919 .module li,
#portal_block_1919 .module li a,
#portal_block_1919 .module dt,
#portal_block_1919 .module dt a,
#portal_block_1919 .module a {
  color: #333333 !important;
}
#portal_block_1919 .module a:hover,
#portal_block_1919 .module p:hover a,
#portal_block_1919 .module dt:hover a {
  color: #1E88E5 !important;
}

/* 2) 1918 区块第二行（快速发帖/抢沙发/我的帖子）隐藏，第一行三个下载入口保留 */
#portal_block_1918 .portal_block_summary > .module.cl:nth-child(2) {
  display: none !important;
}

/* ==========================================================
   v12 门户文章「表态动作」图标尺寸 -> 58 x 64
   原样式来源：template/SG/common/extend_module.css
               .atd img{height:32px}   实际渲染约 28.7 x 32
   作用域限定 body.pg_view（仅门户文章页），
   不影响论坛帖子 / 日志 / 相册的表态动作
   ========================================================== */
.pg_view #click_div .atd img {
  width: 58px !important;
  height: 64px !important;
  max-width: none !important;
  object-fit: contain;
  margin-bottom: 5px !important;
}
/* 计数柱按 2 倍同比放大，与 58px 图标保持居中 */
.pg_view #click_div .atd .atdc { width: 24px; }
.pg_view #click_div .atd .atdc div { width: 24px; }
.pg_view #click_div .atd .atdc em { margin-left: -3px; }