:root{
            --cbrand:#0f5c4d;
            --cbrand2:#1d8a77;
            --caccent:#d89a3a;
            --cbgsoft:#f3f6f5;
            --cborder:#d7e0dd;
            --cink:#16201e;
            --cslate:#51625d;
            --cwhite:#ffffff;
            --cdeep:#0a2f29;
            --shadow:0 14px 34px rgba(10,47,41,.08);
            --radius:18px;
        }
        *{margin:0;padding:0;box-sizing:border-box}
        body{font-family:'Microsoft Sans Serif','Microsoft YaHei',sans-serif;color:var(--cink);background:#fbfdfc;line-height:1.55}
        a{text-decoration:none;color:inherit}
        img{display:block;max-width:100%}
        .container{max-width:1220px;margin:0 auto;padding:0 26px}
        .topbar{background:var(--cdeep);color:#cde3dd;font-size:.86rem;padding:7px 0}
        .topbar__inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
        .header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--cborder)}
        .header__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 26px}
        .brand{display:flex;align-items:center;gap:10px}
        .brand__mark{width:14px;height:38px;background:linear-gradient(160deg,var(--cbrand),var(--caccent));border-radius:4px}
        .brand__text{display:flex;flex-direction:column;line-height:1.15}
        .brand__text strong{font-size:1.3rem}
        .brand__text span{color:var(--cslate);font-size:.82rem;letter-spacing:.5px}
        .nav{display:flex;gap:22px;font-size:.92rem;font-weight:600;flex-wrap:wrap}
        .nav a{color:var(--cink);transition:color .2s;border-bottom:2px solid transparent;padding-bottom:3px}
        .nav a:hover{color:var(--cbrand);border-color:var(--caccent)}
        .hero{background:radial-gradient(circle at 15% 10%,#d7efea 0,#fff 25%),linear-gradient(135deg,#eef6f3,#f8fbfa);padding:64px 0;border-bottom:1px solid var(--cborder)}
        .hero-grid{display:flex;gap:34px;align-items:center;flex-wrap:wrap}
        .hero-copy{flex:1.25;min-width:300px}
        .eyebrow{display:inline-block;background:var(--caccent);color:#fff;padding:5px 14px;border-radius:30px;font-size:.78rem;font-weight:700;letter-spacing:.4px;margin-bottom:16px}
        .hero h1{font-size:2.65rem;line-height:1.1;color:var(--cdeep);margin-bottom:14px}
        .hero p{color:var(--cslate);max-width:620px;font-size:1.05rem}
        .chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
        .chip-row span{background:#fff;border:1px solid var(--cborder);padding:6px 13px;border-radius:40px;font-size:.78rem;color:var(--cink);font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.02)}
        .hero-panel{flex:1;min-width:280px;background:var(--cwhite);border:1px solid var(--cborder);border-radius:24px;padding:22px;box-shadow:var(--shadow)}
        .metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
        .metric-grid div{background:var(--cbgsoft);border-radius:14px;padding:12px;text-align:center;border:1px solid #e3ece8}
        .metric-grid strong{display:block;font-size:1.2rem;color:var(--cbrand)}
        .metric-grid span{font-size:.8rem;color:var(--cslate)}
        .hero-contact{border-top:1px dashed var(--cborder);padding-top:16px;margin-top:6px}
        .hero-contact strong{color:var(--cdeep);display:block}
        .hero-contact a{display:inline-block;margin-top:6px;font-size:1.55rem;font-weight:700;color:var(--cbrand);letter-spacing:.3px}
        .hero-contact p{font-size:.87rem;color:var(--cslate);margin-top:8px}
        .section{padding:64px 0}
        .section-head{text-align:center;margin-bottom:36px}
        .section-head h2{font-size:2rem;color:var(--cdeep);position:relative;display:inline-block;padding-bottom:8px}
        .section-head h2:after{content:'';display:block;width:52px;height:4px;background:var(--caccent);margin:10px auto 0;border-radius:4px}
        .section-head span{display:block;color:var(--cslate);font-size:.9rem;letter-spacing:2px;margin-top:6px;text-transform:uppercase}
        .surface-card{background:var(--cwhite);border:1px solid var(--cborder);border-radius:var(--radius);padding:26px;box-shadow:0 6px 16px rgba(10,47,41,.04)}
        .about-grid{display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap}
        .about-copy{flex:1.4;min-width:280px}
        .about-copy p{font-size:.94rem;margin-bottom:12px;color:var(--ink)}
        .about-figure{flex:1;min-width:260px;background:var(--cbgsoft);border-radius:16px;padding:8px;border:1px solid #e6efeb}
        .about-figure img{border-radius:12px;max-height:360px;width:100%;object-fit:cover}
        .about-figure figcaption{font-size:.9rem;padding:12px 6px 4px;color:var(--cdeep);font-weight:600;text-align:center}
        .strength-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
        .strength-grid article{background:var(--cwhite);border:1px solid var(--cborder);border-radius:16px;padding:22px 18px;transition:.25s;border-top:4px solid var(--cbrand)}
        .strength-grid article:hover{box-shadow:var(--shadow)}
        .strength-grid h3{font-size:1.15rem;color:var(--cdeep);margin-bottom:8px}
        .strength-grid p{font-size:.87rem;color:var(--cslate)}
        .gallery-stack{display:flex;flex-direction:column;gap:36px}
        .gallery-group h3{font-size:1.5rem;color:var(--cdeep);border-left:5px solid var(--caccent);padding-left:12px;margin-bottom:18px}
        .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
        .gallery-card{background:var(--cwhite);border:1px solid var(--cborder);border-radius:14px;overflow:hidden;transition:.25s;box-shadow:0 4px 10px rgba(10,47,41,.03)}
        .gallery-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
        .gallery-card img{height:166px;width:100%;object-fit:cover;background:var(--cbgsoft)}
        .gallery-card .gall-title{padding:12px 14px;font-weight:600;font-size:.88rem;color:var(--cdeep);border-top:1px solid var(--cborder)}
        .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
        .faq-grid details{background:var(--cwhite);border:1px solid var(--cborder);border-radius:14px;padding:16px 18px;cursor:pointer}
        .faq-grid summary{font-weight:700;color:var(--cdeep);cursor:pointer;display:flex;align-items:center;gap:8px;list-style:none}
        .faq-grid summary:before{content:'▸';color:var(--caccent);transition:.2s}
        .faq-grid details[open] summary:before{content:'▾'}
        .faq-grid p{margin-top:10px;font-size:.86rem;color:var(--cslate)}
        .cta-panel{background:var(--cdeep);border-radius:26px;padding:38px;color:#fff;display:flex;gap:28px;flex-wrap:wrap;align-items:center}
        .cta-copy{flex:1.5;min-width:290px}
        .cta-copy .eyebrow{background:var(--caccent)}
        .cta-copy h2{font-size:2rem;margin:8px 0 12px;color:#fff}
        .cta-copy p{color:#cde3dd;font-size:.93rem}
        .contact-list{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:8px;font-size:.92rem;color:#e5f0ed}
        .cta-contact{flex:1;min-width:260px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:24px;text-align:center}
        .cta-contact strong{font-size:1.15rem;display:block}
        .cta-contact a{display:inline-block;font-size:2rem;font-weight:700;margin:12px 0;color:var(--caccent)}
        .cta-contact__meta{display:flex;flex-direction:column;gap:12px;margin-top:16px}
        .cta-contact__meta div{background:rgba(0,0,0,.2);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px}
        .cta-contact__meta span{font-size:.75rem;text-transform:uppercase;color:#b7d2cb}
        .cta-contact__meta strong{font-size:1.05rem;color:#fff}
        .footer{background:var(--cdeep);color:#cde3dd;padding:36px 0 26px;border-top:4px solid var(--caccent)}
        .footer__inner{display:flex;flex-direction:column;gap:18px;font-size:.85rem}
        .footer-copy p{max-width:860px}
        .friend-links-row{width:100%;display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:4px}
        .friend-links{width:100%;text-align:center}
        .friend-links__inner{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:.8rem}
        .friend-links__inner a{padding:3px 8px;border-radius:4px;transition:.2s}
        .friend-links__inner a:hover{background:rgba(255,255,255,.07);color:#fff}
        .timestamp{text-align:center;font-size:.75rem;color:#9bbfb7;padding:14px 0 0;margin-top:8px}
        @media(max-width:760px){
            .hero h1{font-size:1.9rem}
            .section{padding:42px 0}
            .cta-panel{padding:24px}
            .header__inner{flex-direction:column;padding:12px 16px}
            .nav{gap:12px;font-size:.82rem;justify-content:center}
            .topbar__inner{justify-content:center}
        }
    

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