/* 智游大别山 · 六大板块内容页美化（nginx 注入 </head>，叠加在 gen_site 基础样式之上）
 * 设计目标：高级感 / 美感 / 与站内 .hm-* 媒体风统一 / 不突兀（沿用品牌绿+暖金点缀）
 * 作用域仅限板块页专属类（.page-hd/.back-bar/.list/.card 及其子元素），不影响首页等其它页面。
 * 仅移动端生效（与 mobile.css 同策略），桌面端保持原样，避免"突兀"。
 */
@media (max-width:768px){

/* 顶部返回栏：保持品牌绿，加轻微投影层次 */
.back-bar{
  background:linear-gradient(135deg,#15521a,#2d8a2d);
  box-shadow:0 2px 16px rgba(20,70,20,.28);
}

/* 板块页头：保留品牌绿渐变（红线），加柔光层次 + 精致排版 + 底部柔光分隔 + 顶部光晕 */
.page-hd{
  position:relative;
  background:
    radial-gradient(120% 80% at 50% -12%, rgba(255,255,255,.18), rgba(255,255,255,0) 60%),
    linear-gradient(135deg,#1a5c1a 0%,#2d8a2d 100%);
  padding:18px 16px 26px;
  text-align:center;
  overflow:hidden;
}
.page-hd::before{
  content:"";position:absolute;right:-46px;top:-46px;width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.16), rgba(255,255,255,0) 70%);
  pointer-events:none;
}
.page-hd::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:22px;
  background:linear-gradient(to bottom, rgba(245,247,245,0), #f5f7f5);
}
.page-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:62px;height:62px;border-radius:20px;margin:0 auto;font-size:32px;
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25), 0 6px 16px rgba(0,0,0,.18);
}
.page-title{
  font-size:26px;font-weight:800;color:#fff;margin-top:12px;
  letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.18);
}
.page-sub{font-size:13px;color:#eafff0;margin-top:6px;letter-spacing:.5px;opacity:.92}
.page-count{
  display:inline-block;margin-top:12px;padding:4px 16px;border-radius:14px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);
  font-size:12px;color:#fff;letter-spacing:.5px;
}

/* 内容列表：留白节奏 */
.list{padding:18px 14px 24px}

/* 卡片：高级白卡 + 分层柔影 + 左侧品牌绿装饰条 + 悬停微抬升 + 图片微缩放 */
.card{
  position:relative;background:#fff;
  border:1px solid #eef3ee;border-radius:18px;
  padding:16px;margin-bottom:14px;
  box-shadow:0 6px 22px rgba(26,92,26,.06), 0 2px 6px rgba(0,0,0,.04);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  overflow:hidden;
}
.card::before{
  content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#2d8a2d,#8cc98c);opacity:.85;transition:all .25s ease;
}
.card:active,.card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(26,92,26,.12), 0 4px 10px rgba(0,0,0,.06);
  border-color:#d9ecd9;
}
.card:active::before,.card:hover::before{width:6px;background:linear-gradient(180deg,#1a5c1a,#3aa33a)}
.card-hd{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.card .num{
  min-width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,#e8f5e8,#dcecda);
  color:#1a6b3c;font-size:13px;font-weight:800;
  display:flex;align-items:center;justify-content:center;margin-top:2px;
  box-shadow:inset 0 0 0 1px #cfe6cf;
}
.card .title-wrap{flex:1;min-width:0}
.card .title{font-size:17px;font-weight:800;color:#173d17;line-height:1.35;letter-spacing:.3px}
.card .loc{font-size:12px;color:#9aa39a;margin-top:4px;letter-spacing:.3px}
.card .tags{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 10px}
.card .tag{
  font-size:11.5px;padding:4px 11px;background:#eef6ee;color:#2d8a2d;
  border-radius:14px;font-weight:600;border:1px solid #dcebdc;letter-spacing:.3px;
}
.card .meta{font-size:12px;color:#888;margin-bottom:8px;padding:7px 11px;background:#fafcfa;border-radius:10px;border:1px solid #eef3ee}
.card .desc{font-size:14px;color:#555;line-height:1.8;max-height:4.6em;overflow:hidden}
.card .card-cta{
  display:inline-flex;align-items:center;gap:2px;margin-top:10px;padding:6px 14px;
  background:#eef6ee;color:#2d8a2d;border-radius:16px;font-size:13px;font-weight:700;
  text-decoration:none;border:1px solid #dcebdc;transition:all .2s ease;
}
.card:active .card-cta,.card:hover .card-cta{background:#2d8a2d;color:#fff;border-color:#2d8a2d}
.card .card-img{
  width:100%;border-radius:12px;margin:4px 0 12px;max-height:210px;
  object-fit:cover;display:block;transition:transform .45s ease;
}
.card:active .card-img,.card:hover .card-img{transform:scale(1.04)}

/* 折叠"本板块精选好内容"小标题：品牌绿细线 + 暖金点缀，与卡片同调 */
.hs-sec{display:flex;align-items:center;gap:10px;margin:22px 2px 4px}
.hs-sec::before{content:"";width:4px;height:18px;border-radius:3px;background:linear-gradient(180deg,#2d8a2d,#8cc98c)}
.hs-sec b{font-size:17px;font-weight:800;color:#1a5c1a;letter-spacing:.5px}
.hs-sec span{font-size:12px;color:#9aa39a}

/* 翻页 */
.pagination{padding:18px 12px 8px}

}