@import url('https://miaoda.feishu.cn/fonts/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;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{font-family:'Poppins','Segoe UI',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:70px 20px;
    background:linear-gradient(rgba(248,246,242,.78),rgba(248,246,242,.78)),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:28px;
    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);}
/* ===== 什么是Dropshipping ===== */
.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.intro-card{background:#fff;border:1px solid #eee;padding:34px 24px;border-radius:8px;transition:.3s ease;height:100%;}
.intro-card:hover{border-color:var(--gold-border);box-shadow:0 6px 20px rgba(200,162,74,.1);}
.intro-card .icon{display:block;margin-bottom:14px;color:var(--brand-gold);}
.intro-card h4{font-size:15px;margin-bottom:8px;}
.intro-card p{font-size:14px;color:var(--text-gray);line-height:1.7;}
.audience-line{text-align:center;margin-top:34px;font-size:14px;color:var(--text-gray);}
.audience-line strong{color:var(--brand-green);font-weight:500;}
.audience-line .chip{display:inline-block;border:1px solid var(--gold-border);color:var(--brand-green);padding:4px 14px;border-radius:20px;margin:0 6px 8px;font-size:12.5px;letter-spacing:0.4px;}
/* ===== 核心优势（图标SVG） ===== */
.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;background:#fff;}
.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;}
/* ===== 日常订单横向流程条 ===== */
.flow-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;position:relative;}
.flow-card{border:1px solid #eee;padding:28px 16px;border-radius:8px;background:#fff;text-align:center;transition:.3s ease;position:relative;height:100%;}
.flow-card:hover{border-color:var(--gold-border);transform:translateY(-3px);}
.flow-card .step-no{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-green);color:var(--brand-gold);font-weight:600;font-size:13px;margin-bottom:12px;}
.flow-card h4{font-size:13.5px;margin-bottom:6px;line-height:1.5;}
.flow-card p{font-size:12.5px;color:var(--text-gray);line-height:1.65;}
.flow-arrow{position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:var(--gold-border);z-index:2;background:#fff;}
/* ===== 双栏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;background:#fff;}
.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;}
.solu-card ul{list-style:none;margin-top:14px;}
.solu-card li{color:var(--text-gray);font-size:13.5px;padding:6px 0 6px 22px;position:relative;line-height:1.6;}
.solu-card li::before{content:'';position:absolute;left:4px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--brand-gold);}
/* ===== 材质包装 ===== */
.text-card-wrap{display:grid;grid-template-columns:1fr;gap:26px;}
.text-card{border:1px solid #eee;padding:35px 30px;border-radius:8px;background:#fff;}
.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;}
.text-card p strong{color:var(--brand-green);font-weight:500;}
/* ===== 服务细则 ===== */
.terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.term-card{border:1px solid #eee;padding:30px 28px;border-radius:8px;background:#fff;transition:.3s ease;}
.term-card:hover{border-color:var(--gold-border);}
.term-card .term-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.term-card .icon{color:var(--brand-gold);flex-shrink:0;}
.term-card h4{font-size:16px;}
.term-card p{color:var(--text-gray);font-size:14px;line-height:1.75;margin-bottom:6px;}
.term-card p strong{color:var(--brand-green);font-weight:500;}
/* ===== 增值服务 ===== */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.value-card{border:1px solid #eee;padding:30px 20px;text-align:center;border-radius:8px;background:#fff;transition:.3s ease;}
.value-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.05);border-color:var(--gold-border);}
.value-card .icon{display:block;color:var(--brand-gold);margin-bottom:12px;}
.value-card h4{font-size:15px;margin-bottom:8px;}
.value-card p{font-size:13px;color:var(--text-gray);line-height:1.65;}
/* ===== 合作三步 ===== */
.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;background:#fff;}
.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;background:#fff;}
.faq-item input{display:none;}
.faq-question{display:block;padding:18px 22px;background:#fff;cursor:pointer;font-weight:500;position:relative;font-size:15px;color:var(--brand-green);}
.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:600px;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,.value-grid{grid-template-columns:repeat(2,1fr);}
.intro-grid{grid-template-columns:1fr;}
.flow-steps{grid-template-columns:repeat(2,1fr);}
.flow-arrow{display:none;}
.solution-grid,.text-card-wrap,.terms-grid{grid-template-columns:1fr;}
.banner-content h1{font-size:24px;}
.section-title h2{font-size:20px;}
.section-wrap{padding:50px 0;}
}
@media(max-width:576px){
.adv-grid,.coop-grid,.value-grid,.flow-steps{grid-template-columns:1fr;}
.banner-btn-group .btn{width:100%;}
.timeline-wrap{padding-left:22px;}
.section-wrap{padding:44px 0;}
.banner-block{padding:48px 16px;}
.banner-content h1{font-size:21px;line-height:1.35;}
.banner-content p{font-size:14px;margin-bottom:24px;}
.section-title{margin-bottom:34px;}
.section-title h2{font-size:17.5px;}
.section-title p{font-size:13.5px;}
.adv-card{padding:28px 18px;}
.intro-card{padding:26px 20px;}
.solu-card{padding:30px 22px;}
.text-card{padding:28px 22px;}
.term-card{padding:24px 20px;}
.value-card{padding:24px 16px;}
.coop-card{padding:26px 14px;}
.flow-card{padding:22px 14px;}
.flow-card h4{font-size:14px;}
.faq-question{font-size:14px;padding:15px 46px 15px 16px;}
.faq-answer{padding:0 16px;}
.faq-item input:checked~.faq-answer{max-height:800px;padding:0 16px 16px;}
.faq-answer p{font-size:13.5px;}
.cta-block{padding:44px 18px;}
.btn{padding:12px 24px;}
}