/* ============================================================================
index.css · 首页样式（按小程序设计稿）
公共部分（:root/reset/body/.app/.tabbar/.toast）见 base.css
============================================================================ */
body{background:#fff;line-height:1.45}
.app{background:#fff;padding-bottom:calc(56px + env(safe-area-inset-bottom))}

/* ===== 顶部品牌栏（白底 · 整行居中） ===== */
.topbar.topbar-light{
background:#fff;position:relative;
box-shadow:0 1px 0 rgba(0,0,0,.04)
}
.topbar-light .brand{
display:flex;flex-direction:row;align-items:center;
gap:7px;margin:0 auto;min-width:0
}
/* logo 徽章：横版 logo 按比例缩放 */
.logo-badge{
height:32px;flex:0 0 auto;
display:flex;align-items:center;
}
.logo-badge svg{height:100%;width:auto;display:block}
.logo-badge img{height:100%;width:auto;display:block}
.brand-name{
font-size:16px;font-weight:700;color:var(--text);
letter-spacing:.5px;white-space:nowrap
}
/* 搜索图标绝对定位右侧，保证 logo+名称真正居中 */
.topbar-light .actions{
position:absolute;right:14px;top:50%;transform:translateY(-50%)
}
.topbar-light .ico-btn.dark{
width:24px;height:24px;color:var(--text-sub);
display:flex;align-items:center;justify-content:center;cursor:pointer
}
.topbar-light .ico-btn.dark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.topbar-light .ico-btn.dark:hover{color:var(--green-deep)}

/* ===== 首图宣传区（品牌主墨绿遮罩 + 居中白字） ===== */
.banner{
position:relative;margin:12px;border-radius:14px;overflow:hidden;
height:190px;box-shadow:var(--shadow-sm)
}
.banner-bg{
position:absolute;inset:0;
background-size:cover;background-position:center
}
.banner-overlay{
position:absolute;inset:0;
background:linear-gradient(110deg,rgba(27,67,50,.9) 0%,rgba(27,67,50,.55) 55%,rgba(45,106,79,.3) 100%)
}
.banner-text{
position:absolute;inset:0;
display:flex;flex-direction:column;align-items:center;justify-content:center;
color:#fff;text-align:center
}
.banner-text h2{
font-size:26px;font-weight:800;letter-spacing:3px;margin:0;
text-shadow:0 2px 10px rgba(27,67,50,.25)
}
.banner-text p{
font-size:17px;font-weight:600;letter-spacing:6px;margin:10px 0 0;
opacity:.95
}

/* ===== 四个数字亮点（圆圈数字 + 两行文字） ===== */
.highlights{
display:grid;grid-template-columns:repeat(4,1fr);
margin:0 12px 12px;padding:18px 6px 14px;
background:#EAF2EA;border-radius:14px
}
.hl-item{text-align:center}
.hl-circle{
width:52px;height:52px;border-radius:50%;margin:0 auto 7px;
border:2px solid var(--green-deep);background:#fff;
display:flex;align-items:center;justify-content:center;
font-size:19px;font-weight:800;color:var(--green-deep);
box-shadow:0 2px 6px rgba(27,67,50,.08)
}
.hl-t1{
font-size:13px;font-weight:700;color:var(--green-deep);
line-height:1.3;letter-spacing:.3px
}
.hl-t2{
font-size:11px;color:var(--text-muted);
line-height:1.3;margin-top:1px
}

/* ===== 快捷入口宫格 4×2（浅灰圆角底 + emoji 图标） ===== */
.quick-grid{
display:grid;grid-template-columns:repeat(4,1fr);
gap:14px 6px;margin:4px 12px 16px
}
.quick-item{
display:flex;flex-direction:column;align-items:center;gap:7px;
cursor:pointer
}
.quick-icon{
width:48px;height:48px;border-radius:12px;
background:#fff;border:1px solid #555;
display:flex;align-items:center;justify-content:center;
transition:transform .18s var(--ease-spring),background .18s
}
.quick-icon img{
width:24px;height:24px;display:block
}
.quick-item:active .quick-icon{
transform:scale(.92);background:#F5F5F5
}
.quick-label{
font-size:12.5px;color:var(--text);font-weight:500
}

/* ===== 通用区块标题 ===== */
.section{padding:0}
.home-news{
margin:0 12px 14px;background:#fff;border-radius:14px;
padding-bottom:4px;
border:1px solid #edf0ed;
box-shadow:0 2px 8px rgba(27,67,50,.05)
}
.section-head{
display:flex;align-items:center;justify-content:space-between;
padding:14px 16px 8px
}
.home-news .section-head{padding-top:12px;padding-bottom:8px}
.section-head h3{
font-size:16px;font-weight:800;color:var(--text);
padding:0;margin:0;letter-spacing:.5px
}
.section-head h3::before{display:none}
.section-head .more{
font-size:13px;color:var(--text-sub);cursor:pointer
}
.section-head .more .arr{color:var(--text-sub)}

/* ===== 新闻动态 ===== */
.news-item{
display:flex;padding:11px 16px;
border-bottom:1px solid var(--border);font-size:14px;
align-items:flex-start;transition:background .2s;cursor:pointer
}
.news-item:last-child{border-bottom:none}
.news-item:active{background:var(--green-light)}
.news-dot{
width:5px;height:5px;background:var(--green-deep);border-radius:50%;
margin-right:8px;margin-top:7px;flex-shrink:0
}
.news-text{flex:1;color:var(--text);line-height:1.5}
.news-date{color:var(--text-muted);font-size:12px;flex-shrink:0;margin-left:8px}

/* ===== 悬浮联系按钮（墨绿圆 + 白字） ===== */