:root {
            --brand: #8a7050;
            --brand-dark: #6d563a;
            --forest: #3a4d3f;
            --paper: #f5efe7;
            --soft: #fdfbf7;
            --ink: #2c2b28;
            --muted: #6b665e;
            --line: #d9cebd;
            --white: #fff;
            --shadow: 0 10px 28px -8px rgba(0,0,0,0.12);
            --radius: 22px;
            --font: "Microsoft Sans Serif", "PingFang SC", "Microsoft YaHei", sans-serif;
        }
        * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:var(--font); background: var(--soft); color: var(--ink); line-height:1.6; }
        img { max-width:100%; display:block; border-radius: 12px; }
        .container { max-width:1140px; margin:auto; padding:0 20px; }
        .shell { min-height:100vh; }

        /* topbar */
        .topbar { background: var(--paper); border-bottom:1px solid var(--line); font-size:0.82rem; padding:6px 0; color: var(--muted); }
        .topbar .container { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }

        /* header */
        .header { background: rgba(255,255,255,0.6); backdrop-filter: blur(4px); position:sticky; top:0; z-index:40; border-bottom:1px solid var(--line); }
        .header__inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:12px 0; gap:8px; }
        .brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
        .brand__mark { width:32px; height:32px; background: linear-gradient(145deg, var(--brand), var(--forest)); border-radius:10px; }
        .brand__text strong { font-weight:700; font-size:1.3rem; color: var(--ink); }
        .brand__text span { font-size:0.75rem; color: var(--muted); display:block; }

        .nav { display:flex; gap:18px; flex-wrap:wrap; }
        .nav a { color: var(--ink); text-decoration:none; font-weight:500; font-size:0.9rem; }
        .nav a:hover { color: var(--brand-dark); }

        /* hero */
        .hero { background: linear-gradient(135deg, #e8dfd1 0%, #efe8de 100%); padding:40px 0; border-bottom:1px solid var(--line); }
        .hero-grid { display:flex; gap:28px; align-items:center; }
        .hero-copy { flex:1; }
        .hero-side { flex:0.8; background: rgba(255,255,255,0.7); backdrop-filter: blur(3px); border-radius: var(--radius); padding:18px 18px 14px; box-shadow: var(--shadow); }
        .eyebrow { display:inline-block; background:rgba(138,112,80,0.15); padding:4px 12px; border-radius:20px; font-size:0.75rem; color:var(--brand-dark); margin-bottom:14px; }
        h1 { font-size:2.1rem; margin-bottom:12px; }
        h1 strong { color: var(--forest); }
        .hero-copy p { max-width:560px; color: var(--muted); margin-bottom:18px; }
        .chip-row { display:flex; gap:8px 16px; flex-wrap:wrap; margin-bottom:18px; }
        .chip-row span { background: #fff; border:1px solid var(--line); padding:5px 12px; border-radius:30px; font-size:0.75rem; }
        .metric-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-bottom:14px; }
        .metric-grid div { background: var(--white); padding:8px; border-radius:10px; text-align:center; }
        .metric-grid strong { display:block; font-size:1rem; color: var(--forest); }
        .metric-grid span { font-size:0.7rem; color: var(--muted); }
        .hero-side__contact { border-top:1px dashed var(--line); padding-top:12px; }
        .hero-side__contact strong { font-size:0.8rem; }
        .hero-side__contact a { background: var(--forest); display:inline-block; color:#fff; text-decoration:none; font-weight:700; padding:7px 14px; border-radius:30px; margin:8px 0; }
        .hero-side__contact p { font-size:0.8rem; color:var(--muted); }

        /* section */
        .section { padding:40px 0; }
        .section-head { margin-bottom:22px; }
        .section-head h2 { border-left:6px solid var(--brand); padding-left:12px; font-size:1.5rem; }
        .section-head span { font-size:0.8rem; color: var(--muted); }

        .panel { background: var(--white); border-radius: var(--radius); padding:22px; box-shadow: var(--shadow); }

        /* company grid */
        .company-grid { display:grid; grid-template-columns:1.1fr 0.9fr; gap:26px; }
        .company-copy p { margin-bottom:12px; color: #48423a; font-size:0.94rem; }
        .figure figcaption { font-size:0.82rem; color: var(--muted); margin-top:8px; text-align:right; }

        /* strengths */
        .strength-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
        .strength-card { background:var(--white); border-radius:18px; padding:20px; border:1px solid var(--line); }
        .strength-card h3 { font-size:1.1rem; margin-bottom:8px; color: var(--forest); }
        .strength-card p { font-size:0.83rem; color: var(--muted); }

        /* faq */
        .faq-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
        .faq-item { background:var(--white); border-radius:14px; padding:16px; border-left:4px solid var(--brand); }
        .faq-item h3 { font-size:1rem; margin-bottom:6px; color: var(--ink); }
        .faq-item p { font-size:0.85rem; color:var(--muted); }

        /* cta */
        .cta-panel { display:flex; gap:30px; justify-content:space-between; flex-wrap:wrap; background: var(--forest); border-radius: var(--radius); padding:30px; color: #fff; }
        .cta-copy h2 { color:#fff; }
        .cta-copy .eyebrow { background:rgba(255,255,255,0.15); color:#fff; }
        .cta-copy p { color: #e5ece7; }
        .contact-list { list-style:none; margin-top:12px; }
        .contact-list li { color:#fff; padding:4px 0; }
        .cta-contact { background: rgba(255,255,255,0.07); padding:14px 20px; border-radius:18px; min-width:180px; }
        .cta-contact strong { font-size:1.2rem; display:block; margin-bottom:6px; }
        .cta-contact a { color: #fff; font-size:1.15rem; font-weight:bold; text-decoration:none; }
        .cta-contact p { margin-top:8px; font-size:0.8rem; }

        /* footer */
        .footer { background: var(--paper); padding:24px 0 16px; border-top:1px solid var(--line); margin-top:36px; }
        .footer__inner { text-align:center; }
        .footer__inner p { color: var(--muted); font-size:0.82rem; padding:4px 0; }
        .friend-links-row { margin-top:18px; border-top:1px solid var(--line); padding-top:18px; }
        .friend-links { display:flex; justify-content:center; flex-wrap:wrap; font-size:0.72rem; }
        .friend-links a { color: var(--muted); }
        .timestamp { text-align:center; font-size:0.7rem; color: #aaa; margin-top:14px; }

        @media (max-width:760px) {
            .hero-grid, .company-grid { grid-template-columns:1fr; }
            .strength-grid, .faq-grid { grid-template-columns:1fr; }
            .container { padding:0 16px; }
            .nav { gap:8px; }
        }
    

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