@charset "utf-8";
/* ============================================================
 * gupuxiazai.com 下载详情页 —— 增量样式（差异化版）
 * 设计语言迁移自 592xiazai 详情页组件库(phpcms-detail-tpl)，
 * 但保留谷普自己的天蓝品牌色 #37b1fa，与 592 的绿做区分。
 * 本文件为「增量覆盖」，不改动原有 down.css 结构/JS，零破坏。
 * 配套模板：show_xiazai_dev.html / show_azyx.html / show_pcrj.html
 * 标签：{PC_CSS_PATH}gupu_detail.css?v=20260907b
 * ============================================================ */
:root{
    --gp-accent:   #37b1fa;   /* 谷普天蓝（品牌主色，不换） */
    --gp-accent-d: #1f98ef;   /* 深一档蓝，hover 用 */
    --gp-star-on:  #ffb400;   /* 点亮星（评分语义，通用金） */
    --gp-star-off: #c5d4e0;   /* 未点亮星（蓝灰，差异化于 592 的纯灰） */
    --gp-text:     #444;
    --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; }
/* 右栏排行里的星级（.size p img 原为图片，替换为字符） */
.m-topdiv .size p .gupu-stars { font-size: 12px; line-height: 12px; }
.m-topdiv .size p img { display: none; }   /* 兜底：万一旧图片标签残留则隐藏 */

/* ============ 章节标题 .m-titleh5（原无样式，从零定义，蓝色左竖条） ============ */
.m-titleh5 {
    font-size: 20px; font-weight: bold; color: #222;
    margin: 0 0 14px; padding: 0 0 0 13px; position: relative; line-height: 1.4;
}
.m-titleh5:before {
    content: ''; position: absolute; left: 0; top: 4px;
    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);
    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; }