@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
:root {
    --brand-green: #0F2A1D;
    --brand-gold: #C8A24A;
    --gold-border: #d6bc80;
    --light-beige: #F8F6F2;
    --text-gray: #666;
    --text-dark: #2A2A2A;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Poppins',sans-serif;font-weight:300;color:var(--text-dark);line-height:1.75;}
h1,h2,h3,h4{font-weight:500;text-transform:uppercase;letter-spacing:0.8px;color:var(--brand-green);}
.container{width:92%;max-width:1240px;margin:0 auto;}

/* 全局统一模块间距 */
.section-wrap{padding:60px 0;}
.section-title{text-align:center;margin-bottom:45px;}
.section-title h2{font-size:22px;margin-bottom:10px;}
.section-title p{color:var(--text-gray);max-width:700px;margin:0 auto;font-size:15px;}

/* 轻奢精简Banner */
.banner-block{
    width:100%;
    padding:65px 20px;
    background:linear-gradient(rgba(248,246,242,.85),rgba(248,246,242,.85)),url('//ueeshop.ly200-cdn.com/u_file/UPBC/UPBC999/2604/07/photo/46745a3e9e.png') center/cover no-repeat #F8F6F2;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.banner-content h1{
    font-size:26px;
    margin-bottom:10px;
    font-weight:500;
    line-height:1.4;
}
.banner-content p{
    font-size:15px;
    color:var(--text-gray);
    margin-bottom:28px;
    max-width:780px;
    margin-left:auto;
    margin-right:auto;
}
.banner-btn-group{
    display:flex;
    gap:16px;
    justify-content:center;
    flex-wrap:wrap;
}
.btn{
    padding:11px 30px;
    border-radius:2px;
    font-weight:500;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.5px;
    text-decoration:none;
    transition:.3s ease;
}
.btn-outline{border:1px solid var(--brand-gold);color:var(--brand-gold);background:transparent;}
.btn-outline:hover{background:rgba(200,162,74,.1);}
.btn-primary{background:var(--brand-gold);color:#fff;border:1px solid var(--brand-gold);}
.btn-primary:hover{background:var(--brand-green);}

/* 四栏核心优势卡片 */
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.adv-card{border:1px solid var(--gold-border);padding:35px 22px;text-align:center;border-radius:6px;transition:.3s ease;}
.adv-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(200,162,74,.12);}
.adv-card .icon{font-size:30px;color:var(--brand-gold);margin-bottom:15px;display:block;}
.adv-card h4{font-size:16px;margin-bottom:10px;}
.adv-card p{font-size:14px;color:var(--text-gray);line-height:1.7;}

/* 6步纵向时间轴 */
.timeline-wrap{max-width:860px;margin:0 auto;position:relative;padding-left:36px;}
.timeline-wrap::before{content:'';position:absolute;left:6px;top:0;width:2px;height:100%;background:var(--gold-border);}
.timeline-item{position:relative;margin-bottom:30px;}
.timeline-num{position:absolute;left:-36px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--brand-gold);}
.timeline-item h4{font-size:17px;margin-bottom:8px;}
.timeline-item p{color:var(--text-gray);font-size:14px;line-height:1.7;}

/* 双栏API等高方案 */
.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.solu-card{border:1px solid #eee;padding:38px 32px;border-radius:8px;height:100%;transition:.3s ease;}
.solu-card:hover{border-color:var(--gold-border);}
.solu-card h3{font-size:19px;padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:18px;}
.solu-card p{color:var(--text-gray);font-size:14px;line-height:1.75;}

/* 工艺&包装双分区 */
.text-card-wrap{display:grid;grid-template-columns:1fr;gap:26px;}
.text-card{border:1px solid #eee;padding:35px 30px;border-radius:8px;}
.text-card h3{font-size:19px;margin-bottom:18px;}
.text-card p{color:var(--text-gray);font-size:14px;margin-bottom:8px;line-height:1.7;}

/* 三步合作横向卡片 */
.coop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.coop-card{border:1px solid #eee;padding:32px 18px;text-align:center;border-radius:8px;transition:.3s;}
.coop-card:hover{box-shadow:0 4px 15px rgba(0,0,0,.04);}
.coop-card .step{display:inline-block;width:34px;height:34px;line-height:34px;border-radius:50%;background:var(--brand-gold);color:#fff;font-weight:600;margin-bottom:12px;}
.coop-card h4{font-size:16px;margin-bottom:8px;}
.coop-card p{font-size:14px;color:var(--text-gray);line-height:1.7;}
.coop-note{text-align:center;margin-top:26px;font-weight:500;color:var(--brand-green);font-size:14px;}

/* 折叠FAQ面板 */
.faq-wrap{max-width:860px;margin:0 auto;}
.faq-item{border:1px solid #eee;border-radius:6px;margin-bottom:10px;overflow:hidden;}
.faq-item input{display:none;}
.faq-question{display:block;padding:18px 22px;background:#fff;cursor:pointer;font-weight:500;position:relative;font-size:15px;}
.faq-question::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--brand-gold);font-size:18px;transition:.3s;}
.faq-answer{max-height:0;overflow:hidden;transition:.4s ease;background:#fafafa;padding:0 22px;}
.faq-item input:checked~.faq-answer{max-height:300px;padding:0 22px 18px;}
.faq-item input:checked~.faq-question::after{content:'-';}
.faq-answer p{padding:0;color:var(--text-gray);font-size:14px;line-height:1.7;}

/* CTA转化区块 */
.cta-block{background:rgba(200,162,74,.12);padding:55px 24px;border-radius:10px;text-align:center;}
.cta-block h2{margin-bottom:12px;font-size:22px;}
.cta-block p{color:var(--text-gray);max-width:700px;margin:0 auto 28px;font-size:15px;line-height:1.75;}

/* 移动端自适应 */
@media(max-width:992px){
.adv-grid,.coop-grid{grid-template-columns:repeat(2,1fr);}
.solution-grid,.text-card-wrap{grid-template-columns:1fr;}
.banner-content h1{font-size:24px;}
.section-wrap{padding:50px 0;}
}
@media(max-width:576px){
.adv-grid,.coop-grid{grid-template-columns:1fr;}
.banner-btn-group .btn{width:100%;}
.timeline-wrap{padding-left:22px;}
.section-wrap{padding:45px 0;}
.banner-block{padding:55px 16px;}
}