@charset "UTF-8";
/* home.css - 首页专用样式 L6故事叙述型 */

/* ===== Hero Banner ===== */
.hero{position:relative;height:100vh;min-height:700px;max-height:900px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:0}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity 1.5s ease;opacity:0}
.hero-slide.active{opacity:1}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(44,40,21,.75) 0%,rgba(44,40,21,.4) 50%,rgba(212,172,13,.2) 100%)}
.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 20px}
.hero-subtitle{font-size:15px;font-weight:600;color:#D4AC0D;text-transform:uppercase;letter-spacing:4px;margin-bottom:20px;opacity:0;animation:fadeInUp .8s ease forwards}
.hero h1{font-size:56px;font-weight:900;color:#F9F3D8;line-height:1.15;margin-bottom:25px;text-shadow:0 4px 30px rgba(0,0,0,.3);opacity:0;animation:fadeInUp .8s ease .2s forwards}
.hero p{font-size:19px;color:rgba(249,243,216,.85);margin-bottom:40px;line-height:1.8;opacity:0;animation:fadeInUp .8s ease .4s forwards}
.hero-btns{display:flex;gap:20px;justify-content:center;opacity:0;animation:fadeInUp .8s ease .6s forwards}
.hero-indicators{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:3}
.hero-indicators span{width:12px;height:12px;border-radius:50%;background:rgba(249,243,216,.3);cursor:pointer;transition:all .3s ease}
.hero-indicators span.active{background:#D4AC0D;box-shadow:0 0 15px rgba(212,172,13,.5)}

/* ===== 故事叙述区块 ===== */
.story-section{padding:100px 0;position:relative;overflow:hidden}
.story-section:nth-child(even){background:#fff}
.story-section:nth-child(odd){background:#F9F3D8}
.story-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.story-wrap.reverse{direction:rtl}
.story-wrap.reverse > *{direction:ltr}
.story-img{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(44,40,21,.15)}
.story-img img{width:100%;height:400px;object-fit:cover;transition:transform .6s ease}
.story-img:hover img{transform:scale(1.05)}
.story-img::before{content:"";position:absolute;inset:0;border:3px solid #D4AC0D;border-radius:12px;transform:translate(15px,15px);z-index:-1}
.story-num{position:absolute;top:-20px;left:-20px;width:60px;height:60px;background:#D4AC0D;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#2C2815;box-shadow:0 8px 25px rgba(212,172,13,.4)}
.story-content h3{font-size:32px;font-weight:900;color:#2C2815;margin-bottom:20px;line-height:1.3}
.story-content h3 span{color:#D4AC0D}
.story-content p{font-size:16px;color:#555;line-height:1.9;margin-bottom:25px}
.story-list li{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:15px;color:#444}
.story-list .dot{width:8px;height:8px;background:#D4AC0D;border-radius:50%;flex-shrink:0}

/* ===== 数据统计 ===== */
.stats-bar{background:#2C2815;padding:60px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.stat-item h4{font-size:48px;font-weight:900;color:#D4AC0D;margin-bottom:8px}
.stat-item p{font-size:15px;color:rgba(249,243,216,.7);text-transform:uppercase;letter-spacing:2px}

/* ===== 服务流程 F3=5步 ===== */
.process-section{padding:100px 0;background:#fff}
.process-steps{display:flex;justify-content:space-between;position:relative;margin-top:60px}
.process-steps::before{content:"";position:absolute;top:40px;left:10%;right:10%;height:4px;background:linear-gradient(90deg,#D4AC0D 0%,rgba(212,172,13,.2) 100%);border-radius:2px}
.process-step{position:relative;text-align:center;width:18%;z-index:1}
.process-step .step-num{width:80px;height:80px;background:#F9F3D8;border:4px solid #D4AC0D;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#2C2815;margin:0 auto 20px;position:relative;z-index:2;box-shadow:0 8px 25px rgba(212,172,13,.25)}
.process-step h4{font-size:18px;font-weight:700;color:#2C2815;margin-bottom:10px}
.process-step p{font-size:14px;color:#666;line-height:1.7}

/* ===== 服务卡片 C6全宽条带 ===== */
.service-strip{position:relative;padding:80px 0;overflow:hidden}
.service-strip:nth-child(odd){background:#F9F3D8}
.service-strip:nth-child(even){background:#fff}
.service-strip-inner{display:grid;grid-template-columns:45% 55%;gap:0;align-items:center}
.service-strip.reverse{direction:rtl}
.service-strip.reverse > *{direction:ltr}
.service-strip-img{height:100%;min-height:400px}
.service-strip-img img{width:100%;height:100%;object-fit:cover}
.service-strip-content{padding:50px 60px}
.service-strip-content h3{font-size:28px;font-weight:900;color:#2C2815;margin-bottom:15px}
.service-strip-content h3 span{color:#D4AC0D;font-size:16px;font-weight:600;display:block;margin-bottom:5px;letter-spacing:2px;text-transform:uppercase}
.service-strip-content p{font-size:15px;color:#555;line-height:1.9;margin-bottom:25px}
.service-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}
.service-features span{display:inline-block;padding:6px 16px;background:rgba(212,172,13,.1);color:#2C2815;font-size:13px;font-weight:600;border-radius:20px;border:1px solid rgba(212,172,13,.2)}

/* ===== 客户评价 ===== */
.testimonials{padding:100px 0;background:#2C2815}
.testimonials .section-title h2{color:#F9F3D8}
.testimonials .section-title h2::after{background:#D4AC0D}
.testimonials .section-title p{color:rgba(249,243,216,.6)}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.testimonial-card{background:rgba(249,243,216,.05);border:1px solid rgba(212,172,13,.2);border-radius:12px;padding:35px;backdrop-filter:blur(10px);transition:all .3s ease}
.testimonial-card:hover{border-color:#D4AC0D;transform:translateY(-5px)}
.testimonial-text{font-size:15px;color:rgba(249,243,216,.8);line-height:1.9;margin-bottom:25px;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:15px}
.testimonial-author-img{width:55px;height:55px;border-radius:50%;object-fit:cover;border:3px solid #D4AC0D}
.testimonial-author h5{font-size:16px;font-weight:700;color:#F9F3D8}
.testimonial-author p{font-size:13px;color:#D4AC0D}

/* ===== CTA ===== */
.cta-section{padding:100px 0;background:linear-gradient(135deg,#2C2815 0%,#4a4320 100%);text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D4AC0D' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.cta-section h2{font-size:40px;font-weight:900;color:#F9F3D8;margin-bottom:20px;position:relative}
.cta-section p{font-size:18px;color:rgba(249,243,216,.7);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;position:relative}

/* ===== 动画 ===== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

/* ===== 响应式 ===== */
@media (max-width:768px){
.hero{height:80vh;min-height:500px}
.hero h1{font-size:32px}
.hero p{font-size:16px}
.hero-btns{flex-direction:column;align-items:center}
.story-wrap{grid-template-columns:1fr;gap:40px}
.story-wrap.reverse{direction:ltr}
.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.stat-item h4{font-size:36px}
.process-steps{flex-direction:column;gap:40px}
.process-steps::before{display:none}
.process-step{width:100%}
.service-strip-inner{grid-template-columns:1fr}
.service-strip-img{min-height:250px}
.service-strip-content{padding:30px}
.testimonial-grid{grid-template-columns:1fr}
.cta-section h2{font-size:28px}
}