@charset "utf-8";
/* ============================================================
 * gupuxiazai.com 整站统一增量样式（差异化于 592，品牌蓝 #37b1fa）
 * 作用：
 *  1) 把全站零散的绿(#41c35e)/橙(#ff7700)/红(#f60) 区块强调色
 *     统一到谷普官方品牌蓝 #37b1fa；
 *  2) 星级 xin{n}.png 图片 → 字符 ★（跨字体安全，零图片依赖）；
 *  3) 详情页/文章页区块标题统一为蓝竖条 + 浅底分隔。
 * 仅覆盖颜色与少量排版，零破坏布局与 JS。
 * 标签：{PC_CSS_PATH}gupu_unify.css?v=20260907c
 * ============================================================ */
:root{
    --gp-accent:   #37b1fa;   /* 谷普天蓝（品牌主色，不换） */
    --gp-accent-d: #1f98ef;   /* 深一档蓝，hover 用 */
    --gp-star-on:  #ffb400;   /* 点亮星（评分语义，通用金） */
    --gp-star-off: #c5d4e0;   /* 未点亮星（蓝灰，差异化于 592 的纯灰） */
    --gp-gray:     #808080;
}

/* ============ 字符星级（替代旧 xin{n}.png 图片） ============ */
.gupu-stars {
    display: inline-flex; align-items: center;
    font-size: 14px; line-height: 14px; letter-spacing: 1px;
    white-space: nowrap; font-style: normal; vertical-align: -1px;
}
.gupu-stars .st-on  { color: var(--gp-star-on);  font-style: normal; }
.gupu-stars .st-off { color: var(--gp-star-off); font-style: normal; }
.m-topdiv .size p .gupu-stars { font-size: 12px; line-height: 12px; }
.m-topdiv .size p img { display: none; }   /* 兜底：万一旧图片标签残留则隐藏 */

/* ============ 全站区块标题强调色 → 品牌蓝 ============ */
/* 首页/列表 绿条(index.css/downlist.css) */
.m-title { border-bottom-color: var(--gp-accent) !important; }
.f-title b,
.g-tjsoft-rbox .f-title b,
.g-tjgame-rbox .f-title b,
.g-phb .f-title b,
.g-news .f-title b,
.g-update .f-title b,
.g-link .f-title b,
.g-zt .f-title b,
.g-zxgxbox h4.m-listit font,
.f-class h4.m-listit font { border-left-color: var(--gp-accent) !important; }
.m-title .f-tabnav span.hover { background-color: var(--gp-accent) !important; border-color: var(--gp-accent) !important; }

/* 列表/文章右侧 .g-title 的绿 i 与 hover 文字 */
.g-title i { background-color: var(--gp-accent) !important; }
.g-title ul li.f-hover,
.g-title .m-tab-btn li.f-hover { color: var(--gp-accent) !important; }

/* 文章页(cmsinfo.css) 橙/红 → 蓝 */
.m-tith4 i { background-color: var(--gp-accent) !important; }
.m-tith4 p span.f-hover { color: var(--gp-accent) !important; }
.m-listit font { border-left-color: var(--gp-accent) !important; }
.g-font-main h3 {
    border-left: 4px solid var(--gp-accent) !important;
    color: #1a1a1a; padding-left: 12px; text-indent: 0 !important;
}
.g-font-main h3 span { border-bottom-color: var(--gp-accent); }
.u-hotwz ul li i { background-color: var(--gp-accent) !important; }
.u-hotwz ul li:hover i { background-color: var(--gp-accent-d) !important; }

/* TAG 页(keyword.css) 绿 → 蓝 */
.g-list-box .m-cont a .m-cont-right b { background-color: var(--gp-accent) !important; }
.g-list-box .m-cont a:hover { border-color: var(--gp-accent) !important; }
.g-list-box .m-cont a:hover .m-cont-left strong { color: var(--gp-accent) !important; }
.s-title { border-left: 4px solid var(--gp-accent); }

/* ============ 详情页 / 文章页 区块标题：蓝竖条（统一） ============ */
.m-titleh5 {
    font-size: 20px; font-weight: bold; color: #222;
    margin: 0 0 16px; padding: 0 0 12px 14px;
    position: relative; border-bottom: 1px solid #eef2f6; line-height: 1.4;
}
.m-titleh5:before {
    content: ''; position: absolute; left: 0; top: 3px;
    width: 4px; height: 20px; background: var(--gp-accent); border-radius: 2px;
}

/* ============ 详情页正文 #m-miandiv（现代排版，蓝色链接，h3/h4 蓝竖条） ============ */
#m-miandiv {
    font-size: 15px; line-height: 28px; color: var(--gp-text, #444);
    overflow-wrap: break-word; word-break: normal;  /* 长 URL 可断行，普通词不硬拆 */
}
#m-miandiv img { max-width: 50%; height: auto; display: block; margin: 8px auto; }
#m-miandiv p { margin-bottom: 10px; }
#m-miandiv a { color: var(--gp-accent); text-decoration: none; }
#m-miandiv a:hover { color: var(--gp-accent-d); text-decoration: underline; }
#m-miandiv h3, #m-miandiv h4 {
    font-weight: 700; color: #1a1a1a; font-size: 17px; line-height: 1.4;
    margin: 18px 0 10px; position: relative; padding-left: 13px;
    border-left: 0;          /* 清掉 down.css 的 3px 蓝边，避免双竖条 */
    text-indent: 0;          /* 清掉 down.css 的 10px 缩进，避免双重缩进 */
    overflow: visible;
}
#m-miandiv h3:before, #m-miandiv h4:before {
    content: ''; position: absolute; left: 0; top: 2px;
    width: 4px; height: 20px; background: var(--gp-accent); border-radius: 2px;
}

/* ============ 信息卡 .g-skymian-list 轻微精致化（保留原布局） ============ */
.g-skymian-list ul li { color: #666; }
.g-skymian-list ul li em { color: var(--gp-gray); }
.g-skymian-list ul li a { color: var(--gp-accent); }
.g-skymian-list ul li em .gupu-stars { vertical-align: -2px; }