* { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:'Microsoft Sans Serif','Microsoft YaHei',sans-serif; background:#f4f7f5; color:#1e302b; line-height:1.65; }
        a { color:inherit; text-decoration:none; }
        img { max-width:100%; display:block; }
        .container { max-width:1280px; margin:0 auto; padding:0 28px; }
        .shell { overflow:hidden; }

        :root {
            --primary:#2c7974;
            --primary-dark:#1e5955;
            --accent:#c29a6b;
            --accent-light:#ecdcca;
            --bg-light:#eef3f1;
            --soft:#fbfdfc;
            --text:#294138;
            --text-soft:#4f6863;
            --border:#dce6e1;
            --shadow:0 18px 38px -12px rgba(20,45,40,.12);
            --radius:28px;
        }

        .topbar { background:#132e2d; color:#d7e7e1; font-size:.85rem; padding:.45rem 0; }
        .topbar .container { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.2rem 2rem; }

        .header { position:sticky; top:0; z-index:100; display:flex; align-items:center; justify-content:space-between; max-width:1280px; margin:0 auto; background:rgba(255,255,255,.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--border); padding:.8rem 20px; flex-wrap:wrap; }
        .brand { display:flex; gap:.8rem; align-items:center; }
        .brand__mark { width:40px;height:40px;background:linear-gradient(135deg,#2c7974,#6c9c97);border-radius:8px;display:inline-block;position:relative; }
        .brand__mark::after {content:'百';color:#fff;font-weight:800;font-size:1.7rem;display:flex;justify-content:center;align-items:center;height:100%;}
        .brand__text strong { font-size:1.4rem; color:var(--primary-dark); }
        .brand__text span { display:block; font-size:.8rem; color:var(--text-soft); letter-spacing:.3px; }
        .nav { display:flex; gap:1.8rem; align-items:center; }
        .nav a { font-weight:500; color:var(--text); }
        .nav a:hover { color:var(--accent); }

        .hero { background:linear-gradient(140deg,#daeae4,#bfd6d1); padding:4rem 0; }
        .hero-grid { display:grid;grid-template-columns:1.2fr 1fr;gap:3.5rem;align-items:center; }
        .hero-copy h1 { font-size:2.8rem; line-height:1.2; color:var(--primary-dark); margin-bottom:1rem; }
        .hero-copy h1 em { color:var(--accent); }
        .hero-copy p { color:#2a4e48; margin-bottom:1.5rem; max-width:600px; }
        .chip-row { display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin-bottom:1.5rem; }
        .chip { background:#fff;border:1px solid var(--border); padding:.25rem 1.2rem;border-radius:40px;font-size:.9rem; color:var(--primary-dark);}
        .hero-side { background:rgba(255,255,255,.65); border-radius:36px; padding:2.2rem; box-shadow:var(--shadow); }
        .metric-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;margin-bottom:1.5rem; }
        .metric strong { font-size:2rem; color:var(--primary-dark); }
        .metric span { color:var(--text-soft); font-size:.9rem; }
        .hero-side__contact strong { display:block; font-size:1.2rem; margin-bottom:.4rem; }
        .hero-side__contact a { display:inline-block; font-size:1.9rem; font-weight:800; color:var(--accent); margin-bottom:.3rem; }
        .hero-side__contact p { margin:.2rem 0; color:var(--text-soft); font-size:.93rem; }

        .section { padding:5rem 0; }
        .section-head { display:flex; align-items:baseline; gap:1.2rem; margin-bottom:2.2rem; }
        .section-head h2 { font-size:2.2rem; color:var(--primary-dark); }
        .section-head span { color:var(--accent); font-weight:600; letter-spacing:1.5px; font-size:.85rem; text-transform:uppercase; }
        .section-head::after { content:''; flex:1; height:1px; background:var(--border); }

        .panel { background:var(--soft); border-radius:var(--radius); padding:2.5rem; box-shadow:var(--shadow); border:1px solid #edf2ee; }
        .company-grid { display:grid;grid-template-columns:1.3fr .9fr;gap:2.5rem; align-items:center; }
        .company-copy p { margin-bottom:1.2rem; color:#31564e; }
        .figure img { width:100%; border-radius:24px; box-shadow:var(--shadow); }
        .figure figcaption { text-align:center; margin-top:.7rem; color:var(--accent); font-size:.9rem; font-weight:500; }

        .strength-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem; }
        .strength-card { background:white; border-radius:24px; padding:2rem 1.6rem; border:1px solid var(--border); box-shadow:0 8px 18px rgba(0,0,0,.03); }
        .strength-card .icon { font-size:2.6rem; margin-bottom:1rem; }
        .strength-card h3 { color:var(--primary-dark); margin-bottom:.5rem; }
        .strength-card p { color:var(--text-soft); font-size:.95rem; }

        .faq-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem; }
        .faq-item { background:white; border-radius:24px; padding:1.8rem; border:1px solid var(--border); box-shadow:0 4px 12px rgba(0,0,0,.03); }
        .faq-item strong { color:var(--primary-dark); margin-bottom:.6rem; display:flex; gap:.5rem; font-size:1.05rem; }
        .faq-item p { color:var(--text-soft); }

        .cta-panel { background:linear-gradient(145deg, #245754, #173c3f); border-radius:48px; padding:3.2rem; color:white; display:grid;grid-template-columns:1.4fr .8fr;gap:3rem; }
        .cta-copy .eyebrow { background:rgba(255,255,255,.18); color:var(--accent-light); display:inline-block;padding:.3rem 1.5rem;border-radius:40px; margin-bottom:1rem;}
        .cta-copy h2 { font-size:2.2rem; margin-bottom:.8rem; }
        .cta-copy p { opacity:.92; margin-bottom:1.5rem; }
        .contact-list { list-style:none; }
        .contact-list li { padding:.2rem 0; font-size:1.05rem; }
        .cta-contact { background:rgba(255,255,255,.08); border-radius:32px; padding:2.2rem; }
        .cta-contact strong { display:block; font-size:1.3rem; margin-bottom:.4rem; }
        .cta-contact a { font-size:2rem; font-weight:800; color:var(--accent-light); }
        .cta-contact p { margin-top:.8rem; opacity:.9; }
        .cta-contact a[href*="index"] { color:var(--accent-light); border-bottom:1px dotted var(--accent-light); }

        .footer { background:#16302f; color:#bcd3cf; padding:3.5rem 0 2rem; margin-top:4rem; }
        .footer__inner { display:flex;flex-direction:column;gap:1.8rem; }
        .footer__inner > p { font-size:.98rem; opacity:.92; max-width:900px; }
        .friend-links-row { border-top:1px solid rgba(255,255,255,.2); padding-top:1.4rem; }
        .friend-links { display:flex;flex-wrap:wrap;gap:.5rem 1.6rem; }
        .friend-links a { color:#9dbcb7; font-size:.8rem; border-bottom:1px dotted transparent; transition:.2s; }
        .friend-links a:hover { color:var(--accent-light);border-bottom-color:currentColor; }

        @media(max-width:1000px){ .hero-grid{grid-template-columns:1fr}.strength-grid{grid-template-columns:repeat(2,1fr)}.company-grid{grid-template-columns:1fr}.cta-panel{grid-template-columns:1fr;padding:2rem}.nav{display:none}.header{justify-content:flex-start} }
        @media(max-width:600px){ .faq-grid,.strength-grid{grid-template-columns:1fr}.container{padding:0 1.2rem}.section{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;}
}