:root {
            --primary: #1e4b5a;
            --primary-2: #2e6e82;
            --accent: #b58d5b;
            --bg-deep: #f4f1ec;
            --bg-card: #ffffff;
            --text-main: #1e2b32;
            --text-soft: #4b5e68;
            --line: #e3ded6;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Microsoft Sans Serif', 'Microsoft YaHei', Arial, sans-serif;
            background: var(--bg-deep);
            color: var(--text-main);
            line-height: 1.55;
        }
        img { max-width: 100%; display: block; }
        .container { max-width: 1280px; margin: 0 auto; padding: 0 28px; }
        .topbar { background: #1a2d35; color: #cbd6d2; font-size: 13px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
        .topbar .container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; }
        .header { background: rgba(255,255,255,0.95); backdrop-filter: blur(8px); position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--line); }
        .header .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 16px 0; gap: 16px; }
        .brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--text-main); }
        .brand__mark { width: 42px; height: 42px; background: linear-gradient(145deg, var(--primary), var(--primary-2)); border-radius: 10px; display: inline-block; position: relative; }
        .brand__mark::after { content: "邦"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 20px; }
        .brand__text strong { display: block; font-size: 22px; font-weight: 650; color: var(--primary); }
        .brand__text span { font-size: 12px; color: var(--text-soft); }
        .nav { display: flex; gap: 20px; flex-wrap: wrap; }
        .nav a { text-decoration: none; color: var(--text-main); font-weight: 500; font-size: 15px; padding: 6px 0; border-bottom: 2px solid transparent; }
        .nav a:hover { color: var(--primary-2); border-bottom-color: var(--accent); }
        .hero { background: linear-gradient(112deg, #e7e4da 0%, #dfe7e8 100%); padding: 64px 0; border-bottom: 1px solid var(--line); }
        .hero-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: center; }
        .eyebrow { display: inline-block; background: rgba(30,75,90,0.08); color: var(--primary); padding: 6px 16px; border-radius: 40px; font-size: 13px; font-weight: 600; margin-bottom: 22px; }
        h1 { font-size: 36px; line-height: 1.2; font-weight: 700; color: var(--primary); margin-bottom: 22px; }
        .hero-copy > p { font-size: 16px; color: var(--text-soft); max-width: 560px; margin-bottom: 28px; }
        .chip-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
        .chip-row span { background: #ffffff; border: 1px solid var(--line); padding: 8px 18px; border-radius: 40px; font-size: 13px; box-shadow: 0 2px 6px rgba(0,0,0,0.02); }
        .hero-side { background: rgba(255,255,255,0.6); border: 1px solid rgba(255,255,255,0.8); border-radius: 28px; padding: 28px 26px; backdrop-filter: blur(6px); box-shadow: 0 15px 30px rgba(0,0,0,0.04); }
        .metric-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 28px; }
        .metric-card { background: white; border-radius: 22px; padding: 18px 16px; border: 1px solid var(--line); text-align: center; }
        .metric-card strong { display: block; font-size: 22px; color: var(--primary); margin-bottom: 6px; }
        .metric-card span { font-size: 12px; color: var(--text-soft); }
        .hero-side__contact strong { font-size: 17px; display: block; margin-bottom: 10px; color: var(--primary); }
        .hero-side__contact a { display: inline-block; font-size: 26px; font-weight: 700; color: var(--accent); text-decoration: none; margin-bottom: 10px; }
        .hero-side__contact p { font-size: 13px; color: var(--text-soft); margin-bottom: 8px; border-top: 1px dashed var(--line); padding-top: 12px; }
        .section { padding: 72px 0; }
        .section-head { text-align: center; margin-bottom: 44px; }
        .section-head h2 { font-size: 30px; font-weight: 700; color: var(--primary); margin-bottom: 8px; }
        .section-head span { display: block; font-size: 13px; color: var(--accent); letter-spacing: 2px; opacity: .8; }
        .panel { background: var(--bg-card); border-radius: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.02); padding: 40px 36px; border: 1px solid rgba(0,0,0,0.02); }
        .company-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 44px; align-items: center; }
        .company-copy p { margin-bottom: 16px; color: var(--text-soft); font-size: 15px; }
        .figure img { border-radius: 24px; box-shadow: 0 20px 25px rgba(0,0,0,0.06); }
        figcaption { font-size: 13px; color: var(--text-soft); padding: 14px 4px 0; font-style: italic; }
        .strength-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 28px; margin-top: 20px; }
        .strength-card { background: white; border-radius: 24px; padding: 30px 26px; border: 1px solid var(--line); transition: 0.2s; }
        .strength-card:hover { box-shadow: 0 14px 30px rgba(0,0,0,0.04); transform: translateY(-3px); }
        .strength-card .ico { font-size: 30px; margin-bottom: 20px; display: inline-block; }
        .strength-card h3 { font-size: 20px; color: var(--primary); margin-bottom: 14px; font-weight: 600; }
        .strength-card p { color: var(--text-soft); font-size: 14px; }
        .faq-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 12px; }
        .faq-item { background: white; padding: 28px; border-radius: 22px; border: 1px solid var(--line); }
        .faq-item h4 { font-size: 17px; color: var(--primary); margin-bottom: 12px; }
        .faq-item p { color: var(--text-soft); font-size: 14px; }
        .cta-panel { background: linear-gradient(110deg, #dfe8e9, #f2efe8); border-radius: 40px; padding: 48px 44px; display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; border: 1px solid rgba(255,255,255,0.5); }
        .cta-copy h2 { font-size: 30px; color: var(--primary); margin-bottom: 20px; }
        .cta-copy p { color: var(--text-soft); max-width: 600px; }
        .contact-list { list-style: none; margin: 24px 0 0; color: var(--text-main); }
        .contact-list li { margin-bottom: 10px; }
        .cta-contact { background: white; border-radius: 32px; padding: 36px 30px; border: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; }
        .cta-contact strong { font-size: 19px; color: var(--primary); }
        .cta-contact > a { font-size: 30px; color: var(--accent); font-weight: 700; text-decoration: none; margin: 16px 0; }
        .cta-contact p { margin-bottom: 14px; }
        .footer { margin-top: 20px; border-top: 1px solid var(--line); background: #f8f6f2; padding: 32px 0; width: 100%; }
        .footer__inner { padding: 0 28px; }
        .footer__inner > p { margin-bottom: 14px; font-size: 14px; color: var(--text-soft); }
        .friend-links-row { background: var(--bg-card); border-radius: 30px; padding: 18px; margin-top: 22px; border: 1px solid var(--line); }
        .friend-links__inner { display: flex; flex-wrap: wrap; gap: 14px 20px; }
        .friend-links__inner a { font-size: 13px; color: var(--text-soft); text-decoration: none; border-bottom: 1px dotted var(--line); padding: 4px 0; }
        .timestamp { text-align: center; font-size: 12px; color: #9aa7ae; background: transparent; padding: 24px 0 8px; margin: 0; border-top: 1px solid var(--line); }
        @media (max-width: 800px) { .hero-grid, .company-grid, .cta-panel { grid-template-columns: 1fr; } .header .container { flex-direction: column; align-items: flex-start; } }
    

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