/* ============================================================
   sinocoming.com — 多语言落地页共享样式
   用法：<link rel="stylesheet" href="/assets/lang-page.css">
   约定：
     .top       顶部条（品牌 + 语言切换）
     .hero      首屏（h1 + lead + 双 CTA）
     .wrap      内容容器（max 1080）
     table      价格 / 规格表（首行 th 深绿底）
     .note      提示条（左侧金色竖线）
     .grid/.card 三到四栏卖点
     .faq .q    问答块（配合 JSON-LD FAQPage）
     .cta       底部转化区（深绿满宽）
   ============================================================ */
:root{
  --ink:#1d2a22; --muted:#5c6b60; --green:#33513a; --sage:#7d9478;
  --cream:#faf7f0; --line:#e3ddd0; --gold:#b98d4b;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:"Noto Serif TC","Noto Sans SC","PingFang TC","PingFang SC",
              "Microsoft JhengHei","Microsoft YaHei",system-ui,sans-serif;
  color:var(--ink); background:#fff; line-height:1.85;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--green);text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}

/* 顶部条 */
.top{background:var(--green);color:#fff;padding:14px 0;font-size:14px}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.top a{color:#fff;opacity:.92}
.top .nav a{margin-left:18px}

/* 首屏 */
.hero{background:linear-gradient(160deg,#f4f1e8 0%,#eef0e6 100%);
      padding:64px 0 56px;border-bottom:1px solid var(--line)}
.hero h1{font-size:38px;line-height:1.35;letter-spacing:.5px;font-weight:700;margin-bottom:18px}
.hero p.lead{font-size:17px;color:var(--muted);max-width:720px;margin-bottom:26px}

/* 按钮 */
.btn{display:inline-block;background:var(--green);color:#fff;padding:13px 30px;
     border-radius:3px;font-size:16px;font-weight:600;border:none;cursor:pointer}
.btn:hover{background:#263d2b}
.btn.ghost{background:transparent;color:var(--green);border:1px solid var(--green);margin-left:10px}

/* 区块 */
section{padding:56px 0;border-bottom:1px solid var(--line)}
h2{font-size:26px;margin-bottom:10px;letter-spacing:.3px}
h2 .en{display:block;font-size:13px;color:var(--sage);letter-spacing:1.5px;
       text-transform:uppercase;font-family:system-ui,sans-serif;font-weight:500;margin-top:6px}
p{margin-bottom:14px}
.sub{color:var(--muted);margin-bottom:28px;max-width:760px}

/* 表格 */
table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}
th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line)}
th{background:var(--green);color:#fff;font-weight:600;font-size:14px}
tr:nth-child(even) td{background:#fbfaf6}
.price{font-weight:700;color:var(--green);font-size:16px}

/* 提示条 */
.note{background:var(--cream);border-left:3px solid var(--gold);
      padding:14px 18px;font-size:14px;color:var(--muted);margin:18px 0}

/* 卖点卡 */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin:26px 0}
.card{border:1px solid var(--line);padding:22px;background:#fff}
.card h4{font-size:16px;margin-bottom:8px;color:var(--green)}
.card p{font-size:14px;color:var(--muted);margin:0}

/* FAQ */
.faq div.q{border-bottom:1px solid var(--line);padding:18px 0}
.faq div.q strong{display:block;font-size:17px;margin-bottom:6px}
.faq div.q p{color:var(--muted);margin:0;font-size:15px}

/* 底部转化 */
.cta{background:var(--green);color:#fff;padding:64px 0;text-align:center;border:none}
.cta h2{color:#fff}
.cta p{color:#d9e2d6;max-width:640px;margin:0 auto 26px}
.cta .btn{background:#fff;color:var(--green)}

/* 页脚 */
footer{background:#f4f1e8;padding:36px 0;font-size:13px;color:var(--muted);
       border-top:1px solid var(--line)}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* 移动端 */
@media(max-width:700px){
  .hero h1{font-size:27px}
  section{padding:40px 0}
  h2{font-size:21px}
  table{font-size:13px}
  th,td{padding:10px 8px}
}

/* 移动端表格滚动容器：HTML 中用 <div class="tbl-scroll"> 包住 table */
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0}
.tbl-scroll>table{margin:0}
@media(max-width:700px){
  .tbl-scroll>table{min-width:580px}
  .tbl-scroll th,.tbl-scroll td{white-space:nowrap;padding:11px 12px}
}

/* 首屏 WhatsApp 直达行 */
.hero p.wx{margin-top:18px;font-size:15px;color:var(--muted);max-width:none}
.hero p.wx a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.hero p.wx strong{font-weight:700}