/* ============================================================
   tag.css — Tag 聚合页 / 栏目化专题页 共享样式
   上传位置：/www/wwwroot/www.ahacyb.com/template/cn/css/tag.css
   说明：由 tag.html 与 list-tag.html 两份内联 <style> 合并去重而来
   ------------------------------------------------------------
   若站点公共 CSS 已定义 .container / .crumb，请删除下方【布局基础】
   一整段，避免与全站规则冲突。
   ============================================================ */

/* ===== 布局基础 ===== */
.container{max-width:920px;margin:0 auto;padding:0 16px}
.crumb{font-size:13px;color:#888;padding:16px 0}
.crumb a{color:#888;text-decoration:none}
.crumb a:hover{color:#007bff}

/* ===== Tag 头部 ===== */
.tag-hero{background:#f6f8fa;border-left:4px solid #007bff;padding:22px 24px;border-radius:6px;margin:0 0 24px}
.tag-hero h1{font-size:26px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.4}
.tag-hero h1 em{font-style:normal;color:#007bff}
.tag-hero .tag-intro{font-size:15px;line-height:1.8;color:#444;margin:0}
.tag-hero .tag-intro p{margin:0 0 8px}
.tag-hero .tag-intro a{color:#007bff;text-decoration:none}
.tag-count{font-size:13px;color:#888;margin-top:12px}

/* ===== 聚合列表 ===== */
.tag-list{margin:0 0 30px}
.tag-item{padding:20px 0;border-bottom:1px solid #f0f2f5}
.tag-item:last-child{border-bottom:none}
.tag-item h2{font-size:19px;font-weight:600;margin:0 0 8px;line-height:1.5}
.tag-item h2 a{color:#222;text-decoration:none;display:block}
.tag-item h2 a:hover{color:#007bff}
.tag-item .desc{font-size:14px;line-height:1.8;color:#666;margin:0 0 8px}
.tag-item .meta{font-size:12px;color:#999}
.tag-item .meta a{color:#999;text-decoration:none}

/* ===== 空结果提示（需配合模板中的 {pboot:if} 输出） ===== */
.tag-empty{background:#fffbe6;border:1px solid #ffe58f;border-radius:6px;padding:20px 22px;color:#8a6d1a;font-size:15px;line-height:1.8;margin:0 0 28px}

/* ===== Tag 云 ===== */
.tag-cloud{margin:0 0 30px;padding:20px 22px;background:#fafbfc;border-radius:6px}
.tag-cloud h3{font-size:17px;font-weight:600;margin:0 0 14px;color:#222}
.tag-cloud a{display:inline-block;background:#eef4ff;color:#007bff;padding:6px 14px;border-radius:14px;text-decoration:none;margin:0 8px 10px 0;font-size:14px}
.tag-cloud a:hover{background:#007bff;color:#fff}

/* ===== CTA ===== */
.tag-cta{background:linear-gradient(135deg,#0056b3,#007bff);border-radius:8px;padding:26px 28px;color:#fff;margin:30px 0}
.tag-cta h3{margin:0 0 10px;font-size:20px;font-weight:700}
.tag-cta p{margin:0 0 16px;font-size:15px;line-height:1.7;opacity:.92}
.tag-cta .btn-row{display:flex;gap:12px;flex-wrap:wrap}
.tag-cta a.btn{display:inline-block;background:#fff;color:#0056b3;padding:10px 22px;border-radius:4px;text-decoration:none;font-weight:600;font-size:15px}
.tag-cta a.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}

/* ===== 返回链接 ===== */
.tag-back{margin:24px 0 40px;font-size:14px}
.tag-back a{color:#007bff;text-decoration:none}

/* ===== 移动端：字号收缩 + 触摸目标放大到 44px ===== */
@media(max-width:768px){
  .tag-hero{padding:16px 16px}
  .tag-hero h1{font-size:21px}
  .tag-item h2{font-size:17px}
  .tag-cta{padding:20px 18px}
  .tag-cloud{padding:16px 14px}
  /* 触摸目标：原 6/14 约 32px，不足 44px */
  .tag-cloud a{padding:9px 16px;margin:0 8px 12px 0}
  .tag-cta a.btn{padding:12px 22px;width:100%;text-align:center;box-sizing:border-box}
  .tag-cta .btn-row{gap:10px}
}