*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Microsoft Sans Serif','Microsoft YaHei','PingFang SC',sans-serif;background:#f5f7f6;color:#27342e;line-height:1.6;overflow-x:hidden}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.site-shell{background:linear-gradient(180deg,#edf3f0 0%,#f5f7f6 100%)}
.topbar{background:#1f3b31;color:#dbe8e2;font-size:.82rem;padding:8px 0}
.topbar__inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
.topbar__inner span{opacity:.92}
.header{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 2px 18px rgba(0,0,0,.05);position:sticky;top:0;z-index:100;border-bottom:1px solid #dde5e0}
.header__inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0;flex-wrap:wrap;gap:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand__text{display:flex;flex-direction:column}
.brand__text strong{font-size:1.45rem;font-weight:700;color:#1f3b31;letter-spacing:.5px}
.brand__text span{font-size:.78rem;color:#5b7468}
.nav{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap}
.nav a{text-decoration:none;color:#2e4a3d;font-weight:500;font-size:.92rem;transition:.2s;border-bottom:2px solid transparent;padding:4px 0}
.nav a:hover{color:#0f8a5f;border-bottom-color:#0f8a5f}
.hero{padding:5rem 0 4.5rem;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-30%;right:-15%;width:120%;height:140%;background:radial-gradient(circle,rgba(15,138,95,.08),transparent 70%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;position:relative;z-index:2}
.hero-copy .eyebrow{display:inline-block;background:#e3f2ec;color:#0f8a5f;font-weight:600;font-size:.82rem;padding:.3rem 1.2rem;border-radius:40px;margin-bottom:1.2rem;letter-spacing:.3px}
.hero-copy h1{font-size:2.8rem;font-weight:800;color:#1f3b31;line-height:1.2;margin-bottom:1rem;background:linear-gradient(135deg,#1f3b31,#2b7a5c);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy h1 em{font-style:normal;color:#0f8a5f}
.hero-copy>p{font-size:1.08rem;color:#3f5a4c;max-width:560px;margin-bottom:1.6rem}
.chip-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}
.chip{background:#ffffff;border:1px solid #cfe0d7;color:#2e5c48;padding:.35rem 1.1rem;border-radius:50px;font-size:.82rem;font-weight:500;box-shadow:0 2px 6px rgba(0,0,0,.02)}
.keyword-row{display:flex;flex-wrap:wrap;gap:.5rem}
.keyword-chip{background:#f0f7f4;color:#567a68;font-size:.75rem;padding:.2rem .8rem;border-radius:30px;border:1px solid #d8e8e0}
.hero-panel{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 18px 36px -12px rgba(31,59,49,.12);border:1px solid #e2ebe6}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.4rem}
.metric{background:#f2f8f5;border-radius:16px;padding:.9rem 1rem;text-align:center}
.metric strong{display:block;font-size:1.3rem;color:#0f8a5f}
.metric span{font-size:.75rem;color:#5b7468}
.hero-contact{padding-top:1rem;border-top:1px solid #e5ede8}
.hero-contact strong{color:#1f3b31;font-size:.95rem}
.hero-contact a{display:block;font-size:1.6rem;font-weight:800;color:#0f8a5f;text-decoration:none;margin:.3rem 0 .5rem;letter-spacing:.5px}
.hero-contact p{font-size:.82rem;color:#5f756a;line-height:1.6}
.section{padding:4.5rem 0}
.section-head{text-align:center;margin-bottom:2.8rem}
.section-head h2{font-size:2rem;font-weight:800;color:#1f3b31;position:relative;display:inline-block}
.section-head h2:after{content:'';display:block;width:60px;height:3px;background:#0f8a5f;margin:.6rem auto 0;border-radius:4px}
.section-head span{display:block;color:#8ba496;font-size:.82rem;letter-spacing:1.5px;margin-top:.4rem;text-transform:uppercase}
.surface-card{background:#fff;border-radius:28px;padding:2.5rem;box-shadow:0 8px 24px -8px rgba(0,0,0,.04);border:1px solid #e2ebe6}
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.about-copy p{margin-bottom:1rem;color:#2f4a3d;line-height:1.75;font-size:.95rem}
.about-copy strong{color:#0f8a5f}
.about-figure{margin:0;text-align:center}
.about-figure img{max-width:100%;border-radius:20px;box-shadow:0 12px 24px -8px rgba(0,0,0,.08);width:100%;object-fit:cover}
.about-figure figcaption{font-size:.82rem;color:#71887b;margin-top:.8rem}
.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.strength-card{background:#fff;border:1px solid #dce8e1;border-radius:22px;padding:1.8rem 1.5rem;text-align:center;transition:.3s;box-shadow:0 4px 12px rgba(0,0,0,.02)}
.strength-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px -10px rgba(31,59,49,.09)}
.strength-card .icon{font-size:2.2rem;margin-bottom:.8rem}
.strength-card h3{font-size:1.05rem;color:#1f3b31;font-weight:700;margin-bottom:.5rem}
.strength-card p{font-size:.85rem;color:#6b8377;line-height:1.5}
.gallery-stack{display:flex;flex-direction:column;gap:3.5rem}
.gallery-group .group-title{font-size:1.4rem;font-weight:700;color:#1f3b31;margin-bottom:1.6rem;padding-left:1rem;border-left:5px solid #0f8a5f}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.gallery-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #dce8e1;transition:.3s;box-shadow:0 4px 10px rgba(0,0,0,.02)}
.gallery-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px -8px rgba(31,59,49,.1)}
.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#f0f5f2}
.gallery-card p{padding:.8rem .9rem;font-size:.87rem;color:#2e4a3d;line-height:1.45;text-align:center;font-weight:500}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.faq-item{background:#fff;border-radius:18px;padding:1.5rem 1.6rem;border:1px solid #e0e9e4}
.faq-item h3{font-size:1rem;color:#1f3b31;margin-bottom:.6rem;font-weight:700}
.faq-item p{font-size:.88rem;color:#5f756a;line-height:1.65}
.cta-panel{background:linear-gradient(135deg,#1f3b31,#2f6650);border-radius:32px;padding:3.5rem;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;position:relative;overflow:hidden}
.cta-panel::before{content:'';position:absolute;top:-40%;right:-20%;width:80%;height:160%;background:radial-gradient(circle,rgba(15,138,95,.25),transparent 70%)}
.cta-copy{position:relative;z-index:2}
.cta-copy .eyebrow{color:#8fd6b8;font-size:.82rem;font-weight:600;margin-bottom:.6rem}
.cta-copy h2{font-size:2rem;font-weight:800;margin-bottom:1rem}
.cta-copy>p{color:#cfe0d7;margin-bottom:1.4rem;font-size:.95rem;line-height:1.6}
.contact-list{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.contact-list li{font-size:.95rem;color:#e8f0ec;border-bottom:1px dashed rgba(255,255,255,.15);padding-bottom:.6rem}
.cta-contact{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:2rem;backdrop-filter:blur(4px);position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}
.cta-contact strong{font-size:1.1rem;margin-bottom:.6rem}
.cta-contact>a{font-size:2.2rem;font-weight:800;color:#8fd6b8;text-decoration:none;margin-bottom:1rem;letter-spacing:.5px}
.cta-contact__meta{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}
.cta-contact__meta div{background:rgba(255,255,255,.06);border-radius:12px;padding:.8rem 1rem}
.cta-contact__meta span{display:block;font-size:.72rem;color:#9fc3b2;margin-bottom:.2rem}
.cta-contact__meta strong{font-size:.9rem;color:#e8f0ec}
.cta-contact p{font-size:.82rem;color:#cfe0d7;margin-top:.8rem;line-height:1.5}
.cta-contact p a{color:#8fd6b8;font-weight:600}
.footer{background:#1f3b31;color:#cfe0d7;padding:2.5rem 0 2rem;margin-top:2rem}
.footer__inner{text-align:center}
.footer-copy p{max-width:960px;margin:0 auto .7rem;font-size:.86rem;color:#aec5ba;line-height:1.6}
.friend-links-row{display:block;width:100%;margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.12)}
.friend-links{background:rgba(255,255,255,.04);border-radius:16px;padding:.8rem 1rem}
.friend-links__inner{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;align-items:center;font-size:.75rem;color:#8daa9d}
.friend-links__inner a{color:#8daa9d;text-decoration:none;padding:.2rem .4rem;border-radius:4px;transition:.2s}
.friend-links__inner a:hover{color:#8fd6b8;background:rgba(255,255,255,.05)}
.timestamp{text-align:center;font-size:.78rem;color:#8daa9d;padding:1rem 0 1.2rem;letter-spacing:.3px}
.call-button{position:fixed;bottom:24px;right:24px;background:#0f8a5f;color:#fff;padding:0 22px;height:54px;border-radius:50px;display:flex;align-items:center;gap:10px;text-decoration:none;box-shadow:0 8px 20px rgba(15,138,95,.35);z-index:99;transition:.2s;font-weight:600}
.call-button:hover{background:#0b7049;transform:scale(1.04)}
@media (max-width:1024px){
.hero-grid{grid-template-columns:1fr;gap:32px}
.strength-grid{grid-template-columns:repeat(2,1fr)}
.gallery-grid{grid-template-columns:repeat(3,1fr)}
.cta-panel{grid-template-columns:1fr}
}
@media (max-width:768px){
.hero-copy h1{font-size:2.1rem}
.header__inner{flex-direction:column;text-align:center;padding:12px 0}
.nav{justify-content:center;gap:1rem}
.about-grid{grid-template-columns:1fr}
.gallery-grid{grid-template-columns:repeat(2,1fr)}
.faq-grid{grid-template-columns:1fr}
.cta-panel{padding:2rem}
.section{padding:3rem 0}
.strength-grid{grid-template-columns:1fr}
.gallery-grid{grid-template-columns:1fr 1fr}
.gallery-card p{font-size:.78rem}
.hero{padding:3rem 0}
}


.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;}
}