/* ============ 前台样式 ============ */
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#222;line-height:1.7;background:#fff}
a{color:#1a6db5;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px}
h1,h2,h3{line-height:1.35}

/* 头部 */
.hero{background:linear-gradient(135deg,#1f7a3f,#134e29);color:#fff}
.hero .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.hero .logo{font-weight:700;font-size:18px}
.hero .logo a{color:#fff}
.topnav a{color:#e6f2ea;margin-left:18px;font-size:15px}
.hero-main{display:block;padding:54px 18px 60px;text-align:center}
.hero-main h1{font-size:30px;margin:0 0 10px}
.hero-main .lead{font-size:16px;opacity:.92;margin:0 0 24px}
.hero.mini{background:#134e29}
.hero.mini .wrap{height:56px}
.cta{display:inline-block;background:#ffb020;color:#3a2600;font-weight:600;padding:12px 28px;border-radius:30px}
.cta:hover{background:#ffa000;text-decoration:none}

/* 区块 */
.section{padding:44px 0}
.section.alt{background:#f6f8f7}
.section h2{font-size:23px;text-align:center;margin:0 0 26px}
.section h3{font-size:17px;margin:0 0 8px}

/* 产品网格 */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pcard{margin:0;background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden;text-align:center}
.pcard img{width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:cover}
.pcard .ph{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;color:#aaa;background:#f2f2f2}
.pcard figcaption{padding:10px;font-size:14px;color:#444}

/* 招商三列 */
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.col{background:#fff;border:1px solid #e8ece9;border-radius:10px;padding:20px}

/* 文章列表 */
.artlist{list-style:none;padding:0;margin:0}
.artlist li{padding:12px 0;border-bottom:1px dashed #e5e5e5}
.artlist li a{font-size:16px;font-weight:600}
.artlist .sub{display:block;color:#777;font-size:13px;margin-top:4px}
.artlist.big li{padding:16px 0}
.artlist .date{float:right;color:#aaa;font-size:13px}
.more{margin-top:18px;text-align:center}
.more a{margin:0 12px}

/* 面包屑 / 详情 */
.crumb{color:#888;font-size:14px;margin:6px 0 18px}
.post h1{font-size:26px;margin:0 0 10px}
.post .meta{color:#999;font-size:13px;margin-bottom:22px;border-bottom:1px solid #eee;padding-bottom:12px}
.content{font-size:16px}
.content img{max-width:100%;height:auto;border-radius:6px}
.content p{margin:0 0 16px}
.content h2,.content h3{margin:26px 0 12px}
.related{margin-top:36px;background:#f6f8f7;border-radius:10px;padding:18px 22px}
.related h3{margin:0 0 8px;font-size:16px}
.backhome{margin-top:26px;color:#888}

/* 分页 */
.pager{margin-top:26px;text-align:center}
.pager a,.pager .cur{display:inline-block;min-width:34px;padding:6px 10px;margin:0 3px;border:1px solid #ddd;border-radius:6px;text-align:center}
.pager .cur{background:#1f7a3f;color:#fff;border-color:#1f7a3f}

/* 询盘表单 */
.leadform{max-width:620px;margin:18px auto 0}
.leadform .row{display:flex;gap:12px}
.leadform input,.leadform textarea{width:100%;padding:12px;margin-bottom:12px;border:1px solid #cfd6d2;border-radius:8px;font-size:15px;font-family:inherit}
.leadform textarea{min-height:90px}
.leadform button{width:100%;padding:13px;background:#1f7a3f;color:#fff;border:0;border-radius:8px;font-size:16px;cursor:pointer}
.leadform button:hover{background:#176030}
.leadform .hp{display:none}          /* 蜜罐字段，务必隐藏 */
.notice{max-width:620px;margin:0 auto 14px;padding:12px;border-radius:8px;text-align:center}
.notice.ok{background:#e8f7ee;border:1px solid #bfe6cd;color:#1f7a45}

/* 页脚 */
.site-footer{background:#1b241f;color:#9fb0a6;text-align:center;padding:26px 18px;font-size:13px;margin-top:30px}
.site-footer a{color:#cfe0d6;margin:0 4px}

/* 移动端 */
@media(max-width:820px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .cols{grid-template-columns:1fr}
  .topnav{display:none}
  .hero-main h1{font-size:24px}
  .leadform .row{flex-direction:column}
}