*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            font-family:'Microsoft Sans Serif', 'Microsoft YaHei', 'PingFang SC', sans-serif;
            background:#f4f1ec;
            color:#2e2a26;
            line-height:1.65;
        }
        a{text-decoration:none;color:inherit;transition:all .3s ease}
        img{display:block;max-width:100%}
        .container{max-width:1240px;margin:0 auto;padding:0 24px}
        .section-slug{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}
        
        .site-shell{background:#f4f1ec;overflow:hidden}
        .topbar{
            background:#14342b;
            color:#dfe8e3;
            font-size:.88rem;
            padding:8px 0;
            border-bottom:1px solid rgba(255,255,255,.08);
        }
        .topbar__inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
        
        .header{
            background:#0f2a23;
            color:#f0f5f2;
            position:sticky;top:0;z-index:100;
            box-shadow:0 4px 20px rgba(0,0,0,.2);
        }
        .header__inner{display:flex;justify-content:space-between;align-items:center;min-height:72px;gap:24px;flex-wrap:wrap}
        .brand{display:flex;align-items:center;gap:12px}
        .brand__mark{
            width:42px;height:42px;border-radius:10px;
            background:linear-gradient(135deg,#c89b5a,#e7c88a);
            display:block;position:relative;
            box-shadow:0 2px 12px rgba(200,155,90,.3);
        }
        .brand__mark::after{
            content:'锋';
            position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
            color:#14342b;font-weight:700;font-size:1.3rem;
        }
        .brand__text{display:flex;flex-direction:column;line-height:1.2}
        .brand__text strong{font-size:1.25rem;letter-spacing:1px;color:#fff}
        .brand__text span{font-size:.82rem;color:#c8d6d0}
        .nav{display:flex;gap:8px;flex-wrap:wrap}
        .nav a{
            color:#d5e2dc;font-size:.92rem;padding:8px 14px;
            border-radius:6px;border:1px solid transparent;
        }
        .nav a:hover{background:rgba(255,255,255,.08);color:#e7c88a;border-color:rgba(231,200,138,.3)}
        
        /* Hero */
        .hero{
            background:linear-gradient(135deg,#14342b 0%,#1d4a3c 55%,#2a5d4b 100%);
            position:relative;overflow:hidden;padding:80px 0 70px;
        }
        .hero::before{
            content:'';position:absolute;top:-40%;right:-15%;
            width:700px;height:700px;border-radius:50%;
            background:radial-gradient(circle,rgba(231,200,138,.12) 0%,transparent 65%);
        }
        .hero::after{
            content:'';position:absolute;bottom:-25%;left:-8%;
            width:500px;height:500px;border-radius:50%;
            background:radial-gradient(circle,rgba(231,200,138,.06) 0%,transparent 60%);
        }
        .hero-grid{
            max-width:1240px;margin:0 auto;padding:0 24px;
            display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;
            position:relative;z-index:2;
        }
        .eyebrow{
            display:inline-block;padding:6px 18px;border-radius:30px;
            background:rgba(231,200,138,.15);border:1px solid rgba(231,200,138,.4);
            color:#e7c88a;font-size:.85rem;font-weight:600;letter-spacing:1px;
            margin-bottom:20px;
        }
        .hero-copy h1{
            font-size:2.8rem;font-weight:700;color:#fff;
            line-height:1.2;margin-bottom:18px;letter-spacing:1px;
        }
        .hero-copy h1 span{color:#e7c88a}
        .hero-copy>p{color:#c8d6d0;font-size:1.05rem;margin-bottom:26px;line-height:1.75;max-width:600px}
        .chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
        .chip-row .chip{
            display:inline-block;padding:6px 16px;border-radius:30px;
            background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
            color:#dfe8e3;font-size:.85rem;
        }
        .chip-row .chip strong{color:#e7c88a;font-weight:600}
        .keyword-row{display:flex;flex-wrap:wrap;gap:8px}
        .keyword-row .kw-tag{
            font-size:.78rem;padding:4px 12px;border-radius:20px;
            background:rgba(231,200,138,.1);color:#d9c79a;
            border:1px dashed rgba(231,200,138,.3);
        }
        
        .hero-panel{
            background:rgba(255,255,255,.06);
            backdrop-filter:blur(8px);
            border:1px solid rgba(255,255,255,.12);
            border-radius:18px;padding:28px;
        }
        .metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px}
        .metric-grid .metric{
            background:rgba(255,255,255,.05);border-radius:10px;
            padding:14px 16px;border:1px solid rgba(255,255,255,.06);
        }
        .metric-grid .metric strong{
            display:block;font-size:1.4rem;color:#e7c88a;margin-bottom:2px;
        }
        .metric-grid .metric span{font-size:.82rem;color:#b8cbc3}
        .hero-contact>strong{color:#e7c88a;font-size:1rem;letter-spacing:1px}
        .hero-contact a{
            display:inline-block;font-size:1.9rem;font-weight:700;color:#fff;
            margin:8px 0 12px;letter-spacing:1px;
        }
        .hero-contact a:hover{color:#e7c88a}
        .hero-contact p{color:#b8cbc3;font-size:.9rem;line-height:1.7;margin-bottom:10px}
        
        /* Sections */
        .section{padding:68px 0}
        .section-alt{background:#eae5dd}
        .section-head{text-align:center;margin-bottom:44px}
        .section-head h2{font-size:2rem;font-weight:700;color:#14342b;letter-spacing:1px;position:relative;display:inline-block;padding-bottom:12px}
        .section-head h2::after{
            content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);
            width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,#c89b5a,#e7c88a);
        }
        .section-head span{display:block;color:#a49a8c;font-size:.9rem;letter-spacing:3px;margin-top:10px;text-transform:uppercase}
        
        /* About */
        .surface-card{
            background:#fff;border-radius:18px;padding:44px;
            box-shadow:0 8px 30px rgba(20,52,43,.08);
            border:1px solid rgba(20,52,43,.06);
        }
        .about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
        .about-copy p{color:#4a443e;line-height:1.8;margin-bottom:14px;font-size:.98rem}
        .about-copy p strong{color:#14342b}
        .about-copy .contact-inline{
            background:#f0ebe3;border-left:4px solid #c89b5a;
            padding:14px 18px;border-radius:8px;margin:20px 0;
            font-weight:600;color:#14342b;
        }
        .about-figure{border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1)}
        .about-figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
        .about-figure figcaption{
            background:#14342b;color:#e7c88a;font-size:.85rem;
            padding:12px 18px;text-align:center;
        }
        
        /* Strengths */
        .strength-grid{
            display:grid;grid-template-columns:repeat(2,1fr);gap:22px;
            max-width:1240px;margin:0 auto;padding:0 24px;
        }
        .strength-card{
            background:#fff;border-radius:16px;padding:26px 28px;
            border:1px solid rgba(20,52,43,.06);
            box-shadow:0 4px 16px rgba(20,52,43,.05);
            transition:all .4s ease;
        }
        .strength-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(20,52,43,.1)}
        .strength-card .sc-icon{font-size:2rem;margin-bottom:12px}
        .strength-card h4{color:#14342b;font-size:1.1rem;font-weight:700;margin-bottom:8px}
        .strength-card p{color:#5c5650;font-size:.92rem;line-height:1.7}
        
        /* Gallery */
        .gallery-stack{max-width:1240px;margin:0 auto;padding:0 24px}
        .gallery-group{margin-bottom:48px}
        .gallery-group:last-child{margin-bottom:0}
        .gallery-group h3{
            font-size:1.4rem;color:#14342b;font-weight:700;
            padding-bottom:12px;margin-bottom:22px;
            border-bottom:2px solid #e0d8cc;
            display:flex;align-items:center;gap:12px;
        }
        .gallery-group h3 .g-count{
            font-size:.8rem;background:#c89b5a;color:#fff;
            padding:2px 14px;border-radius:20px;font-weight:500;
        }
        .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
        .g-card{
            background:#fff;border-radius:12px;overflow:hidden;
            border:1px solid rgba(20,52,43,.06);
            box-shadow:0 4px 14px rgba(20,52,43,.05);
            transition:all .4s ease;cursor:pointer;
        }
        .g-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(20,52,43,.12)}
        .g-card .g-img{width:100%;aspect-ratio:1/1;overflow:hidden;background:#f0ebe3}
        .g-card .g-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
        .g-card:hover .g-img img{transform:scale(1.06)}
        .g-card p{
            padding:12px 14px;font-size:.88rem;font-weight:600;
            color:#2e2a26;border-top:1px solid #f0ebe3;
            text-align:center;background:#faf8f5;
        }
        
        /* FAQ */
        .faq-grid{
            display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
            max-width:1240px;margin:0 auto;padding:0 24px;
        }
        .faq-card{
            background:#fff;border-radius:14px;padding:24px 28px;
            border:1px solid rgba(20,52,43,.06);
            box-shadow:0 3px 12px rgba(20,52,43,.04);
        }
        .faq-card h4{
            color:#14342b;font-size:1.05rem;font-weight:700;
            margin-bottom:10px;display:flex;align-items:center;gap:10px;
        }
        .faq-card h4::before{
            content:'Q';display:flex;align-items:center;justify-content:center;
            width:28px;height:28px;border-radius:50%;
            background:#14342b;color:#e7c88a;font-size:.85rem;flex-shrink:0;
        }
        .faq-card p{color:#5c5650;font-size:.93rem;line-height:1.7;padding-left:38px}
        
        /* Contact */
        .cta-panel{
            background:linear-gradient(135deg,#14342b,#1d4a3c);
            border-radius:22px;padding:50px;color:#fff;
            display:grid;grid-template-columns:1.3fr .8fr;gap:44px;
            box-shadow:0 16px 50px rgba(20,52,43,.3);
            position:relative;overflow:hidden;
            max-width:1240px;margin:0 auto;
        }
        .cta-panel::before{
            content:'';position:absolute;top:-30%;right:-10%;
            width:400px;height:400px;border-radius:50%;
            background:radial-gradient(circle,rgba(231,200,138,.1),transparent 70%);
        }
        .cta-copy{position:relative;z-index:2}
        .cta-copy .eyebrow{background:rgba(231,200,138,.1)}
        .cta-copy h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:14px;letter-spacing:1px}
        .cta-copy p{color:#c8d6d0;line-height:1.7;margin-bottom:20px;font-size:.98rem}
        .contact-list{list-style:none}
        .contact-list li{
            padding:8px 0;color:#dfe8e3;font-size:1rem;
            display:flex;align-items:center;gap:10px;
        }
        .contact-list li::before{content:'✓';color:#e7c88a;font-weight:700}
        .cta-contact{
            background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
            border-radius:16px;padding:30px 28px;position:relative;z-index:2;
            display:flex;flex-direction:column;justify-content:center;
        }
        .cta-contact strong{color:#e7c88a;font-size:1.1rem;margin-bottom:8px}
        .cta-contact a.tel{
            font-size:2.2rem;font-weight:700;color:#fff;
            letter-spacing:1px;margin:6px 0 16px;display:block;
        }
        .cta-contact a.tel:hover{color:#e7c88a}
        .cta-contact__meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
        .cta-contact__meta div{
            background:rgba(255,255,255,.05);border-radius:8px;padding:12px 14px;
        }
        .cta-contact__meta span{display:block;font-size:.78rem;color:#9fb8ae;margin-bottom:4px}
        .cta-contact__meta strong{font-size:.92rem;color:#dfe8e3}
        
        /* Footer */
        .footer{background:#0c1f1a;color:#9fb8ae;padding:40px 0 30px;margin-top:60px}
        .footer__inner{padding:0 24px;max-width:1240px;margin:0 auto}
        .footer-copy p{font-size:.9rem;line-height:1.8;margin-bottom:10px;color:#9fb8ae}
        .friend-links-row{margin-top:28px;border-top:1px solid rgba(255,255,255,.06);padding-top:22px}
        .friend-links{width:100%}
        .friend-links__inner{
            display:flex;flex-wrap:wrap;gap:8px 18px;
            font-size:.8rem;color:#6f8b81;
        }
        .friend-links__inner a{
            color:#6f8b81;padding:3px 8px;border-radius:4px;
            transition:all .3s;
        }
        .friend-links__inner a:hover{color:#e7c88a;background:rgba(231,200,138,.1)}
        
        .timestamp{text-align:center;color:#6f8b81;font-size:.75rem;margin-top:20px}
        
        /* Responsive */
        @media(max-width:1024px){
            .hero-grid{grid-template-columns:1fr;gap:30px}
            .hero-panel{max-width:600px}
            .about-grid{grid-template-columns:1fr}
            .gallery-grid{grid-template-columns:repeat(3,1fr)}
            .strength-grid{grid-template-columns:1fr}
            .faq-grid{grid-template-columns:1fr}
            .cta-panel{grid-template-columns:1fr}
            .header__inner{flex-direction:column;padding:14px 0}
            .nav{justify-content:center}
        }
        @media(max-width:768px){
            .hero{padding:56px 0 46px}
            .hero-copy h1{font-size:2rem}
            .gallery-grid{grid-template-columns:repeat(2,1fr)}
            .section{padding:50px 0}
            .surface-card{padding:24px}
            .cta-panel{padding:32px 24px}
            .metric-grid{grid-template-columns:1fr 1fr}
        }
        @media(max-width:480px){
            .gallery-grid{grid-template-columns:1fr}
            .hero-copy h1{font-size:1.7rem}
            .strength-card{padding:20px}
            .faq-card{padding:20px}
        }
    

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