* { margin:0; padding:0; box-sizing:border-box; }
        body {
            font-family: 'Microsoft Sans Serif', 'Microsoft YaHei', sans-serif;
            background:#f5f7f6;
            color:#1a2e3a;
            line-height:1.6;
        }
        .container { max-width:1280px; margin:0 auto; padding:0 28px; }
        .site-shell { overflow:hidden; }

        /* 主色: 铝业质感 - 青灰+古铜金 */
        :root {
            --primary:#2b6f6e;
            --primary-dark:#1f5458;
            --accent:#b78a5a;
            --accent-light:#d9c2a3;
            --bg-light:#eef3f2;
            --bg-soft:#fbfcfb;
            --text:#1f3129;
            --text-soft:#4a5e5e;
            --border:#dfe5e2;
            --shadow:0 12px 30px -10px rgba(0,0,0,.08);
            --radius:24px;
        }

        a { text-decoration:none; color:inherit; }
        img { max-width:100%; display:block; }
        .eyebrow {
            display:inline-block; background:rgba(183,138,90,.15);
            color:var(--primary-dark); padding:.25rem 1.2rem;
            border-radius:40px; font-size:.85rem; font-weight:600;
            letter-spacing:.3px; margin-bottom:1.2rem;
        }
        .section { padding:5rem 0; }
        .section-head {
            display:flex; align-items:baseline; gap:1rem;
            margin-bottom:2.2rem;
        }
        .section-head h2 {
            font-size:2.1rem; color:var(--primary-dark);
            letter-spacing:-.5px;
        }
        .section-head span {
            color:var(--accent); font-weight:500; text-transform:uppercase;
            font-size:.85rem; letter-spacing:2px;
        }
        .section-head::after {
            content:''; flex:1; height:1px; background:linear-gradient(90deg,var(--border),transparent);
            margin-left:1rem;
        }

        /* 顶部 */
        .topbar { background:#132a2e; color:#d8e6e2; font-size:.85rem; padding:.4rem 0; }
        .topbar__inner { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.2rem 1.5rem; }
        .topbar span { opacity:.9; }
        .topbar span:nth-child(2) { color:var(--accent-light); }

        /* 导航 */
        .header { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--border); }
        .header__inner { display:flex; align-items:center; justify-content:space-between; padding:1rem 0; }
        .brand { display:flex; align-items:center; gap:.8rem; }
        .brand__mark {
            width:42px; height:42px; border-radius:8px;
            background:linear-gradient(145deg,var(--primary),#7c9994);
            position:relative; display:inline-block;
        }
        .brand__mark::after {
            content:'百'; color:white; font-weight:700; font-size:1.6rem;
            display:flex; align-items:center; justify-content:center; height:100%;
        }
        .brand__text strong { font-size:1.4rem; color:var(--primary-dark); font-weight:700; }
        .brand__text span { display:block; font-size:.85rem; color:var(--text-soft); letter-spacing:.4px; }
        .nav { display:flex; gap:1.8rem; align-items:center; }
        .nav a { font-weight:500; color:var(--text); transition:.2s; font-size:.95rem; }
        .nav a:hover { color:var(--accent); }
        .nav .cta-nav { background:var(--primary); color:#fff !important; padding:.4rem 1rem; border-radius:30px; }

        /* HERO */
        .hero {
            background: radial-gradient(circle at 10% 20%, rgba(255,255,255,0.5), transparent 60%),
                        linear-gradient(130deg, #eaf1ee 0%, #d4e0dd 60%, #bccdcc 100%);
            padding:4.5rem 0;
            border-bottom:1px solid #c7d5d1;
        }
        .hero-grid { display:grid; grid-template-columns:1.3fr .9fr; gap:4rem; align-items:center; }
        .hero-copy h1 { font-size:3rem; line-height:1.15; color:var(--primary-dark); letter-spacing:-1px; margin-bottom:1.2rem; }
        .hero-copy h1 em { font-style:normal; color:var(--accent); border-bottom:2px solid var(--accent); }
        .hero-copy p { font-size:1.1rem; color:#355; max-width:650px; margin-bottom:2rem; }
        .chip-row { display:flex; flex-wrap:wrap; gap:.6rem .8rem; margin-bottom:1.5rem; }
        .chip { background:white; padding:.3rem 1.2rem; border-radius:50px; border:1px solid var(--border); font-size:.9rem; color:var(--primary-dark); box-shadow:0 2px 6px rgba(0,0,0,.03); }
        .keyword-row { display:flex; flex-wrap:wrap; gap:.6rem; }
        .keyword-chip { background:var(--primary); color:#fff; padding:.15rem 1rem; border-radius:30px; font-size:.8rem; opacity:.9; }

        .hero-panel { background:rgba(255,255,255,.7); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.7); border-radius:32px; padding:2.2rem; box-shadow:var(--shadow); }
        .metric-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.2rem; margin-bottom:2rem; }
        .metric { display:flex; flex-direction:column; }
        .metric strong { font-size:1.6rem; color:var(--primary-dark); }
        .metric span { font-size:.85rem; color:var(--text-soft); margin-top:.15rem; }
        .hero-contact { border-top:1px dashed var(--accent); padding-top:1.3rem; }
        .hero-contact strong { display:block; margin-bottom:.8rem; color:var(--primary-dark); }
        .hero-contact a { font-size:1.8rem; font-weight:800; color:var(--accent); letter-spacing:1px; }
        .hero-contact p { font-size:.95rem; margin-top:.6rem; color:var(--text-soft); }
        .hero-contact p + p { border-top:1px dotted #cad; padding-top:.8rem; }

        /* 通用卡片 */
        .surface-card { background:var(--bg-soft); border-radius:36px; padding:2.5rem; box-shadow:var(--shadow); border:1px solid #edf2ef; }
        .about-grid { display:grid; grid-template-columns:1.4fr .8fr; gap:3rem; align-items:center; }
        .about-copy p { margin-bottom:1.2rem; color:#315351; }
        .about-figure img { width:100%; border-radius:24px; box-shadow:var(--shadow); }
        .about-figure figcaption { text-align:center; font-size:.9rem; margin-top:.6rem; color:var(--accent); font-weight:600; }

        /* 亮点 */
        .strength-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.8rem; }
        .strength-card { background:white; border-radius:28px; padding:2rem 1.5rem; box-shadow:0 6px 18px rgba(0,0,0,.04); border:1px solid var(--border); }
        .strength-card .icon { font-size:2.5rem; margin-bottom:1.2rem; }
        .strength-card h3 { font-size:1.1rem; color:var(--primary-dark); margin-bottom:.5rem; }
        .strength-card p { font-size:.95rem; color:var(--text-soft); }

        /* 图库 */
        .gallery-stack { display:flex; flex-direction:column; gap:3.5rem; }
        .gallery-group { }
        .gallery-group h3 {
            font-size:1.4rem; color:var(--primary-dark); border-left:5px solid var(--accent);
            padding-left:1rem; margin-bottom:1.8rem;
        }
        .gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.6rem; }
        .img-card { background:white; border-radius:24px; overflow:hidden; box-shadow:0 6px 16px rgba(0,0,0,.03); border:1px solid #e6efec; transition:.3s; }
        .img-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
        .img-card img { width:100%; aspect-ratio:1/1; object-fit:cover; }
        .img-card .card-body { padding:1rem 1rem 1.3rem; }
        .img-card .card-body strong { display:block; color:var(--primary); font-size:.95rem; margin-bottom:.35rem; }
        .img-card .card-body p { font-size:.9rem; color:var(--text-soft); line-height:1.4; }
        .img-card .tag { display:inline-block; background:var(--bg-light); color:var(--primary-dark); padding:.2rem 1rem; border-radius:30px; font-size:.75rem; margin-top:.5rem; }

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

        /* 联系 CTA */
        .cta-panel { background:linear-gradient(120deg, #2b5e5b 0%, #1e4347 100%); border-radius:40px; padding:3rem; color:white; display:grid; grid-template-columns:1.4fr .8fr; gap:3rem; }
        .cta-copy .eyebrow { background:rgba(255,255,255,.2); color:var(--accent-light); }
        .cta-copy h2 { font-size:2rem; margin-bottom:.8rem; color:white; }
        .cta-copy p { opacity:.9; margin-bottom:1.5rem; }
        .contact-list { list-style:none; }
        .contact-list li { padding:.3rem 0; font-size:1.05rem; }
        .cta-contact { background:rgba(255,255,255,.1); backdrop-filter:blur(4px); border-radius:28px; padding:2rem; }
        .cta-contact strong { display:block; font-size:1.2rem; }
        .cta-contact a { font-size:2rem; font-weight:800; color:var(--accent-light); display:inline-block; margin:.5rem 0; }
        .cta-contact__meta { display:flex; flex-direction:column; gap:1rem; border-top:1px dashed rgba(255,255,255,.4); padding-top:1rem; margin-top:1rem; }
        .cta-contact__meta div { display:flex; justify-content:space-between; }
        .cta-contact__meta span { opacity:.8; font-size:.9rem; }
        .cta-contact__meta strong { font-size:1rem; color:var(--accent-light); }

        /* 页脚 */
        .footer { background:#16323a; color:#bfd1cf; padding:3.5rem 0 2.5rem; margin-top:4rem; border-top:0; }
        .footer__inner { display:flex; flex-direction:column; gap:1.5rem; }
        .footer-copy p { font-size:.95rem; opacity:.9; max-width:900px; }
        .footer-copy p:nth-child(2) { color:var(--accent-light); }
        .friend-links-row { border-top:1px solid rgba(255,255,255,.2); padding-top:1.5rem; }
        .friend-links { display:flex; flex-wrap:wrap; gap:0.6rem 1.4rem; }
        .friend-links__inner { display:inline; }
        .friend-links a { color:#9db8b5; font-size:.8rem; text-decoration:none; border-bottom:1px dotted transparent; transition:.2s; }
        .friend-links a:hover { color:var(--accent-light); border-bottom-color:var(--accent-light); }

        /* 浮动电话 */
        .float-phone { position:fixed; bottom:26px; right:26px; background:var(--accent); color:white; width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.8rem; box-shadow:0 10px 25px rgba(0,0,0,.3); z-index:99; }
        .float-phone:hover { transform:scale(1.05); background:var(--primary); }

        /* 随机微差 */
        .bg-soft-section { background:var(--bg-light); }
        .banded { padding:4.8rem 0; }

        @media(max-width:1100px){ .strength-grid{grid-template-columns:repeat(2,1fr)} .hero-grid{grid-template-columns:1fr}.hero-panel{margin-top:2rem}.gallery-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr} }
        @media(max-width:720px){ .nav{display:none}.header__inner{justify-content:space-between}.brand__text span{font-size:.75rem}.section-head h2{font-size:1.6rem}.cta-panel{grid-template-columns:1fr;padding:2rem}.gallery-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr} }
        @media(max-width:480px){ .container{padding:0 1rem}.brand__text strong{font-size:1.2rem}.section{padding:3rem 0}.faq-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr} }
    

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