*{margin:0;padding:0;box-sizing:border-box;font-family:"Noto Sans SC","Microsoft Yahei",sans-serif;}
html{scroll-behavior:smooth;}
body{color:#333;background:#ffffff;line-height:1.8;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.container{width:92%;max-width:1320px;margin:0 auto;}

/* ========== 导航栏｜极简半透磨砂 ========== */
header{position:fixed;width:100%;top:0;left:0;background:rgba(255,255,255,0.82);backdrop-filter: blur(10px);border-bottom:1px solid rgba(0,0,0,0.06);z-index:997;transition:0.3s;}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:82px;}
.logo{font-size:30px;font-weight:700;letter-spacing:2px;color:#111;}
.logo span{color:#947849;}
.nav-menu{display:flex;gap:46px;}
.nav-menu li a{font-size:16px;color:#444;font-weight:500;position:relative;transition:color 0.3s;}
.nav-menu li a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:#947849;transition:0.3s;}
.nav-menu li a:hover{color:#947849;}
.nav-menu li a:hover::after{width:100%;}

/* ========== 首屏Banner｜黑金大气，全屏高度 ========== */
.banner{min-height:100vh;background:linear-gradient(160deg,#0f0f11,#222226);color:#fff;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:82px;}
.banner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%, rgba(148,120,73,0.18),transparent 55%);}
.banner .container{position:relative;z-index:2;}
.banner h1{font-size:62px;line-height:1.2;font-weight:600;margin-bottom:26px;letter-spacing:1px;}
.banner p{font-size:21px;opacity:0.82;max-width:840px;line-height:1.8;margin-bottom:42px;}
.banner-btn{display:inline-block;border:1px solid #947849;color:#d4b888;padding:17px 42px;border-radius:2px;font-size:18px;letter-spacing:1px;transition:all 0.4s;}
.banner-btn:hover{background:#947849;color:#fff;box-shadow:0 10px 30px rgba(148,120,73,0.25);}

/* ========== 通用区块样式 ========== */
.section{padding:110px 0;}
.section-title{text-align:center;margin-bottom:80px;}
.section-title h2{font-size:38px;color:#1a1a1a;margin-bottom:16px;font-weight:600;letter-spacing:1px;}
.section-title .line{width:80px;height:2px;background:#947849;margin:0 auto;}
.section-title p{color:#666;margin-top:20px;max-width:800px;margin:0 auto;font-size:17px;line-height:1.8;}
.bg-light{background:#f8f8f8;}

/* ========== 关于我们｜左右分栏，大段SEO正文 ========== */
.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.about-text h3{font-size:30px;color:#1a1a1a;margin-bottom:24px;}
.about-text p{color:#444;line-height:1.9;margin-bottom:20px;font-size:16px;text-align:justify;}
.about-img{border-radius:4px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,0.08);}
.about-img img{width:100%;display:block;transition:transform 0.6s ease;}
.about-img img:hover{transform:scale(1.03);}

/* ========== 产品中心｜极简卡片，无厚重阴影 ========== */
.product-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
.product-card{background:#fff;border:1px solid #eee;transition:all 0.4s ease;}
.product-card:hover{border-color:#947849;transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,0.07);}
.product-card img{width:100%;height:280px;object-fit:cover;display:block;}
.product-card-body{padding:32px;}
.product-card-body h3{font-size:22px;color:#1a1a1a;margin-bottom:14px;}
.product-card-body p{color:#555;font-size:15px;line-height:1.8;}

/* ========== 服务优势 ========== */
.advantage-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.advantage-item{padding:38px 28px;border:1px solid #eee;text-align:center;transition:0.4s;}
.advantage-item:hover{border-color:#947849;background:#fcfaf7;}
.advantage-item h3{font-size:20px;margin:16px 0;color:#1a1a1a;}
.advantage-item p{color:#555;line-height:1.7;font-size:15px;}

/* ========== 服务流程｜时间轴风格，高级感更强 ========== */
.flow-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;}
.flow-item{text-align:center;position:relative;padding-top:20px;}
.flow-num{width:52px;height:52px;border-radius:50%;border:1px solid #947849;color:#947849;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;margin:0 auto 20px;}
.flow-item h3{font-size:19px;color:#1a1a1a;margin-bottom:12px;}
.flow-item p{color:#555;font-size:15px;line-height:1.7;}

/* ========== FAQ问答｜SEO核心板块 ========== */
.faq-wrap{max-width:960px;margin:0 auto;}
.faq-item{background:#fff;border-bottom:1px solid #eee;}
.faq-item h4{padding:24px 0;color:#1a1a1a;font-size:18px;cursor:pointer;}
.faq-item .faq-content{padding:0 0 24px 0;color:#444;line-height:1.9;font-size:16px;}

/* ========== 联系板块｜深色底，金色文字 ========== */
.contact{background:#1a1a1a;color:#fff;}
.contact .section-title h2{color:#fff;}
.contact .section-title p{color:#bbbbbb;}
.contact-info{text-align:center;max-width:860px;margin:0 auto;}
.contact-info p{font-size:18px;color:#dddddd;line-height:2;margin-bottom:18px;}

/* ========== 页脚 ========== */
footer{background:#0f0f11;color:#999;text-align:center;padding:42px 0;font-size:14px;line-height:1.8;}

/* ========== 悬浮微信图标 ========== */
.float-wechat{
    position:fixed;
    right:36px;
    bottom:46px;
    width:56px;
    height:56px;
    background:#07C160;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:30px;
    cursor:pointer;
    z-index:998;
    box-shadow:0 6px 20px rgba(7,193,96,0.32);
    transition:all 0.35s ease;
}
.float-wechat:hover{transform:scale(1.1);box-shadow:0 8px 26px rgba(7,193,96,0.45);}

/* ========== 复制弹窗｜轻奢弹窗样式 ========== */
.modal-mask{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.65);
    z-index:999;
    display:none;
    align-items:center;
    justify-content:center;
}
.modal-box{
    width:460px;
    background:#fff;
    border-radius:6px;
    padding:40px 32px;
    text-align:center;
    position:relative;
    border-top:4px solid #947849;
}
.modal-close{
    position:absolute;
    right:20px;
    top:16px;
    font-size:28px;
    cursor:pointer;
    color:#777;
    transition:0.2s;
}
.modal-close:hover{color:#000;}
.success-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#07C160;
    color:#fff;
    font-size:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
}
.modal-box h3{font-size:24px;color:#1a1a1a;margin-bottom:12px;}
.modal-box .wx-text{font-size:18px;color:#333;margin-bottom:10px;}
.modal-box .tip-text{font-size:15px;color:#666;margin-bottom:26px;}
.qrcode-box{width:200px;height:200px;margin:0 auto 26px;}
.qrcode-box img{width:100%;height:100%;border-radius:4px;}
.btn-ok{
    background:#947849;
    color:#fff;
    border:none;
    padding:13px 40px;
    border-radius:2px;
    font-size:17px;
    cursor:pointer;
    transition:0.3s;
}
.btn-ok:hover{background:#7c643b;}

/* ========== 移动端适配 ========== */
@media(max-width:768px){
    .nav-menu{display:none;}
    header{height:70px;}
    .nav-wrap{height:70px;}
    .banner h1{font-size:40px;}
    .banner p{font-size:18px;}
    .banner{min-height:auto;padding:120px 0 80px 0;}
    .section{padding:70px 0;}
    .section-title h2{font-size:30px;}
    .about-wrap{grid-template-columns:1fr;}
    .product-wrap{grid-template-columns:1fr;}
    .advantage-wrap{grid-template-columns:repeat(2,1fr);}
    .flow-wrap{grid-template-columns:1fr;gap:20px;}
    .modal-box{width:92%;}
    .float-wechat{right:22px;bottom:30px;width:52px;height:52px;font-size:28px;}
}