*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Microsoft Sans Serif,Microsoft YaHei,sans-serif;background:#f6f7f4;color:#26302b;line-height:1.6}
:root{--primary:#3d6b4f;--primary-dark:#2a4c38;--accent:#c9a86c;--bg:#f6f7f4;--surface:#ffffff;--border:#e3e8e2;--muted:#6c7a70;--dark:#1f2a23}
.site-shell{max-width:100%;overflow:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.topbar{background:var(--primary-dark);color:#eef2ee;font-size:.82rem;padding:7px 0}
.topbar__inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px}
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.header__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.brand__mark{width:12px;height:12px;background:var(--accent);border-radius:3px;display:inline-block}
.brand__text strong{font-size:1.15rem;color:var(--primary-dark);display:block}
.brand__text span{font-size:.8rem;color:var(--muted)}
.nav{display:flex;gap:18px;flex-wrap:wrap}
.nav a{color:var(--primary-dark);text-decoration:none;font-size:.93rem;font-weight:500;padding:4px 0;border-bottom:2px solid transparent;transition:.2s}
.nav a:hover{border-color:var(--accent)}
.hero{background:linear-gradient(135deg,#eef4ee 0%,#dde8de 100%);padding:70px 0;position:relative;overflow:hidden}
.hero:after{content:"🌿";font-size:220px;opacity:.05;position:absolute;bottom:-40px;right:-20px;pointer-events:none}
.hero-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero-copy .eyebrow{display:inline-block;background:var(--accent);color:#1f2a23;padding:4px 16px;border-radius:30px;font-size:.8rem;font-weight:600;margin-bottom:16px}
.hero-copy h1{font-size:2.5rem;line-height:1.2;color:var(--primary-dark);margin-bottom:16px;font-weight:700}
.hero-copy>p{color:var(--muted);font-size:1rem;margin-bottom:20px}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.chip-row span{background:#fff;border:1px solid var(--border);padding:5px 14px;border-radius:30px;font-size:.8rem;color:var(--primary-dark)}
.keyword-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.keyword-row span{background:rgba(201,168,108,.15);padding:3px 10px;border-radius:4px;font-size:.75rem;color:var(--primary-dark)}
.hero-panel{background:var(--surface);border-radius:20px;box-shadow:0 12px 28px rgba(0,0,0,.06);padding:26px}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.metric-grid div{background:#f0f5f0;border-radius:12px;padding:14px;text-align:center}
.metric-grid strong{display:block;font-size:1.3rem;color:var(--primary-dark)}
.metric-grid span{font-size:.78rem;color:var(--muted)}
.hero-contact{background:var(--primary-dark);border-radius:14px;padding:18px;color:#eef2ee}
.hero-contact strong{font-size:.95rem}
.hero-contact a{display:inline-block;margin:10px 0 6px;font-size:1.5rem;font-weight:700;color:var(--accent);text-decoration:none}
.hero-contact p{font-size:.82rem;line-height:1.6;opacity:.9}
.section{padding:64px 0}
.section-head{text-align:center;margin-bottom:32px}
.section-head h2{font-size:1.9rem;color:var(--primary-dark);font-weight:700;letter-spacing:.5px}
.section-head span{display:block;color:var(--accent);font-size:.85rem;text-transform:uppercase;letter-spacing:2px;margin-top:4px}
.surface-card{background:var(--surface);border-radius:22px;box-shadow:0 8px 22px rgba(0,0,0,.04);padding:32px;border:1px solid var(--border)}
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.about-copy p{margin-bottom:14px;color:#3c4841;font-size:.95rem}
.about-copy strong{color:var(--primary-dark)}
.about-figure{margin:0}
.about-figure img{width:100%;border-radius:16px;object-fit:cover;display:block}
.about-figure figcaption{font-size:.8rem;color:var(--muted);text-align:center;padding-top:8px}
.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:10px}
.strength-grid article{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;transition:.2s}
.strength-grid article:hover{box-shadow:0 10px 22px rgba(0,0,0,.06);transform:translateY(-2px)}
.strength-grid h3{color:var(--primary-dark);margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:1.05rem}
.strength-grid p{font-size:.85rem;color:var(--muted)}
.gallery-stack{display:flex;flex-direction:column;gap:40px}
.gallery-group h3{color:var(--primary-dark);font-size:1.2rem;margin-bottom:18px;padding-left:14px;border-left:4px solid var(--accent)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gallery-card{background:var(--surface);border-radius:14px;overflow:hidden;border:1px solid var(--border);transition:.2s}
.gallery-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.08);transform:translateY(-4px)}
.gallery-card img{width:100%;height:180px;object-fit:cover;display:block}
.gallery-card p{font-size:.8rem;padding:10px 12px;color:var(--primary-dark);background:#fff;min-height:42px}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.faq-item{background:var(--surface);border-radius:14px;padding:20px;border:1px solid var(--border)}
.faq-item h3{font-size:.98rem;color:var(--primary-dark);margin-bottom:8px}
.faq-item p{font-size:.87rem;color:var(--muted)}
.cta-panel{background:var(--primary-dark);border-radius:26px;padding:40px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;color:#eef2ee;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.cta-copy .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:2px;font-size:.8rem}
.cta-copy h2{font-size:1.7rem;margin:12px 0 12px}
.cta-copy>p{font-size:.95rem;opacity:.85}
.contact-list{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:8px}
.contact-list li{font-size:.9rem;display:flex;align-items:center;gap:10px}
.cta-contact{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:24px;display:flex;flex-direction:column}
.cta-contact strong{font-size:1.1rem}
.cta-contact a{font-size:1.8rem;font-weight:700;color:var(--accent);text-decoration:none;margin:12px 0}
.cta-contact__meta{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.cta-contact__meta div{display:flex;justify-content:space-between;font-size:.85rem}
.cta-contact__meta span{opacity:.7}
.cta-contact__meta strong{color:var(--accent)}
.footer{background:var(--dark);color:#c8d2cc;padding:34px 0;font-size:.85rem}
.footer__inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:6px}
.footer-copy p{margin-bottom:6px;line-height:1.7}
.friend-links-row{margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}
.friend-links{font-size:.75rem;line-height:1.8}
.friend-links a{color:#8f9f95;text-decoration:none;margin-right:10px;display:inline-block}
.friend-links a:hover{color:var(--accent)}
.friend-links__inner{display:inline}
p{font-size:.95rem}
.timestamp{text-align:center;font-size:.78rem;color:#8f9f95;margin:14px 0}
a{color:inherit}


.friend-links-row{display:block !important;width:100%;margin:18px 0 0;clear:both;}
.friend-links{display:block !important;width:100%;box-sizing:border-box;}
.friend-links__inner{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;width:100%;}
.friend-links__inner a{display:inline-block;font-size:12px;line-height:1.6;padding:0;color:inherit;text-decoration:none;opacity:.88;}
.friend-links__inner a:hover{text-decoration:underline;opacity:1;}
@media (max-width: 768px){
  .friend-links-row{margin-top:14px;}
  .friend-links__inner{gap:5px 10px;}
  .friend-links__inner a{font-size:11px;line-height:1.7;}
}