/* ===== 8. style.css =====
   黄昏主题：主色 #FF6B35（橙红）-> 渐变 #F7931E（夕阳橙）
   辅助色 #C73E1D（深砖红）  文字 #2C1810（深棕）  背景 #FFF8F3（米白）
   仅使用 Bootstrap + AOS + jQuery，无额外框架
   -------------------------------------------------- */
:root{
    --primary:#FF6B35;          /* 夕阳橙红 */
    --primary-light:#FF8A50;
    --secondary:#F7931E;        /* 夕阳金橙 */
    --accent:#C73E1D;           /* 深砖红 */
    --dark:#2C1810;             /* 深棕 */
    --light:#FFF8F3;            /* 米白 */
    --gray:#6B5B47;
    --shadow:0 8px 30px rgba(0,0,0,.12);
    --radius:12px;
    --transition:.35s cubic-bezier(.4,.2,.2,1);
}

/* ---------- 全局 ---------- */
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
    color:var(--dark);
    background-color:var(--light);
    overflow-x:hidden;
}
a{transition:color var(--transition);}
img{max-width:100%;height:auto;border-radius:var(--radius);}
section{padding:80px 0;position:relative;}
.bg-light{background-color:var(--light)!important;}
.btn{
    border-radius:50rem;
    font-weight:600;
    padding:.55rem 1.75rem;
    transition:all var(--transition);
}
.btn-primary{
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    border:none;
    box-shadow:0 4px 15px rgba(255,107,53,.35);
}
.btn-primary:hover{
    background:linear-gradient(135deg,var(--primary-light),var(--secondary));
    box-shadow:0 6px 20px rgba(255,107,53,.45);
    transform:translateY(-2px);
}
.form-control{border-radius:var(--radius);border:1px solid #E0C8B8;}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(255,107,53,.25);}

/* ---------- 头部 ---------- */
.navbar{
    background:linear-gradient(135deg,var(--primary),var(--secondary))!important;
    box-shadow:var(--shadow);
}
.navbar-brand img{height:52px;}
.navbar-nav .nav-link{
    color:#fff!important;
    margin:0 .6rem;
    position:relative;
}
.navbar-nav .nav-link::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:4px;
    width:0;
    height:2px;
    background:#fff;
    transition:width var(--transition);
    transform:translateX(-50%);
}
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after{width:100%;}

/* ---------- 首页轮播 ---------- */
.carousel-item{height:620px;position:relative;}
.carousel-item::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to right,rgba(44,24,16,.6),rgba(199,62,29,.4));
}
.carousel-caption{bottom:28%;}
.carousel-caption h2{font-size:3.2rem;font-weight:700;margin-bottom:1rem;}
.carousel-caption p{font-size:1.25rem;margin-bottom:2rem;}
.carousel-indicators [data-bs-target]{
    width:14px;height:14px;border-radius:50%;
    background:rgba(255,255,255,.6);
    border:none;margin:0 6px;
}
.carousel-indicators .active{background:#fff;transform:scale(1.2);}

/* ---------- 特色服务 ---------- */
.service-card{
    background:#fff;
    border-radius:var(--radius);
    padding:2.2rem 1.8rem;
    text-align:center;
    box-shadow:var(--shadow);
    transition:transform var(--transition);
    height:100%;
}
.service-card:hover{transform:translateY(-10px);}
.service-icon{
    width:90px;height:90px;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 1.5rem;
    color:#fff;font-size:2.2rem;
    box-shadow:0 8px 20px rgba(255,107,53,.3);
}
.service-card h4{font-weight:600;margin-bottom:1rem;color:var(--accent);}
.service-card p{color:var(--gray);}

/* ---------- 成功案例 ---------- */
.case-card{position:relative;overflow:hidden;border-radius:var(--radius);}
.case-card img{transition:transform var(--transition);}
.case-card:hover img{transform:scale(1.08);}
.case-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.7),transparent);
    display:flex;flex-direction:column;justify-content:flex-end;
    padding:1.5rem;color:#fff;
    opacity:0;transition:opacity var(--transition);
}
.case-card:hover .case-overlay{opacity:1;}

/* ---------- 专家团队 ---------- */
.team-member{
    background:#fff;
    border-radius:var(--radius);
    padding:2rem 1.5rem;
    text-align:center;
    box-shadow:var(--shadow);
    transition:transform var(--transition);
}
.team-member:hover{transform:translateY(-8px);}
.team-member img{
    width:140px;height:140px;object-fit:cover;
    border:4px solid var(--light);
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}
.team-member h5{margin:1rem 0 .5rem;font-weight:600;}
.team-member p{color:var(--gray);font-size:.95rem;}

/* ---------- 城市列表 ---------- */
.city-list{
    background:var(--light);
    border-radius:var(--radius);
    padding:2.5rem;
}
.city-link{
    display:inline-block;
    margin:.25rem;
    padding:.45rem 1rem;
    border:1px solid var(--primary);
    color:var(--primary);
    border-radius:50rem;
    font-size:.9rem;
    transition:all var(--transition);
}
.city-link:hover{
    background:var(--primary);
    color:#fff;
    box-shadow:0 4px 12px rgba(255,107,53,.35);
}

/* ---------- 资讯卡片 ---------- */
.news-card{
    background:#fff;
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow);
    transition:transform var(--transition);
}
.news-card:hover{transform:translateY(-5px);}
.news-card img{height:200px;object-fit:cover;}
.news-card .card-body{padding:1.5rem;}
.news-card h5 a{color:var(--dark);}
.news-card h5 a:hover{color:var(--primary);}
.news-card small{color:var(--gray);}

/* ---------- 统计模块 ---------- */
.stats{
    background:linear-gradient(135deg,var(--primary),var(--accent));
    color:#fff;
}
.stat-item{text-align:center;padding:2rem;}
.stat-item h3{font-size:3rem;font-weight:700;margin-bottom:.5rem;}
.stat-item p{font-size:1.1rem;letter-spacing:1px;}

/* ---------- 客户评价 ---------- */
.testimonial-card{
    background:#fff;
    border-radius:var(--radius);
    padding:2rem;
    box-shadow:var(--shadow);
    position:relative;
}
.quote-icon{
    position:absolute;
    top:-18px;left:30px;
    width:36px;height:36px;
    background:var(--primary);
    color:#fff;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:1.2rem;
}
.testimonial-card p{color:var(--gray);}
.client-info img{width:50px;height:50px;object-fit:cover;}

/* ---------- 分页 ---------- */
.pagination .page-link{
    border-radius:50%;
    margin:0 4px;
    color:var(--primary);
    border:none;
    width:40px;height:40px;
    display:flex;align-items:center;justify-content:center;
}
.pagination .page-link:hover{background:var(--light);}
.pagination .active .page-link{
    background:var(--gradient-primary);
    color:#fff;
    box-shadow:0 4px 12px rgba(255,107,53,.35);
}

/* ---------- 时间轴 ---------- */
.timeline{position:relative;padding-left:2rem;}
.timeline::before{
    content:'';
    position:absolute;
    left:0;top:0;bottom:0;
    width:3px;
    background:var(--primary);
    border-radius:3px;
}
.timeline-item{
    position:relative;
    padding:1.5rem;
    background:#fff;
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    margin-bottom:2rem;
}
.timeline-item::before{
    content:'';
    position:absolute;
    left:-2rem;top:50%;
    width:16px;height:16px;
    background:var(--primary);
    border-radius:50%;
    transform:translateY(-50%);
}
.timeline-year{
    display:inline-block;
    background:var(--gradient-primary);
    color:#fff;
    padding:.25rem .75rem;
    border-radius:50rem;
    font-size:.9rem;
    font-weight:600;
    margin-bottom:.5rem;
}

/* ---------- 表单 ---------- */
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(255,107,53,.25);}
textarea.form-control{resize:none;}

/* ---------- 按钮 ---------- */
.btn-float{
    position:fixed;
    bottom:30px;right:30px;
    width:60px;height:60px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:1.5rem;
    box-shadow:0 6px 20px rgba(0,0,0,.2);
    z-index:1030;
}

/* ---------- 页脚 ---------- */
.footer{
    background:var(--dark);
    color:#fff;
}
.footer h5{color:var(--secondary);}
.footer a{color:#E0C8B8;transition:color var(--transition);}
.footer a:hover{color:var(--secondary);}
.footer-section ul li{margin-bottom:.5rem;}
.social-links a{
    display:inline-flex;
    width:40px;height:40px;
    background:var(--primary);
    color:#fff;
    border-radius:50%;
    align-items:center;justify-content:center;
    margin-right:.5rem;
    transition:transform var(--transition);
}
.social-links a:hover{transform:translateY(-3px);}

/* ---------- 响应式 ---------- */
@media(max-width:991px){
    .carousel-item{height:500px;}
    .carousel-caption h2{font-size:2.4rem;}
    section{padding:60px 0;}
}
@media(max-width:767px){
    .carousel-item{height:400px;}
    .carousel-caption h2{font-size:1.8rem;}
    .stat-item h3{font-size:2.4rem;}
    .timeline{padding-left:1.5rem;}
    .timeline-item::before{left:-1.5rem;}
}