/* 首页 · 绿洲门廊对角分屏 */
.oasis-hero{display:grid;grid-template-columns:1fr 1fr;min-height:420px}
.oasis-warm{background:#e8d5a3;padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center}
.oasis-cool{background:#0d4f4f;padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e8f4f4}
.oasis-warm h1{font-size:clamp(1.45rem,3.8vw,2.15rem);line-height:1.28;font-weight:900;margin-bottom:.85rem;color:#0d4f4f}
.oasis-warm h1 em{font-style:normal;color:#8b6914;border-bottom:3px solid #c9a227}
.oasis-desc{color:#4a5555;margin-bottom:1.15rem;font-size:.95rem}
.region-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.15rem}
.region-tag{font-size:.72rem;font-weight:700;padding:.25rem .55rem;border:1px solid #c9a227;color:#8b6914;background:#f5e6c8}
.hero-btns{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}
.btn-gold{display:inline-block;background:#c9a227;color:#0d4f4f!important;padding:.7rem 1.35rem;font-weight:800;border-radius:2px;text-decoration:none!important}
.btn-teal{display:inline-block;background:#0d4f4f;color:#e8d5a3!important;padding:.7rem 1.25rem;font-weight:700;border:2px solid #c9a227;border-radius:2px;text-decoration:none!important}

.milestone-row{display:flex;gap:.75rem;flex-wrap:wrap}
.milestone{flex:1;min-width:80px;text-align:center;padding:.65rem .5rem;background:#f5e6c8;border:2px solid #c9a227;border-radius:0 0 8px 8px}
.milestone strong{display:block;font-size:1.25rem;color:#0d4f4f;font-weight:900;line-height:1.2}
.milestone span{font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.05em}

.arch-frame{width:100%;max-width:420px;position:relative;padding-top:12px}
.arch-frame::before{content:"";position:absolute;top:0;left:5%;right:5%;height:24px;border:3px solid #c9a227;border-bottom:none;border-radius:120px 120px 0 0}
.arch-frame img{border:3px solid #c9a227;border-top:none;border-radius:0 0 6px 6px;background:#134e4a}

/* 扇形展开三卡 */
.fan-section{background:#f5e6c8;padding:3.5rem 0;border-top:1px solid #d4c4a0;border-bottom:1px solid #d4c4a0}
.fan-wrap{display:flex;justify-content:center;gap:1rem;padding:2rem 0 1rem;perspective:800px}
.fan-card{width:30%;max-width:280px;background:#fff;border:2px solid #0d4f4f;padding:1.35rem 1.15rem;transform-origin:bottom center}
.fan-card:nth-child(1){transform:rotate(-4deg);background:#e8f4f4;border-color:#1a6b6b}
.fan-card:nth-child(2){transform:rotate(0deg);background:#fff;border-color:#c9a227;z-index:2;margin-top:-8px}
.fan-card:nth-child(3){transform:rotate(4deg);background:#e8d5a3;border-color:#8b6914}
.fan-card h3{font-size:1rem;margin-bottom:.45rem;color:#0d4f4f;font-weight:800}
.fan-card p{font-size:.85rem;color:#4a6666}

/* 商路曲线三步 */
.caravan{padding:3rem 0;background:#0d4f4f;color:#e8f4f4}
.caravan .section-title,.caravan .section-lead{color:#e8d5a3}
.caravan .section-lead{color:#a8d4d4}
.caravan-path{position:relative;padding:2rem 0 1rem}
.caravan-path svg{width:100%;height:60px;display:block;margin-bottom:1.5rem}
.caravan-steps{display:flex;justify-content:space-between;gap:1rem}
.caravan-step{flex:1;text-align:center;max-width:200px}
.step-icon{width:44px;height:44px;margin:0 auto .65rem;background:#c9a227;color:#0d4f4f;font-weight:900;font-size:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #e8d5a3}
.caravan-step h3{font-size:.95rem;margin-bottom:.3rem;color:#e8d5a3}
.caravan-step p{font-size:.82rem;color:#a8d4d4}

/* 卷轴双清单 */
.scroll-duo{background:#e8d5a3;padding:3rem 0}
.scroll-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.scroll-panel{background:#f5e6c8;border:3px double #c9a227;padding:0}
.scroll-head{background:#0d4f4f;color:#e8d5a3;padding:.55rem 1rem;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.scroll-body{padding:1.15rem 1.25rem}
.scroll-body h3{font-size:.98rem;margin-bottom:.65rem;color:#0d4f4f;font-weight:800}
.scroll-body li{font-size:.86rem;color:#4a5555;padding:.35rem 0;padding-left:1rem;position:relative;border-bottom:1px dotted #c9a227}
.scroll-body li::before{content:"◆";position:absolute;left:0;color:#c9a227;font-size:.55rem;top:.5rem}

/* FAQ */
.faq-oasis{padding:3rem 0;background:#f5e6c8}
.faq-list{max-width:740px}
.faq-item{border:1px solid #1a6b6b;margin-bottom:.4rem;background:#fff}
.faq-q{width:100%;text-align:left;background:#e8f4f4;border:none;padding:1rem 1.15rem;font-size:.92rem;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;color:#0d4f4f;font-family:inherit}
.faq-item:nth-child(even) .faq-q{background:#e8d5a3}
.faq-q::after{content:"+";color:#c9a227;font-weight:400}
.faq-item.open .faq-q::after{content:"−"}
.faq-a{display:none;padding:0 1.15rem 1rem;font-size:.88rem;color:#4a6666}
.faq-item.open .faq-a{display:block}

/* 双 tone CTA */
.cta-split{display:grid;grid-template-columns:1fr 1fr;text-align:center}
.cta-gold{background:#c9a227;color:#0d4f4f;padding:2.5rem 1.5rem}
.cta-teal{background:#0d4f4f;color:#e8d5a3;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cta-gold h2,.cta-teal h2{font-size:clamp(1.2rem,2.5vw,1.5rem);margin-bottom:.5rem;font-weight:900}
.cta-gold p,.cta-teal p{margin-bottom:1rem;font-size:.9rem;opacity:.92}
.cta-teal .btn-gold{display:inline-block}

@media(max-width:900px){
  .oasis-hero{grid-template-columns:1fr}
  .fan-wrap{flex-direction:column;align-items:center}
  .fan-card{width:100%;max-width:100%;transform:none!important;margin-top:0!important}
  .scroll-columns,.cta-split{grid-template-columns:1fr}
  .caravan-steps{flex-direction:column;align-items:center}
}