/* home.css - 首页专用样式 */

/* Banner区域 */
.banner{position:relative;height:500px;overflow:hidden}
.banner-img{width:100%;height:100%;object-fit:cover}
.banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(62,30,20,0.85) 0%,rgba(62,30,20,0.4) 100%)}
.banner-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.banner-inner{max-width:700px;padding:0 20px}
.banner-inner h1{font-size:36px;font-weight:700;margin-bottom:16px;line-height:1.3}
.banner-inner p{font-size:16px;margin-bottom:30px;opacity:0.9;line-height:1.8}

/* 核心数据展示 */
.stats-section{padding:50px 0;background:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.stat-item{text-align:center;padding:25px 15px;background:#FFF3E0;border-radius:4px;border:1px solid #FFCCBC}
.stat-number{font-size:36px;font-weight:700;color:#FF7043;margin-bottom:8px}
.stat-label{font-size:14px;color:#4A4A4A}

/* 服务总览入口 */
.services-section{padding:60px 0}
.section-header{text-align:center;margin-bottom:40px}
.section-header h2{font-size:28px;color:#3E1E14;margin-bottom:10px}
.section-header p{color:#4A4A4A;font-size:14px}
.section-line{width:50px;height:3px;background:#FF7043;margin:15px auto 0}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.service-card{background:#fff;padding:28px 22px;border:1px solid #FFCCBC;border-radius:4px;transition:all 0.3s}
.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(255,112,67,0.15);border-color:#FF7043}
.service-num{font-size:32px;font-weight:700;color:#FF7043;margin-bottom:12px;opacity:0.8}
.service-card h3{font-size:17px;margin-bottom:10px;color:#1A1A1A}
.service-card p{font-size:13px;color:#4A4A4A;line-height:1.7}
.service-card .more{display:inline-block;margin-top:12px;font-size:13px;font-weight:500}

/* 服务流程 */
.process-section{padding:60px 0;background:#fff}
.process-steps{display:flex;justify-content:space-between;position:relative;margin-top:40px}
.process-steps::before{content:"";position:absolute;top:35px;left:10%;right:10%;height:2px;background:#FFCCBC;z-index:0}
.process-step{position:relative;z-index:1;text-align:center;flex:1;max-width:180px}
.step-num{width:70px;height:70px;background:#FF7043;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin:0 auto 15px;border:4px solid #fff;box-shadow:0 2px 10px rgba(255,112,67,0.3)}
.process-step h4{font-size:15px;margin-bottom:8px;color:#1A1A1A}
.process-step p{font-size:12px;color:#4A4A4A;line-height:1.6}

/* 关于我们摘要 */
.about-section{padding:60px 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.about-content h2{font-size:26px;color:#3E1E14;margin-bottom:15px}
.about-content p{font-size:14px;color:#4A4A4A;line-height:1.9;margin-bottom:20px}
.about-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}
.about-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:#1A1A1A}
.about-feature::before{content:"✓";color:#FF7043;font-weight:700}
.about-image{position:relative;height:300px;background:#FFCCBC;border-radius:4px;overflow:hidden}
.about-image img{width:100%;height:100%;object-fit:cover}

/* 最新资讯 */
.news-section{padding:50px 0;background:#fff}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-item{padding:18px;background:#FFF3E0;border:1px solid #FFCCBC;border-radius:4px}
.news-item .date{font-size:12px;color:#FF7043;margin-bottom:8px;font-weight:500}
.news-item h4{font-size:14px;line-height:1.5;margin-bottom:8px}
.news-item h4 a{color:#1A1A1A}
.news-item h4 a:hover{color:#FF7043}
.news-item p{font-size:13px;color:#4A4A4A;line-height:1.6}

/* 技术百科推荐 */
.baike-section{padding:50px 0}
.baike-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.baike-item{display:flex;gap:15px;padding:18px;background:#fff;border:1px solid #FFCCBC;border-radius:4px;transition:all 0.3s}
.baike-item:hover{border-color:#FF7043}
.baike-num{min-width:40px;height:40px;background:#FF7043;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border-radius:4px}
.baike-item h4{font-size:15px;margin-bottom:6px}
.baike-item h4 a{color:#1A1A1A}
.baike-item h4 a:hover{color:#FF7043}
.baike-item p{font-size:13px;color:#4A4A4A;line-height:1.6}

/* 合作邀请 */
.cta-section{padding:60px 0;background:linear-gradient(135deg,#3E1E14 0%,#5a2d1e 100%);color:#fff;text-align:center}
.cta-section h2{font-size:28px;margin-bottom:15px}
.cta-section p{font-size:15px;margin-bottom:25px;opacity:0.9}
.cta-section .btn{background:#FF7043}
.cta-section .btn:hover{background:#fff;color:#3E1E14}

/* 响应式 */
@media(max-width:768px){
.banner{height:380px}
.banner-inner h1{font-size:24px}
.banner-inner p{font-size:14px}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.services-grid{grid-template-columns:repeat(2,1fr)}
.process-steps{flex-wrap:wrap;gap:20px}
.process-steps::before{display:none}
.process-step{max-width:100%;flex:none;width:100%;display:flex;align-items:center;text-align:left;gap:15px}
.step-num{margin:0}
.about-grid{grid-template-columns:1fr}
.about-image{display:none}
.news-grid{grid-template-columns:1fr}
.baike-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.stats-grid{grid-template-columns:1fr}
.services-grid{grid-template-columns:1fr}
.stat-number{font-size:28px}
}