/* ===== ahds.com.cn 仿站样式 ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; color: #333; background: #f0f6f1; line-height: 1.7; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width: 100%; }
.container { max-width: 1180px; margin: 0 auto; padding: 0 16px; }

/* ===== 顶部导航 ===== */
.site-header { background: #0b6e3f; color: #fff; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.header-inner { display: flex; align-items: center; justify-content: space-between; height: 64px; gap: 12px; }
.logo { font-size: 20px; font-weight: 700; letter-spacing: 1px; color: #fff; white-space: nowrap; flex-shrink: 0; }
.logo:hover { color: #ffe9a8; }
.main-nav { min-width: 0; }
.main-nav ul { display: flex; gap: 20px; }
.main-nav li { flex-shrink: 0; }
.main-nav a { color: #eafff3; font-size: 14.5px; padding: 6px 2px; border-bottom: 2px solid transparent; transition: .2s; white-space: nowrap; }
.main-nav a:hover, .main-nav li.active a { color: #ffd86b; border-bottom-color: #ffd86b; }
.nav-region { display: flex; align-items: center; }
.region-form { display: inline; margin: 0; padding: 0; }
.region-select { min-width: 118px; padding: 7px 30px 7px 12px; border: 1px solid rgba(255,255,255,.55); border-radius: 18px; background: rgba(255,255,255,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center; color: #fff; font-size: 13px; appearance: none; -webkit-appearance: none; cursor: pointer; outline: none; }
.region-select option { color: #222; background: #fff; }
.region-select:hover { border-color: #ffd86b; }
.region-submit { display: none; }
.header-phone { background: #f5a623; color: #fff; padding: 8px 16px; border-radius: 20px; font-weight: 700; font-size: 14px; white-space: nowrap; flex-shrink: 0; }
.header-phone:hover { background: #e89512; }

/* 中窄屏：进一步压缩导航间距，防止折行错位 */
@media (max-width: 1280px) and (min-width: 861px) {
  .main-nav ul { gap: 12px; }
  .main-nav a { font-size: 13.5px; }
  .header-phone { padding: 7px 12px; font-size: 13px; }
  .region-select { min-width: 100px; }
}

/* 汉堡按钮（默认隐藏，移动端显示） */
.nav-toggle { display: none; background: none; border: none; cursor: pointer; padding: 8px; flex-direction: column; gap: 5px; }
.nav-toggle span { display: block; width: 24px; height: 3px; background: #fff; border-radius: 2px; transition: .25s; }
.nav-toggle.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.nav-toggle.active span:nth-child(2) { opacity: 0; }
.nav-toggle.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* ===== 焦点横幅 ===== */
.hero { background: linear-gradient(135deg, #0b6e3f 0%, #128c4f 55%, #1aa35f 100%); color: #fff; padding: 70px 0 60px; text-align: center; }
.hero h1 { font-size: 40px; margin-bottom: 8px; line-height: 1.4; }
.hero .hero-tag { display: inline-block; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.5); color: #ffe9a8; padding: 4px 14px; border-radius: 20px; font-size: 13px; margin-bottom: 18px; }
.hero p { max-width: 760px; margin: 14px auto 26px; font-size: 16px; color: #eafaf1; }
.btn { display: inline-block; background: #f5a623; color: #fff; padding: 12px 30px; border-radius: 30px; font-size: 16px; font-weight: 700; transition: .2s; }
.btn:hover { background: #e89512; transform: translateY(-2px); }
.btn-ghost { background: transparent; border: 2px solid #fff; }
.btn-ghost:hover { background: rgba(255,255,255,.15); }

/* ===== 通用区块 ===== */
.section { padding: 56px 0; }
.section-gray { background: #ffffff; }
.section-dark { background: #0b6e3f; color: #fff; }
.section-title { text-align: center; font-size: 30px; margin-bottom: 10px; color: #0b6e3f; }
.section-dark .section-title { color: #fff; }
.section-sub { text-align: center; color: #888; margin-bottom: 36px; }
.section-dark .section-sub { color: #d8f2e4; }

/* ===== 产品卡 ===== */
.products-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.product-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 18px rgba(0,0,0,.08); text-align: center; transition: .25s; }
.product-card:hover { transform: translateY(-6px); box-shadow: 0 10px 26px rgba(0,0,0,.14); }
.product-card .card-badge { background: #c1272d; color: #fff; display: inline-block; padding: 3px 10px; font-size: 12px; border-radius: 0 0 10px 10px; max-width: 92%; white-space: normal; line-height: 1.4; }
.product-card .card-img { background: linear-gradient(160deg, #d9efd9, #a8d8a8); height: 210px; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #0b6e3f; font-weight: 700; overflow: hidden; }
.product-card .card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.product-card h3 { font-size: 20px; margin: 18px 0 6px; }
.product-card .price { color: #c1272d; font-size: 24px; font-weight: 800; }
.product-card .price small { font-size: 14px; color: #999; font-weight: 400; }
.product-card .card-desc { color: #777; font-size: 14px; padding: 8px 22px; min-height: 48px; }
.product-card .card-btn { display: inline-block; margin: 12px 0 22px; background: #0b6e3f; color: #fff; padding: 10px 30px; border-radius: 24px; font-size: 14px; }
.product-card .card-btn:hover { background: #128c4f; }

/* ===== 故事区 ===== */
.story-box { display: flex; gap: 36px; align-items: center; flex-wrap: wrap; }
.story-text { flex: 1 1 400px; }
.story-text p { color: #555; margin-bottom: 12px; }
.story-link { color: #0b6e3f; font-weight: 700; }

/* ===== 表格 ===== */
.info-table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.info-table th, .info-table td { border: 1px solid #dfe8e2; padding: 12px 16px; text-align: left; }
.info-table th { background: #eef6f0; color: #0b6e3f; width: 150px; white-space: nowrap; }

/* ===== 草本成分 ===== */
.herbs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.herb-item { background: #fff; border-radius: 10px; padding: 20px 22px; box-shadow: 0 2px 10px rgba(0,0,0,.05); border-top: 4px solid #0b6e3f; }
.herb-item h4 { color: #0b6e3f; margin-bottom: 6px; font-size: 17px; }
.herb-item p { color: #666; font-size: 14px; }

/* ===== 理念 ===== */
.pillars-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 26px; margin-top: 20px; }
.pillar { text-align: center; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); border-radius: 12px; padding: 26px 18px; }
.pillar .icon { font-size: 38px; }
.pillar h4 { color: #ffe9a8; margin: 12px 0 8px; font-size: 18px; }
.pillar p { color: #e6f6ec; font-size: 14px; }

/* ===== 招商 ===== */
.recruit-box { text-align: center; max-width: 800px; margin: 0 auto; }
.recruit-box h2 { font-size: 32px; margin-bottom: 14px; }
.recruit-box p { color: #555; margin-bottom: 26px; }

/* ===== 声明 ===== */
.notice { background: #fff8e6; border: 1px solid #f0d9a8; border-left: 6px solid #f5a623; padding: 18px 24px; border-radius: 8px; color: #7a5c1c; }

/* ===== FAQ ===== */
.faq-item { margin-bottom: 12px; border: 1px solid #e4ece6; border-radius: 8px; overflow: hidden; background: #fff; }
.faq-item .faq-q { padding: 16px 22px; font-weight: 700; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #0b6e3f; }
.faq-item .faq-q::after { content: '+'; font-size: 20px; color: #0b6e3f; }
.faq-item.open .faq-q::after { content: '-'; }
.faq-item .faq-a { display: none; padding: 0 22px 16px; color: #555; }
.faq-item.open .faq-a { display: block; }

/* ===== 页脚 ===== */
.site-footer { background: #073d24; color: #cfe8d8; padding: 36px 0 20px; text-align: center; }
.footer-links { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-bottom: 14px; }
.footer-links a { color: #cfe8d8; font-size: 14px; }
.footer-links a:hover { color: #ffe9a8; }
.footer-copy { font-size: 14px; }
.footer-disclaimer { font-size: 12px; color: #8fb59f; margin-top: 10px; }

/* ===== 悬浮栏 ===== */
.float-bar { position: fixed; right: 16px; bottom: 120px; display: flex; flex-direction: column; gap: 10px; z-index: 99; }
.float-bar a { background: #0b6e3f; color: #fff; padding: 10px 16px; border-radius: 24px; font-size: 13px; box-shadow: 0 4px 14px rgba(0,0,0,.2); text-align: center; }
.float-bar a.float-phone { background: #f5a623; }

/* ===== 页面内部 ===== */
.page-hero { background: #0b6e3f; color: #fff; text-align: center; padding: 46px 0; }
.page-hero h1 { font-size: 30px; }
.page-hero p { color: #d8f2e4; margin-top: 6px; }
.page-body { padding: 48px 0; min-height: 60vh; }
.page-body h2 { color: #0b6e3f; margin: 26px 0 12px; }
.page-body p { color: #555; margin-bottom: 12px; }
.page-body img { border-radius: 8px; }

/* ===== 新闻列表 ===== */
.news-list { display: flex; flex-direction: column; gap: 18px; }
.news-item { background: #fff; border: 1px solid #e6eee8; border-radius: 10px; padding: 20px 24px; transition: .2s; }
.news-item:hover { border-color: #0b6e3f; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.news-item h3 { font-size: 18px; color: #0b6e3f; }
.news-item .news-meta { font-size: 13px; color: #999; margin: 6px 0; }
.news-item p { color: #666; font-size: 14px; }
.news-empty { text-align: center; color: #999; padding: 60px 0; }
.article-content { background: #fff; border: 1px solid #e6eee8; border-radius: 10px; padding: 30px 34px; }
.article-content h1 { color: #0b6e3f; margin-bottom: 8px; font-size: 26px; }
.article-content .article-meta { color: #999; font-size: 13px; margin-bottom: 20px; border-bottom: 1px solid #eef2ef; padding-bottom: 14px; }
.article-content p { margin-bottom: 14px; color: #444; }
.article-content h2 { margin-top: 22px; }
.article-content img { border-radius: 8px; margin: 8px 0; }

/* ===== 购物车页 ===== */
.cart-note { background: #eef6f0; border: 1px dashed #0b6e3f; border-radius: 10px; padding: 26px 30px; color: #0b6e3f; line-height: 2; }
.cart-note .big { font-size: 18px; font-weight: 700; }

/* ===== 后台 ===== */
.admin-wrap { max-width: 1200px; margin: 0 auto; padding: 30px 16px; }
.admin-bar { background: #073d24; color: #fff; padding: 14px 0; }
.admin-bar .container { display: flex; justify-content: space-between; align-items: center; }
.admin-bar a { color: #ffe9a8; margin-left: 16px; font-size: 14px; }
.admin-nav { background: #0b6e3f; }
.admin-nav .container { display: flex; gap: 4px; flex-wrap: wrap; }
.admin-nav a { color: #eafff3; padding: 12px 18px; font-size: 14px; display: inline-block; }
.admin-nav a:hover, .admin-nav a.active { background: #128c4f; color: #fff; }
.admin-card { background: #fff; border: 1px solid #e6eee8; border-radius: 10px; padding: 24px; margin-top: 22px; }
.admin-card h2 { color: #0b6e3f; margin-bottom: 16px; font-size: 20px; }
.form-row { margin-bottom: 16px; }
.form-row label { display: block; font-weight: 700; margin-bottom: 6px; color: #444; }
.form-row input[type=text], .form-row input[type=password], .form-row input[type=number], .form-row textarea, .form-row select { width: 100%; padding: 10px 12px; border: 1px solid #cfdcd4; border-radius: 6px; font-size: 14px; font-family: inherit; }
.form-row textarea { min-height: 120px; }
.form-row textarea.big { min-height: 420px; }
.form-row .hint { font-size: 12px; color: #999; margin-top: 4px; }
.btn-green { background: #0b6e3f; color: #fff; border: none; padding: 11px 28px; border-radius: 6px; font-size: 15px; cursor: pointer; }
.btn-green:hover { background: #128c4f; }
.btn-orange { background: #f5a623; color: #fff; border: none; padding: 11px 28px; border-radius: 6px; font-size: 15px; cursor: pointer; }
.btn-gray { background: #8aa096; color: #fff; border: none; padding: 9px 18px; border-radius: 6px; font-size: 13px; cursor: pointer; }
table.data-table { width: 100%; border-collapse: collapse; }
table.data-table th, table.data-table td { border: 1px solid #e6eee8; padding: 10px 12px; font-size: 14px; text-align: left; }
table.data-table th { background: #eef6f0; color: #0b6e3f; }
table.data-table .ops a { color: #0b6e3f; margin-right: 10px; }
table.data-table .ops a.del { color: #c1272d; }
.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 18px; }
.stat-card { background: #eef6f0; border-radius: 10px; padding: 22px; text-align: center; }
.stat-card .num { font-size: 32px; font-weight: 800; color: #0b6e3f; }
.stat-card .label { color: #666; font-size: 14px; }
.msg-ok { background: #e6f7ec; color: #12663b; border: 1px solid #b6e4c6; padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; }
.msg-err { background: #fdeeee; color: #a02a2a; border: 1px solid #f0c6c6; padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; }
.login-box { max-width: 400px; margin: 80px auto; background: #fff; border: 1px solid #e6eee8; border-radius: 12px; padding: 36px; box-shadow: 0 8px 26px rgba(0,0,0,.08); }
.login-box h1 { color: #0b6e3f; text-align: center; margin-bottom: 24px; font-size: 24px; }

/* ===== 响应式 ===== */
@media (max-width: 860px) {
  .header-inner { flex-wrap: wrap; height: auto; padding: 10px 0; gap: 8px; }
  .hero h1 { font-size: 26px; }
  .section-title { font-size: 24px; }
  .float-bar { right: 8px; bottom: 80px; }

  /* 移动端：汉堡菜单，导航默认隐藏 */
  .nav-toggle { display: flex; }
  .main-nav { display: none; width: 100%; order: 3; position: relative; z-index: 99; }
  .main-nav.open { display: block; }
  .main-nav ul { flex-direction: column; gap: 0; }
  .main-nav li { border-top: 1px solid rgba(255,255,255,.12); }
  .main-nav a { display: block; padding: 12px 4px; font-size: 15px; }
  .nav-region { padding: 10px 4px; }
  .region-select { width: 100%; min-width: 0; background-color: rgba(0,0,0,.12); z-index: 100; }

  /* 产品三款并排（窄屏紧凑排列） */
  .products-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .product-card h3 { font-size: 14px; margin: 10px 4px 4px; }
  .product-card .price { font-size: 16px; }
  .product-card .card-desc { display: none; }
  .product-card .card-btn { padding: 9px 4px; font-size: 12px; min-width: 0 !important; white-space: nowrap; }
  .product-card .card-img { height: 110px; }
}

/* 小屏细节 */
@media (max-width: 480px) {
  .hero { padding: 46px 0 40px; }
  .hero h1 { font-size: 22px; }
  .hero p { font-size: 14px; }
  .btn { padding: 10px 22px; font-size: 14px; }
  .section { padding: 40px 0; }
  .product-card .card-img { height: 96px; }
  .products-grid { gap: 6px; }
  .page-hero { padding: 34px 0; }
  .page-hero h1 { font-size: 24px; }
  .float-bar { right: 8px; bottom: 70px; }
  .float-bar a { padding: 8px 12px; font-size: 12px; }
  .header-phone { font-size: 12px; padding: 6px 10px; }
  .logo { font-size: 18px; }
  .footer-links { gap: 12px; }
}


/* ===== ahds v14: 购物车结算 / 访问量统计 ===== */
.footer-visited { margin-top: 10px; font-size: 13px; color: #cfe5d8; }
.footer-visited strong { color: #ffd86b; font-size: 15px; }
.order-box .form-row input[type=text], .order-box .form-row input[type=number], .order-box .form-row textarea { width: 100%; padding: 10px 12px; border: 1px solid #cfdcd4; border-radius: 6px; font-size: 14px; font-family: inherit; }
.order-box .form-row textarea { min-height: 100px; }
.sel-item input[type=number] { -moz-appearance: textfield; }
.sel-item input[type=number]::-webkit-inner-spin-button { opacity: 1; }
.recruit-box { line-height: 1.9; }
@media (max-width: 640px) {
  .sel-item { flex-wrap: wrap; }
  .sel-item input[type=number] { width: 56px; }
}


/* ===== ahds v15: 地区站标识 / 当前站点 ===== */
.region-badge {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 12px;
  background: #f5a623;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border-radius: 20px;
  vertical-align: middle;
  white-space: nowrap;
}
.footer-region { margin-top: 6px; font-size: 13px; color: #cfe5d8; }
@media (max-width: 640px) {
  .region-badge { margin-left: 6px; padding: 2px 8px; font-size: 12px; }
}


/* ==========================================================================
   ahds v19 视觉升级层（追加式覆盖，不删除任何原有规则）
   目标：电脑端更大气精致 / 手机端更接近 App 体验
   主色：森林绿 #0b6e3f → 深绿渐变；点缀金 #e8a317
   ========================================================================== */

:root{
  --w2m-page:#f0f6f1;
  --w2m-green:#0b6e3f;
  --w2m-green-deep:#075030;
  --w2m-green-mid:#128c4f;
  --w2m-green-light:#e9f5ee;
  --w2m-gold:#e8a317;
  --w2m-gold-soft:#ffd86b;
  --w2m-ink:#1f2b24;
  --w2m-body:#4a5a52;
  --w2m-muted:#8b9a92;
  --w2m-line:#e6ece8;
  --w2m-bg-soft:#f7faf8;
  --w2m-radius:16px;
  --w2m-shadow-s:0 2px 8px rgba(11,110,63,.06);
  --w2m-shadow-m:0 10px 30px rgba(11,110,63,.10);
  --w2m-shadow-l:0 22px 50px rgba(11,110,63,.16);
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  color:var(--w2m-body);
  background:var(--w2m-page);
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
  line-height:1.85;
  letter-spacing:.2px;
}
::selection{background:#c9ecd9;color:#0b5a34;}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;}
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--w2m-gold);outline-offset:2px;}
img{height:auto;}

/* ---------- 顶部导航：更轻薄 + 毛玻璃 ---------- */
.site-header{
  background:linear-gradient(120deg,#08502f 0%,#0b6e3f 52%,#0f8049 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 6px 24px rgba(0,0,0,.16);
  backdrop-filter:saturate(140%) blur(6px);
}
.header-inner{height:70px;}
.logo{
  font-size:21px;letter-spacing:.5px;
  display:flex;align-items:center;gap:8px;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
}
.logo::before{
  content:"茶";flex:0 0 auto;
  width:30px;height:30px;border-radius:9px;
  background:linear-gradient(135deg,#ffd86b,#e8a317);
  color:#5a3a00;font-size:16px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 10px rgba(232,163,23,.35);
}
.main-nav a{position:relative;padding:8px 2px 10px;}
.main-nav a::after{
  content:"";position:absolute;left:50%;bottom:2px;width:0;height:2px;
  background:linear-gradient(90deg,#ffd86b,#e8a317);
  border-radius:2px;transform:translateX(-50%);transition:width .28s ease;
}
.main-nav a:hover::after,.main-nav li.active a::after{width:100%;}
.main-nav a:hover,.main-nav li.active a{border-bottom-color:transparent;}
.header-phone{
  background:linear-gradient(135deg,#ffd86b,#e8a317);
  color:#5a3a00;font-weight:800;
  box-shadow:0 6px 16px rgba(232,163,23,.30);
  transition:transform .2s,box-shadow .2s;
}
.header-phone:hover{background:linear-gradient(135deg,#ffe08c,#f0ad22);transform:translateY(-1px);box-shadow:0 8px 20px rgba(232,163,23,.42);}
.region-select{border-color:rgba(255,255,255,.5);background-color:rgba(255,255,255,.14);transition:.2s;}
.region-select:hover{background-color:rgba(255,255,255,.24);}

/* ---------- 焦点横幅 ---------- */
.hero{
  position:relative;overflow:hidden;
  background:linear-gradient(140deg,#07321e 0%,#0b6e3f 48%,#139155 100%);
  padding:86px 0 96px;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(46% 60% at 84% 6%,rgba(255,216,107,.20),transparent 62%),
    radial-gradient(38% 55% at 10% 96%,rgba(255,255,255,.10),transparent 60%);
  pointer-events:none;
}
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:52px;
  background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);
  pointer-events:none;
}
.hero .container{position:relative;z-index:1;}
.hero .hero-tag{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,216,107,.55);
  color:#ffe9a8;font-weight:600;letter-spacing:.6px;
  padding:6px 18px;border-radius:999px;
  box-shadow:0 4px 16px rgba(0,0,0,.16);
}
.hero h1{
  font-size:44px;font-weight:800;letter-spacing:1.5px;
  text-shadow:0 3px 18px rgba(0,0,0,.28);
  margin-top:6px;
}
.hero p{font-size:17px;color:#dcf3e6;max-width:820px;line-height:1.95;}
.btn{
  background:linear-gradient(135deg,#ffd86b,#e8a317);color:#5a3a00;
  font-weight:800;letter-spacing:.5px;
  padding:13px 34px;border-radius:999px;
  box-shadow:0 10px 24px rgba(232,163,23,.30);
  transition:transform .22s,box-shadow .22s,filter .22s;
}
.btn:hover{background:linear-gradient(135deg,#ffe192,#f0ad22);transform:translateY(-3px);box-shadow:0 16px 32px rgba(232,163,23,.42);filter:none;}
.btn-ghost{
  border:1.5px solid rgba(255,255,255,.75);color:#fff;background:transparent;
  box-shadow:none;
}
.btn-ghost:hover{background:rgba(255,255,255,.16);border-color:#fff;}

/* ---------- 信任条（hero 下方） ---------- */
.trust-strip{
  background:#fff;border-bottom:1px solid var(--w2m-line);
  box-shadow:0 6px 22px rgba(11,110,63,.05);
}
.trust-strip .container{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:10px;padding:20px 16px;
}
.trust-strip .trust-item{
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:14.5px;color:var(--w2m-ink);font-weight:600;
}
.trust-strip .trust-item i{
  font-style:normal;font-size:19px;
  width:36px;height:36px;border-radius:11px;flex:0 0 auto;
  background:var(--w2m-green-light);color:var(--w2m-green);
  display:flex;align-items:center;justify-content:center;
}
.trust-strip .trust-item span{white-space:nowrap;}

/* ---------- 通用区块标题 ---------- */
.section{padding:72px 0;}
.section-gray{background:linear-gradient(180deg,#ffffff,#fbfdfc);}
.section-title{font-size:31px;font-weight:800;letter-spacing:.5px;margin-bottom:14px;}
.section-title::after{
  content:"";display:block;width:52px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,#e8a317,#ffd86b);
  margin:16px auto 0;
}
.section-dark .section-title::after{background:linear-gradient(90deg,#ffd86b,rgba(255,216,107,.3));}
.section-sub{color:var(--w2m-muted);font-size:15.5px;margin-bottom:44px;letter-spacing:.4px;}

/* ---------- 产品卡 ---------- */
.products-grid{gap:30px;}
.product-card{
  border-radius:20px;border:1px solid var(--w2m-line);
  box-shadow:var(--w2m-shadow-s);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s;
  position:relative;
}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--w2m-shadow-l);border-color:#cfe7d9;}
.product-card .card-img{height:236px;background:linear-gradient(160deg,#eef7f1,#d5ecdd);}
.product-card .card-img img{transition:transform .6s cubic-bezier(.2,.7,.3,1);}
.product-card:hover .card-img img{transform:scale(1.05);}
.product-card .card-badge{
  position:absolute;top:0;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,#d92d3a,#b81f2b);
  border-radius:0 0 12px 12px;font-weight:700;letter-spacing:.5px;
  box-shadow:0 6px 16px rgba(184,31,43,.28);
  z-index:2;
}
.product-card h3{font-size:20px;font-weight:800;color:var(--w2m-ink);margin:20px 0 8px;}
.product-card .price{color:#c1272d;font-size:28px;font-weight:900;letter-spacing:-.5px;}
.product-card .price small{font-size:15px;color:#c1272d;font-weight:700;margin-right:1px;}
.product-card .card-desc{color:var(--w2m-muted);font-size:14px;padding:10px 24px;min-height:52px;}
.product-card .card-btn{
  background:linear-gradient(135deg,#128c4f,#0b6e3f);
  font-weight:700;letter-spacing:.6px;
  box-shadow:0 6px 16px rgba(11,110,63,.22);
  transition:transform .2s,box-shadow .2s,background .2s;
}
.product-card .card-btn:hover{background:linear-gradient(135deg,#16a35c,#0d7d48);transform:translateY(-2px);box-shadow:0 10px 22px rgba(11,110,63,.3);}
.product-card .card-btn[style*="#fff"]{background:#fff !important;box-shadow:none;}
.product-card .card-btn[style*="#fff"]:hover{background:#eef7f1 !important;transform:translateY(-2px);}

/* ---------- 品牌信息表 ---------- */
.info-table{border-radius:14px;overflow:hidden;border:1px solid var(--w2m-line);box-shadow:var(--w2m-shadow-s);}
.info-table th{background:linear-gradient(180deg,#f1f8f4,#e9f4ee);font-weight:700;}
.info-table td{background:#fff;color:var(--w2m-body);}

/* ---------- 草本成分 ---------- */
.herbs-grid{gap:22px;}
.herb-item{
  border-radius:16px;border:1px solid var(--w2m-line);border-top:4px solid var(--w2m-green);
  box-shadow:var(--w2m-shadow-s);
  transition:transform .28s,box-shadow .28s,border-color .28s;
  position:relative;overflow:hidden;
}
.herb-item::after{
  content:"";position:absolute;right:-30px;bottom:-30px;width:86px;height:86px;border-radius:50%;
  background:radial-gradient(circle,rgba(11,110,63,.07),transparent 70%);
}
.herb-item:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(11,110,63,.13);border-top-color:var(--w2m-gold);}
.herb-item h4{font-size:17.5px;font-weight:800;}

/* ---------- 理念区 ---------- */
.section-dark{background:linear-gradient(140deg,#07321e,#0b6e3f 55%,#128c4f);position:relative;overflow:hidden;}
.section-dark::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(45% 60% at 88% 8%,rgba(255,216,107,.14),transparent 62%);
}
.section-dark .container{position:relative;z-index:1;}
.pillar{
  border-radius:18px;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(4px);
  transition:transform .28s,background .28s,border-color .28s;
}
.pillar:hover{transform:translateY(-6px);background:rgba(255,255,255,.15);border-color:rgba(255,216,107,.5);}
.pillar .icon{font-size:40px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25));}
.pillar h4{font-size:18.5px;font-weight:800;}

/* ---------- 招商区 ---------- */
.recruit-box{
  background:linear-gradient(140deg,#0b6e3f,#118a4e);
  border-radius:24px;padding:50px 34px;color:#fff;
  box-shadow:0 26px 60px rgba(11,110,63,.24);
  position:relative;overflow:hidden;
}
.recruit-box::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40% 60% at 90% 10%,rgba(255,216,107,.16),transparent 60%);
}
.recruit-box > *{position:relative;z-index:1;}
.recruit-box h2{color:#fff;font-size:32px;font-weight:800;letter-spacing:.5px;}
.recruit-box p{color:#d9f2e5;font-size:15.5px;}

/* ---------- 声明 ---------- */
.notice{border-radius:14px;border-left-width:6px;box-shadow:var(--w2m-shadow-s);line-height:1.95;}

/* ---------- FAQ ---------- */
.faq-list{max-width:840px;margin:0 auto;}
.faq-item{
  border-radius:14px;border:1px solid var(--w2m-line);
  box-shadow:var(--w2m-shadow-s);overflow:hidden;
  transition:border-color .25s,box-shadow .25s;
}
.faq-item:hover{border-color:#bfdfcd;}
.faq-item.open{border-color:var(--w2m-gold);box-shadow:0 12px 28px rgba(232,163,23,.14);}
.faq-item .faq-q{padding:18px 22px;font-size:16px;font-weight:700;}
.faq-item .faq-q::after{font-size:24px;font-weight:400;line-height:1;transition:transform .25s;}
.faq-item.open .faq-q::after{transform:rotate(180deg);content:'+';}
.faq-item .faq-a{padding:0 22px 18px;line-height:1.95;}

/* ---------- 最新文章（首页新增板块） ---------- */
.latest-block{background:#fff;}
.latest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.latest-card{
  display:block;background:#fff;border:1px solid var(--w2m-line);
  border-radius:16px;padding:20px 22px;
  box-shadow:var(--w2m-shadow-s);
  transition:transform .26s,box-shadow .26s,border-color .26s;
  position:relative;
}
.latest-card:hover{transform:translateY(-4px);box-shadow:var(--w2m-shadow-m);border-color:#cfe7d9;}
.latest-card .lc-cat{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;
  color:var(--w2m-green);background:var(--w2m-green-light);
  padding:3px 12px;border-radius:999px;margin-bottom:10px;
}
.latest-card h3{
  font-size:16.5px;font-weight:700;color:var(--w2m-ink);line-height:1.65;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.latest-card .lc-date{font-size:12.5px;color:var(--w2m-muted);margin-top:8px;}
.latest-card .lc-desc{
  font-size:13.5px;color:var(--w2m-muted);margin-top:8px;line-height:1.8;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.latest-more{text-align:center;margin-top:30px;}

/* ---------- 新闻列表 ---------- */
.news-item{
  border-radius:16px;border:1px solid var(--w2m-line);
  box-shadow:var(--w2m-shadow-s);padding:22px 26px;
  transition:transform .25s,box-shadow .25s,border-color .25s;
  position:relative;
}
.news-item:hover{transform:translateY(-3px);border-color:#cfe7d9;box-shadow:var(--w2m-shadow-m);}
.news-item h3{font-size:18.5px;font-weight:700;line-height:1.6;}
.news-item::after{
  content:"→";position:absolute;right:22px;top:22px;color:#cfe0d7;
  font-size:18px;transition:transform .25s,color .25s;
}
.news-item:hover::after{transform:translateX(4px);color:var(--w2m-green);}
.news-item .news-meta{color:var(--w2m-muted);font-size:13px;}

/* 数字分页 */
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:34px;}
.pager a,.pager span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 12px;border-radius:12px;
  border:1px solid var(--w2m-line);background:#fff;color:var(--w2m-body);
  font-size:14.5px;font-weight:600;transition:.2s;
}
.pager a:hover{border-color:var(--w2m-green);color:var(--w2m-green);box-shadow:var(--w2m-shadow-s);}
.pager .cur{background:linear-gradient(135deg,#128c4f,#0b6e3f);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(11,110,63,.24);}
.pager .gap{border:none;background:transparent;color:var(--w2m-muted);}

/* ---------- 文章详情排版 ---------- */
.page-hero{
  background:linear-gradient(140deg,#07321e,#0b6e3f 60%,#128c4f);
  padding:56px 0 54px;position:relative;overflow:hidden;
}
.page-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(42% 62% at 86% 8%,rgba(255,216,107,.15),transparent 62%);
}
.page-hero .container{position:relative;z-index:1;}
.page-hero h1{font-size:29px;font-weight:800;line-height:1.55;letter-spacing:.4px;max-width:900px;margin:0 auto;}
.page-hero p{color:#cdeeda;font-size:14px;margin-top:12px;}
.page-body{padding:52px 0 60px;background:linear-gradient(180deg,#f7faf8,#fff 320px);}
.article-content{
  border-radius:20px;border:1px solid var(--w2m-line);
  box-shadow:var(--w2m-shadow-m);padding:38px 42px;
}
.article-content p{font-size:16.5px;line-height:2.05;color:#3f4f47;margin-bottom:18px;}
.article-content h2{
  position:relative;font-size:21px;font-weight:800;color:var(--w2m-ink);
  margin:34px 0 14px;padding-left:16px;line-height:1.6;
}
.article-content h2::before{
  content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:4px;
  background:linear-gradient(180deg,#128c4f,#e8a317);
}
.article-content h3{font-size:18px;font-weight:800;color:var(--w2m-green-deep);margin:24px 0 10px;}
.article-content strong{color:var(--w2m-ink);}
.article-meta{font-size:13.5px;color:var(--w2m-muted);}
.article-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;}
.article-nav .btn{
  background:#fff;color:var(--w2m-green);border:1px solid #cfe7d9;
  box-shadow:var(--w2m-shadow-s);font-weight:600;font-size:14.5px;
  padding:14px 20px;border-radius:14px;letter-spacing:0;
}
.article-nav .btn:hover{background:#f2f9f5;transform:translateY(-2px);box-shadow:var(--w2m-shadow-m);}
.related-articles .related-list a{
  color:var(--w2m-ink);font-size:15.5px;transition:color .2s,padding-left .2s;
  display:inline-block;
}
.related-articles .related-list a:hover{color:var(--w2m-green);padding-left:6px;}
.related-articles .related-list li{transition:background .2s;}

/* 标签胶囊 */
.tag-pill{
  display:inline-block;padding:6px 16px;border-radius:999px;
  border:1px solid #dcebe3;background:#f6fbf8;color:var(--w2m-body);
  font-size:13.5px;transition:.2s;
}
.tag-pill:hover{border-color:var(--w2m-green);color:var(--w2m-green);background:#eef8f2;}

/* ---------- 页脚 ---------- */
.site-footer{
  background:linear-gradient(180deg,#062e1c,#073d24);
  padding:52px 0 26px;position:relative;overflow:hidden;
}
.site-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,216,107,.45),transparent);
}
.footer-inner{position:relative;z-index:1;}
.footer-links{gap:10px 26px;margin-bottom:22px;}
.footer-links a{font-size:14px;transition:color .2s,transform .2s;display:inline-block;}
.footer-links a:hover{color:#ffd86b;transform:translateY(-1px);}
.footer-copy{font-size:14.5px;color:#e4f3ea;}
.footer-region,.footer-visited{font-size:13px;color:#a9cdb9;}
.footer-visited strong{color:#ffd86b;font-size:16px;}
.footer-disclaimer{color:#7fa891;line-height:1.85;max-width:760px;margin:12px auto 0;}

/* ---------- 悬浮操作 ---------- */
.float-bar a{
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  transition:transform .2s,box-shadow .2s;
}
.float-bar a:hover{transform:translateX(-3px);box-shadow:0 14px 30px rgba(0,0,0,.28);}
.float-bar .float-reg{background:linear-gradient(135deg,#ffd86b,#e8a317);color:#5a3a00;font-weight:800;}
.back-top{
  position:fixed;right:16px;bottom:16px;z-index:98;
  width:46px;height:46px;border-radius:14px;border:none;cursor:pointer;
  background:rgba(11,110,63,.92);color:#fff;font-size:19px;
  box-shadow:0 10px 24px rgba(11,110,63,.3);
  opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s;
}
.back-top.show{opacity:1;visibility:visible;}
.back-top:hover{transform:translateY(-3px);background:#128c4f;}

/* ==========================================================================
   移动端（≤860px）：更接近 App 的操作体验
   ========================================================================== */
@media (max-width:860px){
  .header-inner{height:auto;padding:10px 0;flex-wrap:wrap;}
  .region-badge{margin-left:auto;order:2;}
  .nav-toggle{order:3;margin-left:4px;}
  .header-phone{order:4;padding:7px 13px;font-size:13px;}

  .main-nav{order:5;}
  .main-nav ul{gap:0;}
  .main-nav a{padding:13px 4px;font-size:15.5px;border-bottom:1px solid rgba(255,255,255,.08);}
  .main-nav li.active a{background:rgba(255,255,255,.08);padding-left:10px;border-radius:8px;}
  .nav-region{padding:12px 4px;}

  .hero{padding:44px 0 58px;}
  .hero h1{font-size:26px;letter-spacing:.8px;}
  .hero p{font-size:14.5px;line-height:1.9;}
  .hero .hero-tag{font-size:12.5px;padding:5px 14px;}
  .hero .btn{padding:11px 24px;font-size:14.5px;}

  /* 信任条：2×2 */
  .trust-strip .container{grid-template-columns:repeat(2,1fr);gap:12px 8px;padding:16px;}
  .trust-strip .trust-item{justify-content:flex-start;gap:8px;font-size:13.5px;}
  .trust-strip .trust-item i{width:30px;height:30px;font-size:16px;border-radius:9px;}

  .section{padding:44px 0;}
  .section-title{font-size:23px;}
  .section-sub{font-size:14px;margin-bottom:28px;}

  /* 产品：三列横排对齐 */
  .products-grid{gap:8px;}
  .products-grid .product-card div[style*="gap:10px"]{gap:2px !important;margin-top:auto;padding-top:8px;}
  .product-card{border-radius:16px;display:flex;flex-direction:column;}
  .product-card .card-badge{white-space:nowrap;}
  .product-card .card-img{height:110px;}
  .product-card h3{font-size:14px;margin:10px 6px 4px;line-height:1.5;}
  .product-card .price{font-size:18px;}
  .product-card .price small{font-size:12px;}
  .product-card .card-desc{padding:4px 8px 0;font-size:12px;min-height:auto;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .product-card .card-btn{padding:8px 4px;font-size:12px;margin:8px 0 12px;letter-spacing:0;}

  .herbs-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .herb-item{padding:16px 14px;border-radius:14px;}
  .herb-item h4{font-size:15.5px;}
  .herb-item p{font-size:13px;line-height:1.75;}

  .pillars-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .pillar{padding:20px 14px;border-radius:14px;}
  .pillar .icon{font-size:32px;}
  .pillar h4{font-size:16px;}
  .pillar p{font-size:13px;}

  .recruit-box{padding:34px 20px;border-radius:20px;}
  .recruit-box h2{font-size:22px;}
  .recruit-box p{font-size:14px;}

  .latest-grid{grid-template-columns:1fr;gap:12px;}
  .latest-card{padding:16px 18px;border-radius:14px;}
  .latest-card h3{font-size:15.5px;}

  .news-item{padding:18px 18px 18px 18px;border-radius:14px;}
  .news-item h3{font-size:16.5px;}
  .news-item::after{display:none;}
  .news-list{gap:12px;}

  .page-hero{padding:34px 0 36px;}
  .page-hero h1{font-size:20px;}
  .page-body{padding:26px 0 40px;}
  .article-content{padding:22px 18px;border-radius:16px;}
  .article-content p{font-size:16px;line-height:2;}
  .article-content h2{font-size:18.5px;padding-left:13px;margin-top:26px;}
  .article-nav .btn{min-width:0 !important;flex:1 1 100%;text-align:center !important;}

  .pager a,.pager span{min-width:38px;height:38px;font-size:13.5px;border-radius:10px;}

  /* 底部固定操作条（App 式） */
  .float-bar{
    left:0;right:0;bottom:0;top:auto;right:0;
    flex-direction:row;gap:0;padding:0;
    padding-bottom:env(safe-area-inset-bottom);
    background:rgba(255,255,255,.97);
    box-shadow:0 -8px 26px rgba(0,0,0,.14);
    border-top:1px solid var(--w2m-line);
  }
  .float-bar a{
    flex:1;border-radius:0;box-shadow:none;
    padding:13px 4px;font-size:14.5px;font-weight:700;
    background:#fff;color:var(--w2m-green);
  }
  .float-bar a + a{border-left:1px solid var(--w2m-line);}
  .float-bar .float-phone{background:#f6faf8;color:#0b6e3f;}
  .float-bar .float-reg{flex:1.3;background:linear-gradient(135deg,#ffd86b,#e8a317);color:#5a3a00;}
  .float-bar a:hover{transform:none;}
  .site-footer{padding-bottom:90px;}
  .back-top{bottom:74px;right:12px;width:42px;height:42px;border-radius:12px;}
}

@media (max-width:480px){
  .hero h1{font-size:23px;}
  .hero p{font-size:13.5px;}
  .section-title{font-size:21px;}
  .logo{font-size:18px;}
  .logo::before{width:26px;height:26px;font-size:14px;border-radius:8px;}
  .region-badge{font-size:11.5px;padding:2px 8px;}
  .product-card .card-img{height:96px;}
  .product-card h3{font-size:12px;}
  .product-card .price{font-size:16px;}
  .products-grid .product-card .card-btn{padding:7px 2px;font-size:11px;margin:8px 0 10px;}
  .herbs-grid{grid-template-columns:repeat(2,1fr);}
  .article-content p{font-size:15.5px;}
  .page-hero h1{font-size:18.5px;}
  .trust-strip .trust-item{font-size:12.5px;}
  .trust-strip .trust-item i{width:26px;height:26px;font-size:14px;}
}

/* 左对齐标题的装饰线不居中 */
.related-articles .section-title::after{margin-left:0;}
.page-body > .container > .section-title::after{margin-left:0;}

/* ===== ahds v19.1 移动端微调 ===== */
@media (max-width: 860px) {
  /* 顶部电话与底部「拨打电话」重复，收起让导航单行 */
  .header-phone { display: none; }
  .header-inner { gap: 8px; }
  .region-badge { margin-left: auto; }
  /* 底部操作条字号统一，避免三格高低不齐 */
  .float-bar a { font-size: 13.5px; line-height: 1.4; letter-spacing: 0; }
  .float-bar .float-wechat { font-size: 12.5px; }
}

/* 全部资讯目录 */
.all-dir-list { columns: 2; column-gap: 26px; padding: 0; margin: 0; }
.all-dir-list li { break-inside: avoid; padding: 7px 0; border-bottom: 1px dashed #e8eeea; }
.all-dir-list a { color: #3f4f47; font-size: 14px; line-height: 1.7; transition: color .2s; }
.all-dir-list a:hover { color: #0b6e3f; }
@media (max-width: 860px) {
  .all-dir-list { columns: 1; }
  .all-dir-list a { font-size: 13.5px; }
}

/* ==========================================================================
   订单页样式（追加段）—— 供 order.php 使用
   约定类名：.order-step / .order-qrcode / .order-proof-upload / .order-done
   ⚠️ 本段为文件末尾追加，不改动上方任何既有类定义
   ========================================================================== */
.order-step { display: flex; align-items: flex-start; gap: 12px; background: #fff; border: 1px solid var(--w2m-line); border-radius: var(--w2m-radius); padding: 18px 20px; box-shadow: var(--w2m-shadow-s); }
.order-step + .order-step { margin-top: 14px; }
.order-step__no { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: var(--w2m-green); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; font-size: 15px; }
.order-step__body { flex: 1 1 auto; min-width: 0; }
.order-step__title { font-size: 17px; font-weight: 700; color: var(--w2m-ink); margin: 2px 0 6px; }
.order-step__desc { font-size: 14px; color: var(--w2m-body); line-height: 1.7; }
.order-step.is-done { border-color: var(--w2m-green-mid); background: var(--w2m-green-light); }

.order-qrcode { text-align: center; background: #fff; border: 1px solid var(--w2m-line); border-radius: var(--w2m-radius); padding: 22px 18px; box-shadow: var(--w2m-shadow-s); }
.order-qrcode img { width: 190px; height: 190px; display: block; margin: 0 auto; }
.order-qrcode__tip { font-size: 14px; color: var(--w2m-body); margin-top: 10px; }
.order-qrcode__amount { font-size: 26px; font-weight: 700; color: var(--w2m-green); margin-top: 6px; }
.order-qrcode__amount small { font-size: 14px; font-weight: 400; color: var(--w2m-muted); margin-right: 2px; }

.order-proof-upload { border: 2px dashed var(--w2m-green-mid); background: var(--w2m-bg-soft); border-radius: var(--w2m-radius); padding: 26px 18px; text-align: center; cursor: pointer; }
.order-proof-upload:hover { border-color: var(--w2m-green); background: var(--w2m-green-light); }
.order-proof-upload input[type="file"] { display: none; }
.order-proof-upload__icon { font-size: 30px; line-height: 1; }
.order-proof-upload__txt { font-size: 15px; font-weight: 600; color: var(--w2m-green-deep); margin-top: 8px; }
.order-proof-upload__hint { font-size: 12.5px; color: var(--w2m-muted); margin-top: 4px; }
.order-proof-upload__preview { max-width: 220px; margin: 12px auto 0; border-radius: 10px; border: 1px solid var(--w2m-line); display: none; }

.order-done { text-align: center; background: #fff; border: 1px solid var(--w2m-line); border-radius: var(--w2m-radius); padding: 34px 22px; box-shadow: var(--w2m-shadow-s); }
.order-done__icon { width: 62px; height: 62px; border-radius: 50%; background: var(--w2m-green-light); color: var(--w2m-green); font-size: 30px; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; }
.order-done__title { font-size: 21px; font-weight: 700; color: var(--w2m-green-deep); }
.order-done__desc { font-size: 14px; color: var(--w2m-body); margin-top: 8px; line-height: 1.8; }
.order-done__meta { display: inline-block; text-align: left; background: var(--w2m-bg-soft); border: 1px solid var(--w2m-line); border-radius: 12px; padding: 12px 18px; margin-top: 14px; font-size: 13.5px; color: var(--w2m-body); }
.order-done__actions { margin-top: 18px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

@media (max-width: 640px) {
  .order-step { padding: 15px 14px; }
  .order-qrcode img { width: 160px; height: 160px; }
  .order-done { padding: 26px 16px; }
}


/* ============================================================
   PC 宽屏布局增强 · 2026-10-13
   规则：只在末尾追加媒体查询，不修改任何既有类定义；
        <861px 保持改版前尺寸口径，视觉零变化。
   ============================================================ */

/* 1) 小屏：沿用原 index.php 行内尺寸（改为样式类后在此复原） */
@media (max-width: 860px) {
  .hero-product { max-width: 520px; }
  .mini-product-card { max-width: 230px; }
}

/* 2) 桌面(>=861px)：自用购买主推卡 -> 左图右文两栏横向卡 */
@media (min-width: 861px) {
  #buy .hero-product {
    max-width: none;
    width: 100%;
    display: grid;
    grid-template-columns: 44% 56%;
    grid-template-rows: auto auto auto auto;
    align-content: center;
    text-align: left;
  }
  #buy .hero-product .card-badge {
    left: 0;
    transform: none;
    border-radius: 0 0 12px 0;
  }
  #buy .hero-product .card-img {
    grid-column: 1;
    grid-row: 1 / span 4;
    height: 100%;
    min-height: 340px;
  }
  #buy .hero-product h3 {
    grid-column: 2;
    grid-row: 1;
    margin: 34px 34px 0;
    font-size: 25px;
  }
  #buy .hero-product .price {
    grid-column: 2;
    grid-row: 2;
    margin: 6px 34px 0;
  }
  #buy .hero-product .card-desc {
    grid-column: 2;
    grid-row: 3;
    padding: 8px 34px 0;
    min-height: 0;
    font-size: 14.5px;
  }
  #buy .hero-product .hero-actions {
    grid-column: 2;
    grid-row: 4;
    justify-content: flex-start;
    margin: 18px 34px 34px;
  }

  /* 3) 桌面：次要产品卡 -> 自适应网格铺满容器，取消 230px 上限 */
  #buy .mini-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px;
  }
  #buy .mini-product-card {
    max-width: none;
    width: auto;
  }

  /* 4) 桌面：代理合作 -> 两栏（左 标题/副标题/权益标签；右 数据块/按钮组） */
  #agent .agent-inner {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    grid-template-rows: auto auto auto;
    column-gap: 40px;
    align-items: center;
    text-align: left !important;
    padding: 36px 34px !important;
  }
  #agent .agent-title { grid-column: 1; grid-row: 1; text-align: left; }
  #agent .agent-sub { grid-column: 1; grid-row: 2; text-align: left; margin: 6px 0 0; }
  #agent .agent-tags { grid-column: 1; grid-row: 3; justify-content: flex-start !important; margin-top: 18px !important; }
  #agent .agent-data { grid-column: 2; grid-row: 1 / span 2; justify-content: flex-end !important; margin: 0 !important; }
  #agent .agent-btns { grid-column: 2; grid-row: 3; justify-content: flex-end !important; }
}

/* 5) 超宽屏：容器放宽（.container 默认 1180px 保持不变） */
@media (min-width: 1600px) {
  .container { max-width: 1320px; }
}


/* ============================================================
   页头导航 861-1029px 单行压缩 · 2026-10-13
   背景：该档视口页头导航需 1030px，产生横向滚动（iPad 横屏 1024 命中）
   做法：只追加媒体查询，不改既有类定义；<=860px 与 >=1030px 完全不受影响
   实测：861/900/980/1000/1024/1029 六档 scrollWidth == innerWidth，单行不换行
   ============================================================ */
@media (min-width: 861px) and (max-width: 1029px) {
  .header-inner { gap: 8px; }
  .logo { font-size: 16px; }
  .main-nav ul { gap: 4px; }
  .main-nav a { font-size: 12px; padding: 6px 1px; }
  .region-select { min-width: 72px; padding: 6px 20px 6px 8px; font-size: 12px; }
  .header-phone { padding: 6px 9px; font-size: 12px; }
}


/* ==========================================================================
   ahds v20 首页改版 + 菜单精简
   规则：只在文件末尾追加，不修改上方任何既有类定义；
        ≤860px 与 ≥861px 分别校验，保证移动端与电脑端都不出现横向滚动。
   ========================================================================== */

/* ---------- 菜单：按钮型「代理注册」入口 ---------- */
.main-nav .nav-cta a{
  background:linear-gradient(135deg,#ffd86b,#e8a317);
  color:#5a3a00;font-weight:800;letter-spacing:.5px;
  padding:7px 16px;border-radius:999px;border-bottom:none;
  box-shadow:0 6px 16px rgba(232,163,23,.28);
  display:inline-block;transition:transform .2s,box-shadow .2s;
}
.main-nav .nav-cta a::after{display:none;}
.main-nav .nav-cta a:hover{color:#3d2800;transform:translateY(-1px);box-shadow:0 9px 20px rgba(232,163,23,.42);}
.main-nav .nav-cta.active a{border-bottom-color:transparent;background:linear-gradient(135deg,#ffe192,#f0ad22);}

/* ---------- 地区站「返回全国站」链接 ---------- */
.region-back{margin-left:8px;color:#ffd86b;font-size:12.5px;text-decoration:underline;white-space:nowrap;}
.region-back-sm{font-size:12px;}

/* ---------- 首屏：左文案 + 右产品图 ---------- */
.home-hero{padding:72px 0 84px;}
.home-hero .hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;}
.hero-copy{text-align:left;min-width:0;}
.hero-copy h1{font-size:46px;margin:10px 0 14px;letter-spacing:2px;}
.hero-sub{font-size:16.5px;color:#dcf3e6;line-height:1.95;margin:0 0 20px;max-width:620px;}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 26px;padding:0;}
.hero-points li{position:relative;padding-left:22px;font-size:15px;color:#eafaf1;}
.hero-points li::before{content:"✓";position:absolute;left:0;top:-1px;color:#ffd86b;font-weight:800;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
.hero-meta{margin:20px 0 0;font-size:14px;color:#bfe6d2;}
.hero-meta strong{color:#ffd86b;}
.hero-media{position:relative;min-width:0;}
.hero-media img{width:100%;display:block;border-radius:24px;box-shadow:0 28px 64px rgba(0,0,0,.32);}
.hero-media .hero-price{
  position:absolute;left:18px;bottom:18px;
  background:rgba(255,255,255,.96);color:#c1272d;
  font-size:24px;font-weight:900;letter-spacing:-.5px;
  padding:8px 20px;border-radius:999px;
  box-shadow:0 12px 28px rgba(0,0,0,.2);
}
.hero-media .hero-price small{font-size:13px;font-weight:700;}

/* ---------- 产品区：按钮组 / 次要卡补充 ---------- */
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:0 0 22px;}
.hero-actions .card-btn{margin:0;flex:2 1 150px;}
.hero-actions .card-btn-ghost{flex:1 1 120px;}
.card-btn-ghost{background:#fff;color:#0b6e3f;border:1.5px solid #0b6e3f;box-shadow:none;}
.card-btn-ghost:hover{background:#eef7f1;}
.mini-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:24px;}
.mini-product-card{padding:0 0 18px;display:flex;flex-direction:column;}
.mini-product-card .card-img{height:152px;}
.mini-product-card h3{font-size:16px;margin:14px 12px 4px;line-height:1.5;}
.mini-product-card .price{font-size:20px;}
.mini-product-card .card-btn{margin:12px 16px 0;}

/* ---------- 通用：浅色描边按钮 ---------- */
.btn-outline{
  background:#fff;color:var(--w2m-green);
  border:1.5px solid #cfe7d9;box-shadow:var(--w2m-shadow-s);
  font-weight:700;letter-spacing:.2px;
}
.btn-outline:hover{background:#f2f9f5;color:var(--w2m-green-deep);transform:translateY(-2px);box-shadow:var(--w2m-shadow-m);}

/* ---------- 八味草本 ---------- */
.herb-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:900px;margin:0 auto;}
.herb-chip{
  background:#fff;border:1px solid var(--w2m-line);color:var(--w2m-green-deep);
  font-weight:700;font-size:14.5px;padding:9px 20px;border-radius:999px;
  box-shadow:var(--w2m-shadow-s);transition:transform .2s,border-color .2s;
}
.herb-chip:hover{border-color:var(--w2m-gold);transform:translateY(-2px);}
.herb-note{margin:28px auto 0;max-width:1000px;text-align:center;color:var(--w2m-muted);font-size:13.5px;line-height:2;}

/* ---------- 招商区数据块 ---------- */
.recruit-box .agent-data{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:22px 0 4px;}
.recruit-box .agent-data-item{
  background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.5);
  border-radius:14px;padding:12px 26px;min-width:180px;
}
.recruit-box .agent-data-label{font-size:12.5px;opacity:.85;color:#d9f2e5;}
.recruit-box .agent-data-value{font-size:21px;font-weight:800;color:#fff;}
.recruit-box .agent-data-value.code{font-size:24px;letter-spacing:3px;}
.recruit-box .agent-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px;}
.recruit-box .btn-ghost{border-color:rgba(255,255,255,.75);color:#fff;}
.recruit-box .btn-ghost:hover{background:rgba(255,255,255,.16);}

/* ---------- 首页底部补充行 ---------- */
.home-cta-line{text-align:center;margin:22px 0 0;color:var(--w2m-body);font-size:14.5px;}
.home-cta-line a{color:var(--w2m-green);font-weight:700;}

/* ==========================================================================
   v20 移动端适配（≤860px）
   ========================================================================== */
@media (max-width:860px){
  .home-hero{padding:30px 0 42px;}
  .home-hero .hero-grid{grid-template-columns:1fr;gap:22px;}
  .hero-copy{text-align:center;}
  .hero-copy h1{font-size:27px;letter-spacing:1px;margin:8px 0 10px;}
  .hero-sub{font-size:14.5px;line-height:1.9;margin:0 auto 16px;}
  .hero-points{justify-content:center;gap:8px 18px;margin-bottom:20px;}
  .hero-points li{font-size:13.5px;}
  .hero-cta{justify-content:center;}
  .hero-meta{font-size:13px;margin-top:16px;}
  .hero-media{max-width:460px;margin:0 auto;}
  .hero-media img{border-radius:18px;}
  .hero-media .hero-price{left:50%;transform:translateX(-50%);bottom:12px;font-size:20px;padding:6px 16px;}

  .mini-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;}
  .mini-row .mini-product-card{max-width:none;padding-bottom:12px;}
  .mini-product-card .card-img{height:108px;}
  .mini-product-card h3{font-size:13.5px;margin:10px 8px 2px;}
  .mini-product-card .price{font-size:17px;}
  .mini-product-card .card-btn{margin:8px 10px 0;padding:8px 6px;font-size:12px;}

  .hero-actions{gap:8px;}
  .hero-actions .card-btn{flex:1 1 100%;}

  .main-nav .nav-cta{padding:12px 4px;}
  .main-nav .nav-cta a{display:block;text-align:center;padding:11px 0;font-size:15.5px;}

  .herb-chip{font-size:13.5px;padding:7px 15px;}
  .herb-note{font-size:12.5px;line-height:1.9;margin-top:20px;}

  .recruit-box .agent-data{gap:10px;}
  .recruit-box .agent-data-item{padding:10px 16px;min-width:140px;}
  .recruit-box .agent-data-value{font-size:18px;}
  .recruit-box .agent-data-value.code{font-size:20px;letter-spacing:2px;}
  .recruit-box .agent-btns{gap:10px;}
  .recruit-box .agent-btns .btn{flex:1 1 100%;text-align:center;}
}

@media (max-width:480px){
  .hero-copy h1{font-size:24px;}
  .mini-row{gap:8px;}
  .mini-product-card .card-img{height:96px;}
  .mini-product-card h3{font-size:12.5px;}
  .mini-product-card .price{font-size:15.5px;}
}

/* ==================== v21：菜单栏清晰化（百度友好） ==================== */
/* 桌面端：字号加大、纯白高对比、当前页金色胶囊高亮 */
.main-nav ul{gap:26px;}
.main-nav a{
  color:#ffffff;
  font-size:16px;
  font-weight:600;
  letter-spacing:1px;
  padding:9px 14px;
  border-radius:18px;
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}
.main-nav a:hover{color:#ffe08c;background:rgba(255,255,255,.12);}
.main-nav a::after{display:none;}
.main-nav li.active a{
  color:#5a3a00;
  background:linear-gradient(135deg,#ffd86b,#f0ad22);
  box-shadow:0 3px 10px rgba(232,163,23,.35);
}
.main-nav li.active a:hover{color:#5a3a00;background:linear-gradient(135deg,#ffd86b,#f0ad22);}
/* 徽标与电话按钮同步加大可读性 */
.region-badge{font-size:13px;font-weight:700;}
.header-phone{font-size:15px;padding:9px 18px;}
/* 隐藏已移除的省份下拉残留（兼容旧缓存） */
.nav-region{display:none !important;}
/* 平板 */
@media (max-width:1100px){
  .main-nav ul{gap:14px;}
  .main-nav a{font-size:15px;padding:8px 10px;}
}
/* 移动端：汉堡菜单展开后大字号、高对比、分隔清晰 */
@media (max-width:860px){
  .main-nav.open{background:linear-gradient(120deg,#08502f,#0b6e3f);border-radius:0 0 12px 12px;padding:4px 14px 10px;box-shadow:0 10px 24px rgba(0,0,0,.25);}
  .main-nav ul{gap:0;}
  .main-nav li{border-top:1px solid rgba(255,255,255,.18);}
  .main-nav a{
    display:block;
    font-size:16.5px;
    font-weight:600;
    color:#fff;
    padding:14px 10px;
    border-radius:0;
    letter-spacing:1.5px;
  }
  .main-nav li.active a{color:#ffd86b;background:transparent;box-shadow:none;}
  .nav-toggle{padding:10px;}
  .nav-toggle span{width:26px;height:3.5px;}
  .header-phone{font-size:14px;padding:8px 14px;}
}