:root {
  --green: #1AAD19;
  --green-dark: #14961a;
  --ink: #26312b;
  --gray: #6b7a70;
  --bg: #f7f9f7;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  color: var(--ink); background: var(--bg); line-height: 1.75;
}
a { color: var(--green); text-decoration: none; }
img { max-width: 100%; }

/* ---- 导航 ---- */
.nav { position: sticky; top: 0; background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.06); z-index: 10; }
.nav-inner { max-width: 960px; margin: 0 auto; display: flex; align-items: center; padding: 12px 18px; gap: 10px; }
.nav .brand { display: flex; align-items: center; gap: 9px; font-weight: bold; font-size: 18px; color: var(--green-dark); }
.nav nav { margin-left: auto; display: flex; gap: 24px; font-size: 14.5px; flex-wrap: wrap; }
.nav nav a { color: #3c4a40; }
.nav nav a:hover, .nav nav a.on { color: var(--green); }

/* ---- Hero ---- */
.hero { background: linear-gradient(165deg, #eef9ee, #ffffff); text-align: center; padding: 64px 18px 56px; }
.hero h1 { font-size: 34px; letter-spacing: 2px; color: var(--green-dark); margin: 14px 0 8px; }
.hero .sub { color: var(--gray); font-size: 16px; }
.btn {
  display: inline-block; margin-top: 26px; padding: 15px 52px;
  background: var(--green); color: #fff; border-radius: 10px;
  font-size: 17px; font-weight: bold; box-shadow: 0 6px 16px rgba(26,173,25,.28);
}
.btn:hover { background: var(--green-dark); }
.btn-sub { display: block; margin-top: 12px; color: var(--gray); font-size: 13px; }

/* ---- 区块 ---- */
.section { max-width: 960px; margin: 0 auto; padding: 54px 18px 6px; }
.section h2 { font-size: 24px; color: var(--green-dark); text-align: center; margin-bottom: 8px; }
.section .desc { text-align: center; color: var(--gray); font-size: 14.5px; margin-bottom: 30px; }

.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.feature { background: #fff; border-radius: 14px; padding: 22px 20px; box-shadow: 0 2px 10px rgba(20,90,30,.05); }
.feature h3 { font-size: 16px; margin-bottom: 6px; color: var(--ink); }
.feature p { font-size: 14px; color: var(--gray); }

.shots { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.shots img { width: 100%; border-radius: 12px; box-shadow: 0 2px 10px rgba(20,90,30,.06); background: #fff; }

.faqbox { background: #fff; border-radius: 14px; padding: 10px 24px; box-shadow: 0 2px 10px rgba(20,90,30,.05); }
.faqbox p { font-size: 14.5px; margin: 14px 0; color: #3c4a40; }
.faqbox b { color: var(--ink); }

/* ---- 协议/政策文章页 ---- */
.article {
  background: #fff; border-radius: 14px; padding: 34px 38px;
  box-shadow: 0 2px 10px rgba(20,90,30,.05);
}
.article h1 { font-size: 22px; color: var(--ink); margin-bottom: 6px; }
.article .date { color: var(--gray); font-size: 13px; margin-bottom: 18px; }
.article h3 { font-size: 16px; margin: 22px 0 6px; color: var(--green-dark); }
.article p { font-size: 14.5px; color: #3c4a40; margin: 8px 0; }

/* ---- 页脚 ---- */
footer { background: #233028; color: #a9b5ab; margin-top: 64px; }
.foot-inner { max-width: 960px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 24px; padding: 36px 18px 22px; font-size: 13.5px; }
footer h4 { color: #fff; font-size: 14px; margin-bottom: 10px; }
footer a { color: #a9b5ab; display: block; margin: 6px 0; }
footer a:hover { color: #fff; }
footer p { margin: 6px 0; }
.foot-bottom { border-top: 1px solid #37453a; text-align: center; padding: 14px; font-size: 12.5px; color: #7d8a7f; }
.foot-bottom a { color: #9fb0a2; display: inline; }

@media (max-width: 720px) {
  .features, .shots, .foot-inner { grid-template-columns: 1fr; }
  .nav nav { gap: 13px; font-size: 13px; }
  .hero h1 { font-size: 27px; }
  .article { padding: 24px 20px; }
}