<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>华埔装饰郑州公司高端环保装饰吉祥坊视讯登录,吉祥坊真人品牌【官网】</title>
    <meta name="keywords" content="华埔装饰,郑州装饰公司,郑州环保吉祥坊视讯登录,吉祥坊真人,郑州吉祥坊视讯登录,吉祥坊真人公司,郑州吉祥坊视讯登录,吉祥坊真人,蓝集装饰,郑州装饰,郑州吉祥坊视讯登录,吉祥坊真人装饰" />
    <meta name="description" content="华埔装饰郑州公司官方网站400-626-2112集团旗下华埔家装、蓝集装饰、华埔公装提供设计、施工、主材、售后等一站式整装服务郑州吉祥坊视讯登录,吉祥坊真人就选华埔装饰！"/>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
      <link rel="stylesheet" href="https://www.chinahuapu.cn/2026css/common.css">
    
    
    <style> 
        /* 主视觉 Banner */
        .hero { position: relative; background: #2c3e2f; overflow: hidden; user-select: none; }
        .hero-slider { position: relative; width: 100%; height: 600px; cursor: grab; }
        .hero-slider:active { cursor: grabbing; }
        .hero-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 0.4s ease; }
        .hero-slide.active { opacity: 1; z-index: 1; }
        .progress-bar-container { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: rgba(255,255,255,0.3); z-index: 20; }
        .progress-bar { width: 0%; height: 100%; background: #c49a6c; transition: width linear; }
        .hero-form-wrapper { position: absolute; top: 50%; right: 5%; transform: translateY(-50%); z-index: 20; width: 320px; }
        .hero-form { background: rgba(255,255,255,0.95); padding: 1.5rem; border-radius: 20px; color: #1e2a3e; box-shadow: 0 20px 35px -10px rgba(0,0,0,0.2); backdrop-filter: blur(2px); }
        .hero-form h3 { font-size: 1.3rem; margin-bottom: 0.5rem; text-align: center; }
        .hero-form p { color: #666; margin-bottom: 1.2rem; text-align: center; font-size: 0.9rem; }
        .hero-form .form-group { margin-bottom: 0.8rem; }
        .hero-form .form-group input { width: 100%; padding: 10px 14px; border: 1px solid #ddd; border-radius: 40px; font-size: 0.9rem; outline: none; }
        .hero-form button { width: 100%; margin-top: 0.3rem; }
        .form-tip { font-size: 0.75rem; color: #888; text-align: center; margin-top: 0.8rem; }
        
        /* 四大核心服务 */
        .services { padding: 80px 0; background: #fff; }
        .services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; cursor: pointer; }
        .service-card { text-align: center; padding: 30px 20px; border-radius: 16px; transition: all 0.3s; background: #f9f9f9; }
        .service-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
        .service-icon { font-size: 3rem; color: #c49a6c; margin-bottom: 1rem; }
        .service-card h3 { font-size: 1.3rem; margin-bottom: 0.5rem; }
        .service-card p { color: #666; }
        
        /* 三大业务板块 */
        .business { background: #f8f8f8; padding: 80px 0; }
        .business-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
        .business-card { background: #fff; border-radius: 24px; overflow: hidden; transition: all 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-decoration: none; color: inherit; display: block; }
        .business-card:hover { transform: translateY(-8px); box-shadow: 0 20px 30px rgba(0,0,0,0.1); }
        .business-img { position: relative; height: 260px; overflow: hidden; }
        .business-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
        .business-card:hover .business-img img { transform: scale(1.05); }
        .business-img .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; text-align: center; padding: 20px; transition: background 0.3s; }
        .business-card:hover .business-img .overlay { background: rgba(0, 0, 0, 0.5); }
        .overlay h4 { font-size: 1.5rem; font-weight: 600; margin-bottom: 8px; letter-spacing: 1px; }
        .overlay p { font-size: 0.9rem; opacity: 0.9; max-width: 80%; }
        .business-info { padding: 28px 24px; text-align: center; }
        .business-info h3 { font-size: 1.6rem; margin-bottom: 12px; color: #1e2a3e; }
        .business-info p { color: #666; font-size: 0.95rem; line-height: 1.5; margin-bottom: 20px; }
        .business-btn { display: inline-block; padding: 8px 24px; border: 1px solid #c49a6c; border-radius: 40px; color: #c49a6c; font-weight: 500; transition: all 0.2s; }
        .business-card:hover .business-btn { background: #c49a6c; color: #fff; }
        
        /* 线下旗舰店 */
        .stores { padding: 80px 0; background: #fff; }
        .store-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
        .store-card { background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1); transition: transform 0.3s; }
        .store-card:hover { transform: translateY(-5px); }
        .store-img { position: relative; height: 220px; overflow: hidden; }
        .store-img img { width: 100%; height: 100%; object-fit: cover; }
        .store-img .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; color: white; text-align: center; padding: 16px; transition: background 0.3s; pointer-events: none; }
        .store-card:hover .store-img .overlay { background: rgba(0, 0, 0, 0.5); }
        .store-img .overlay h4 { font-size: 1.3rem; font-weight: 600; letter-spacing: 1px; }
        .store-info-bar { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(4px); color: white; padding: 12px 12px; transform: translateY(100%); transition: transform 0.3s ease; pointer-events: none; z-index: 2; }
        .store-card:hover .store-info-bar { transform: translateY(0); }
        .store-info-bar p { font-size: 0.75rem; margin: 4px 0; display: flex; align-items: center; gap: 8px; justify-content: center; }
        .store-info { padding: 20px; text-align: center; }
        .store-tel { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 16px; font-weight: 600; color: #c49a6c; font-size: 1.1rem; }
        .store-btn { width: 100%; text-align: center; }
        
        /* 业主见证 */
        .testimonials { background: #f0f4f0; padding: 80px 0; }
        .testimonial-swiper { overflow: hidden; padding: 10px 0 30px 0; }
        .testimonial-card { background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.05); text-align: center; transition: transform 0.3s; margin: 0 12px; }
        .testimonial-card:hover { transform: translateY(-5px); box-shadow: 0 12px 24px rgba(0,0,0,0.1); }
        .testimonial-img { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; }
        .testimonial-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
        .testimonial-card:hover .testimonial-img img { transform: scale(1.03); }
        .testimonial-img .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); transition: background 0.3s; pointer-events: none; }
        .testimonial-card:hover .testimonial-img .overlay { background: rgba(0, 0, 0, 0.3); }
        .testimonial-content { padding: 20px 20px 16px 20px; font-size: 0.95rem; line-height: 1.5; color: #2c3e2f; font-style: italic; }
        .testimonial-name { font-weight: 600; color: #c49a6c; padding-bottom: 20px; display: block; }
        
        /* 吉祥坊视讯登录,吉祥坊真人流程 */
        .process { padding: 80px 0; background: #fff; }
        .process-steps { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 30px; }
        .step { flex: 1; text-align: center; min-width: 150px; }
        .step-number { width: 70px; height: 70px; background: #c49a6c; color: #fff; font-size: 1.8rem; font-weight: 700; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
        .step h4 { font-size: 1.2rem; margin-bottom: 10px; }
        .step-arrow { color: #ccc; font-size: 1.2rem; letter-spacing: 2px; font-weight: 300; opacity: 0.5; font-family: monospace; white-space: nowrap; }
        
        /* 动态资讯 */
        .news { background: #f8f8f8; padding: 80px 0; }
        .news-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
        .featured-news { background: #fff; border-radius: 24px; overflow: hidden; }
        .featured-img { height: 280px; }
        .featured-img img { width: 100%; height: 100%; object-fit: cover; }
        .featured-content { padding: 24px; }
        .featured-content h3 { font-size: 1.4rem; margin-bottom: 12px; }
        .news-list { display: flex; flex-direction: column; gap: 20px; }
        .news-item { display: flex; gap: 20px; background: #fff; border-radius: 16px; overflow: hidden; padding: 12px; text-decoration: none; color: inherit; transition: all 0.3s; }
        .news-item:hover { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(0,0,0,0.1); }
        .news-item-img { width: 120px; height: 100px; flex-shrink: 0; }
        .news-item-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
        .news-item-info { flex: 1; display: flex; flex-direction: column; justify-content: center; }
        .news-item-info h4 { font-size: 1rem; margin-bottom: 8px; font-weight: 600; line-height: 1.4; }
        .news-item-desc { font-size: 0.8rem; color: #666; line-height: 1.4; margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .news-item-date { font-size: 0.7rem; color: #999; }
        
        /* 报价计算器样式 */
        .calculator-lcd { background: #1a2a1c; border-radius: 16px; padding: 20px 16px; margin-bottom: 25px; text-align: center; box-shadow: inset 0 2px 5px rgba(0,0,0,0.3), 0 0 0 2px #3a4a3c; }
        .calculator-lcd .rolling-digits { font-family: 'Courier New', monospace; font-size: 2.8rem; font-weight: 700; color: #fff; letter-spacing: 4px; background: #0f1a0f; display: inline-block; padding: 8px 16px; border-radius: 12px; width: 100%; text-align: center; }
        .calculator-lcd .lcd-label { font-size: 0.75rem; color: #8a9a8c; margin-top: 8px; letter-spacing: 1px; }
        /* 业主见证轮播箭头样式 */
.testimonials .swiper-button-prev,
.testimonials .swiper-button-next {
    color: #c49a6c;
    background: rgba(255,255,255,0.8);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.testimonials .swiper-button-prev:after,
.testimonials .swiper-button-next:after {
    font-size: 18px;
}
.testimonials .swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
}
.testimonials .swiper-pagination-bullet-active {
    background: #c49a6c;
}
        /* 风格测试样式 */
        .test-question { margin-bottom: 25px; }
        .test-question p { font-weight: 600; margin-bottom: 10px; }
        .test-option { display: block; margin-bottom: 8px; cursor: pointer; }
        .test-option input { margin-right: 10px; }
        .test-result { text-align: center; margin-top: 20px; display: none; }
        .test-result p { font-size: 1.1rem; margin-bottom: 20px; }
        
        /* 响应式覆盖 */
        @media (max-width: 1024px) {
            .services-grid { grid-template-columns: repeat(2, 1fr); }
            .business-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
            .store-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
            .news-grid { grid-template-columns: 1fr; }
            .hero-form-wrapper { width: 280px; right: 3%; }
        }
        @media (max-width: 768px) {
            .hero-form-wrapper { position: relative; top: auto; right: auto; transform: none; width: 90%; margin: 0 auto; padding: 20px 0; }
            .hero-slider { height: auto; min-height: 400px; }
            .hero-slide { position: relative; height: 400px; }
            .slider-arrow { width: 32px; height: 32px; }
            .services-grid { grid-template-columns: 1fr; }
            .process-steps { flex-direction: column; }
            .step-arrow { display: none; }
            .store-img .overlay h4 { font-size: 1rem; }
            .store-info-bar p { font-size: 0.65rem; }
            .calculator-lcd .rolling-digits { font-size: 2rem; letter-spacing: 2px; }
        }
    </style>
 
</head>
<body><h1 style="font-size: 10px;"> 吉祥坊视讯登录,吉祥坊真人</h1>

<!-- 顶部合作栏 -->
<div class="top-bar">
    <div class="container">
      <span>董事长张革命致全体员工 —— <span class="highlight">谁忽视质量，就砸谁的饭碗！</span></span>
    </div>
</div>

<!-- 头部 -->
<header class="header">
    <div class="container header-inner">
        <div class="logo">
            <a href="/"><img src="https://www.chinahuapu.cn/images/2026x/logo.png" alt="华埔装饰"></a>
        </div>
        <nav class="nav">
            <div class="nav-item active"><a href="/">首页</a></div>
            <div class="nav-item">
                <a href="/html/gyhp">关于我们</a>
                <div class="dropdown-menu">
                  
                    <a href="/html/qyxw/">企业新闻</a>
                    <a href="/html/weixin/zhaopin.html">诚聘英才</a>
                </div>
            </div>

            <div class="nav-item">
                <a href="/html/sjs/">设计大咖</a>
            </div>
            <div class="nav-item">
                <a href="/html/anli/">吉祥坊视讯登录,吉祥坊真人案例</a>
                <div class="dropdown-menu">
                    <a href="/html/anli/">华埔家装案例</a>
                    <a>蓝集别墅案例</a>
                </div>
            </div>
            <div class="nav-item">
                <a href="/html/qyxw">新闻中心</a>
                <div class="dropdown-menu">
                    <a href="/html/wangongshijing">完工实拍</a>
                    <a href="/html/zhuangxiuzhishi">吉祥坊视讯登录,吉祥坊真人知识</a>
                </div>
            </div>
            <div class="nav-item">
                <a href="/html/lxwm">联系我们</a>
              
            </div>
        </nav>
        <div class="header-phone">
            <i class="fas fa-phone-alt"></i> 400-626-2112
        </div>
        <div class="mobile-menu-btn">
            <i class="fas fa-bars"></i>
        </div>
    </div>
</header>

<!-- 主视觉区域 --><section class="hero">
    <div class="hero-slider" id="heroSlider">
        <!-- 三个轮播项全部放在此处 -->
        <div class="hero-slide active" data-link="https://www.xiaohongshu.com/user/profile/60118801000000000101f374" style="background-image: url('https://www.chinahuapu.cn/images/2026x/ccg.jpg');"></div>
        <!--<div class="hero-slide" data-link="https://www.chinahuapu.cn/weixin/202126.html" style="background-image: url('https://www.chinahuapu.cn/images/2026pcbanner.jpg');"></div>-->
        <div class="hero-slide" style="background-image: url('https://omo-oss-image.thefastimg.com/portal-saas/new2023092219214106100/cms/image/55972576-09d5-4dca-9fe9-2d17df5c61fd.jpg_1920xaf.jpg');"></div>
    </div>
    <div class="progress-bar-container"><div class="progress-bar" id="progressBar"></div></div>
    <div class="hero-form-wrapper">
        <div class="hero-form">
            <h3>免费获取家装报价</h3>
            <p>已有<span id="quoteCount">802</span>位业主成功获取</p>
            <form action="/search.php" method="post" id="quoteForm">
                <input type="hidden" name="order_comefrom" value="首页报价">
                <div class="form-group"><input type="text" name="contacts" placeholder="您的称呼" required></div>
                <div class="form-group"><input type="tel" name="mobile" placeholder="您的手机号" required></div>
                <div class="form-group"><input type="text" name="order_mianji" placeholder="房屋面积(㎡)"></div>
                <button type="submit" class="btn btn-primary">立即获取报价</button>
                <div class="form-tip">* 免费电话咨询：400-626-2112</div>
            </form>
        </div>
    </div>
    <div class="slider-controls"><div class="slider-dots" id="sliderDots"></div></div>
    <div class="slider-arrow prev" id="prevSlide"><i class="fas fa-chevron-left"></i></div>
    <div class="slider-arrow next" id="nextSlide"><i class="fas fa-chevron-right"></i></div>
</section>
<!-- 四大核心服务 -->
<section class="services">
    <div class="container">
        <div class="section-title">
            <h2>官网专属服务</h2>
            <div class="title-line"></div>
            <p class="sub">选择华埔装饰 选择超放心的家装服务</p>
        </div>
        <div class="services-grid">
            <div class="service-card" id="serviceYanfang"><div class="service-icon"><i class="fas fa-home"></i></div><h3>免费上门验房</h3><p>验房师为您排除家装隐患</p></div>
            <div class="service-card" id="serviceFengge"><div class="service-icon"><i class="fas fa-palette"></i></div><h3>风格测试</h3><p>测一测哪种风格更适合</p></div>
            <div class="service-card" id="serviceFangan"><div class="service-icon"><i class="fas fa-drafting-compass"></i></div><h3>方案设计</h3><p>遇见家的样子</p></div>
            <div class="service-card"><div class="service-icon"><i class="fas fa-gift"></i></div><h3>咨询有礼</h3><p>咨询吉祥坊视讯登录,吉祥坊真人即送专属礼</p></div>
        </div>
    </div>
</section>

<!-- 华埔集团三大业务板块 -->
<section class="business">
    <div class="container">
        <div class="section-title">
            <h2>华埔集团业务板块</h2>
            <div class="title-line"></div>
            <p class="sub">专业细分，匠心筑造，满足您对空间的所有想象</p>
        </div>
        <div class="business-grid">
            <a href="https://live.easyliao.com/live/chat.do?c=50845&g=69249&config=101916"  target="_blank" class="business-card" target="_blank">
                <div class="business-img"><img src="https://www.chinahuapu.cn/images/2026x/gz.png" alt="华埔公装"><div class="overlay"><h4>华埔公装</h4><p>专业公装 · 品质保证</p></div></div>
                <div class="business-info"><h3>华埔公装</h3><p>商业空间、办公空间、酒店会所等一站式公装解决方案，专业团队打造高品质商业环境。</p><span class="business-btn">了解详情 <i class="fas fa-arrow-right"></i></span></div>
            </a>
            <a href="https://live.easyliao.com/live/chat.do?c=50845&g=69249&config=101916"  target="_blank" class="business-card" target="_blank">
                <div class="business-img"><img src="https://www.chinahuapu.cn/images/2026x/jz.jpg" alt="华埔家装"><div class="overlay"><h4>华埔家装</h4><p>匠心家装 · 环保无忧</p></div></div>
                <div class="business-info"><h3>华埔家装</h3><p>高品质住宅吉祥坊视讯登录,吉祥坊真人，从设计到施工全程无忧，环保材料，匠心工艺，打造理想居家生活。</p><span class="business-btn">了解详情 <i class="fas fa-arrow-right"></i></span></div>
            </a>
            <a href="https://live.easyliao.com/live/chat.do?c=50845&g=69249&config=101916"  target="_blank" class="business-card" target="_blank">
                <div class="business-img"><img src="https://www.chinahuapu.cn/images/2026x/bs.png" alt="别墅设计"><div class="overlay"><h4>别墅设计</h4><p>高端别墅 · 私人定制</p></div></div>
                <div class="business-info"><h3>蓝集别墅全案设计</h3><p>华埔集团旗下专注别墅大宅全案设计，个性化定制，融合自然与艺术，彰显非凡品位与生活格调。</p><span class="business-btn">了解详情 <i class="fas fa-arrow-right"></i></span></div>
            </a>
        </div>
    </div>
</section>

<!-- 线下旗舰店 -->
<section class="stores">
    <div class="container">
        <div class="section-title">
            <h2>线下旗舰店 · 总有一家在您身边</h2>
            <div class="title-line"></div>
            <p class="sub">全城店面为您提供整体家装咨询服务，不管您在哪里 华埔装饰都不会离您太远！</p>
        </div>
        <div class="store-grid">
            <div class="store-card">
                <div class="store-img"><img src="https://www.chinahuapu.cn/images/2026x/dz1.jpg" alt="华埔装饰花园店"><div class="overlay"><h4>华埔家装 . 花园店</h4></div><div class="store-info-bar"><p><i class="fas fa-map-marker-alt"></i> 花园路广电南路向南100米路东</p><p><i class="fas fa-bus"></i> 交通：北三环地铁A出口</p></div></div>
                <div class="store-info"><div class="store-tel"><i class="fas fa-phone"></i> 400-626-2112</div><a href="https://live.easyliao.com/live/chat.do?c=50845&g=69249&config=101916"  target="_blank" class="btn btn-outline store-btn">预约到店 免费规划</a></div>
            </div>
            <div class="store-card">
                <div class="store-img"><img src="https://www.chinahuapu.cn/images/2026x/dz2.jpg" alt="华埔装饰东区旗舰店"><div class="overlay"><h4>华埔家装 . 东区旗舰店</h4></div><div class="store-info-bar"><p><i class="fas fa-map-marker-alt"></i> 白庄街与商都路交叉口东南侧满圆红4楼</p><p><i class="fas fa-bus"></i> 交通：商都路白庄街公交站</p></div></div>
                <div class="store-info"><div class="store-tel"><i class="fas fa-phone"></i> 400-626-2112</div><a href="https://live.easyliao.com/live/chat.do?c=50845&g=69249&config=101916"  target="_blank" class="btn btn-outline store-btn">预约到店 免费规划</a></div>
            </div>
            <div class="store-card">
                <div class="store-img"><img src="https://www.chinahuapu.cn/images/2026x/dz3.jpg" alt="华埔装饰嵩山路旗舰店"><div class="overlay"><h4>华埔家装 . 嵩山路旗舰店</h4></div><div class="store-info-bar"><p><i class="fas fa-map-marker-alt"></i> 航海路与嵩山路交叉华埔家居生活馆</p><p><i class="fas fa-bus"></i> 交通：航海路嵩山路站公交站</p></div></div>
                <div class="store-info"><div class="store-tel"><i class="fas fa-phone"></i> 400-626-2112</div><a href="https://live.easyliao.com/live/chat.do?c=50845&g=69249&config=101916"  target="_blank" class="btn btn-outline store-btn">预约到店 免费规划</a></div>
            </div>
            <div class="store-card">
                <div class="store-img"><img src="https://www.chinahuapu.cn/images/2026x/dz4.jpg" alt="蓝集装饰"><div class="overlay"><h4>蓝集装饰</h4></div><div class="store-info-bar"><p><i class="fas fa-map-marker-alt"></i> 郑东新区.金水东路109号美侨广场</p><p><i class="fas fa-bus"></i> 交通：地铁1号线农业南路站</p></div></div>
                <div class="store-info"><div class="store-tel"><i class="fas fa-phone"></i> 400-626-2112</div><a href="https://live.easyliao.com/live/chat.do?c=50845&g=69249&config=101916"  target="_blank" class="btn btn-outline store-btn">预约到店 免费规划</a></div>
            </div>
        </div>
    </div>
</section>

<!-- 业主见证 -->
<section class="testimonials">
    <div class="container">
        <div class="section-title">
            <h2>完工采访业主有话说</h2>
            <div class="title-line"></div>
            <p class="sub">好口碑、真实评价、听听如何评价华埔！</p>
        </div>
        <div class="swiper testimonial-swiper" id="testimonialSwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><div class="testimonial-card"><div class="testimonial-img"><img src="https://www.chinahuapu.cn/images/2026x/hhsnc.jpg" alt="业主合影"><div class="overlay"></div></div><div class="testimonial-content">"设计师非常专业，施工过程透明，最终效果超出了我们的预期！"</div><span class="testimonial-name">刘先生 · 瀚海思念城</span></div></div>
                <div class="swiper-slide"><div class="testimonial-card"><div class="testimonial-img"><img src="https://www.chinahuapu.cn/images/2026x/ccxh.jpg" alt="业主合影"><div class="overlay"></div></div><div class="testimonial-content">"华埔的服务从开始到结束都很贴心，环保材料让我们很放心。"</div><span class="testimonial-name">张先生 · 璀璨熙湖</span></div></div>
                <div class="swiper-slide"><div class="testimonial-card"><div class="testimonial-img"><img src="https://www.chinahuapu.cn/images/2026x/sjsl.jpg" alt="业主合影"><div class="overlay"></div></div><div class="testimonial-content">"工期准时，施工质量过硬，选择华埔非常明智！"</div><span class="testimonial-name">李女士 · 水晶森林</span></div></div>
                <div class="swiper-slide"><div class="testimonial-card"><div class="testimonial-img"><img src="https://www.chinahuapu.cn/images/2026x/lddla.jpg" alt="业主合影"><div class="overlay"></div></div><div class="testimonial-content">"全程服务非常省心，华埔团队值得信赖！"</div><span class="testimonial-name">王先生 · 绿都东澜岸</span></div></div>
                <div class="swiper-slide"><div class="testimonial-card"><div class="testimonial-img"><img src="https://www.chinahuapu.cn/images/2026x/blwhgc.jpg" alt="业主合影"><div class="overlay"></div></div><div class="testimonial-content">"设计新颖，施工规范，非常满意！"</div><span class="testimonial-name">张女士 · 保利文化广场</span></div></div>
                <div class="swiper-slide"><div class="testimonial-card"><div class="testimonial-img"><img src="https://www.chinahuapu.cn/images/2026x/jywh.jpg" alt="业主合影"><div class="overlay"></div></div><div class="testimonial-content">"华埔的环保材料让我们住得安心，感谢！"</div><span class="testimonial-name">王女士 · 越秀金悦文华</span></div></div>
            </div>
            <div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination"></div>
        </div>
    </div>
</section>

<!-- 吉祥坊视讯登录,吉祥坊真人流程 -->
<section class="process">
    <div class="container">
        <div class="section-title">
            <h2>华埔一站式家装服务流程</h2>
            <div class="title-line"></div>
            <p class="sub">15年匠心，为您打造无忧家装体验</p>
        </div>
        <div class="process-steps">
            <div class="step"><div class="step-number">1</div><h4>免费咨询</h4><p>沟通需求，预约量房</p></div>
            <div class="step-arrow">???</div>
            <div class="step"><div class="step-number">2</div><h4>设计规划</h4><p>平面方案，效果图确认</p></div>
            <div class="step-arrow">???</div>
            <div class="step"><div class="step-number">3</div><h4>签约施工</h4><p>签订合同，进场施工</p></div>
            <div class="step-arrow">???</div>
            <div class="step"><div class="step-number">4</div><h4>验收交付</h4><p>分段验收，安心入住</p></div>
        </div>
    </div>
</section>

<!-- 动态资讯 -->
<section class="news">
    <div class="container">
        <div class="section-title">
            <h2>华埔集团动态 不错过任何热点</h2>
            <div class="title-line"></div>
            <p class="sub">关于吉祥坊视讯登录,吉祥坊真人知识，环保材料，施工工艺，华埔动态！您的“十万个为什么”这里都有答案！</p>
        </div>
        <div class="news-grid">
            <div class="featured-news">
                <div class="featured-img"><img src="https://www.chinahuapu.cn/images/2026x/syxw.jpg" alt="都市报道采访"></div>
                <div class="featured-content">
                    <h3>豫商好榜样丨华埔装饰集团：一切为了消费者满意！</h3>
                    <p>买房难，吉祥坊视讯登录,吉祥坊真人更难，扛过了买房的苦却在吉祥坊视讯登录,吉祥坊真人踩了坑，成了多少人的心酸史。而他却改变了这一切“让设计完美照进现实”，农村出身的他深知老百姓买房的不易，所以给大家装好房子，让消费者安心、省心、放心，成了他的使命。</p>
                    <a href="https://mp.weixin.qq.com/s/My8HvBlfyOitWqRW2kp69Q" rel="nofollow" target="_blank" class="btn btn-outline" style="margin-top: 16px;">阅读全文</a>
                </div>
            </div>
            <div class="news-list">

   <a href="https://mp.weixin.qq.com/s/bhY0I9344qabGopNznNtPA" class="news-item" target="_blank">
                    <div class="news-item-img"><img src="https://www.chinahuapu.cn/images/2026x/jjshgxw.png" alt="华埔装饰家居生活馆今日启幕"></div>
                    <div class="news-item-info">
                        <h4>华埔装饰家居生活馆今日启幕，中原家装新地标上线！</h4>
                        <div class="news-item-desc">华埔装饰家居生活馆在万众期待中盛大开业。这是华埔装饰迈向未来家居梦想的重要一步，更是献给所有追求品质生活的消费者的一份厚礼。在开业现场，相关领导以及战略合作品牌商还有省内各权威媒体记者近400多人共同见证了这一重要时刻。</div>
                        <div class="news-item-date">都市爱家栏目</div>
                    </div>
                </a>




      
                <a href="https://mp.weixin.qq.com/s/J_7TrGElyu6g2sTG3poAvg" class="news-item" target="_blank">
                    <div class="news-item-img"><img src="https://www.chinahuapu.cn/images/2026x/xwhj.jpg" alt="华埔装饰集团携百万质保金签约品牌代言人"></div>
                    <div class="news-item-info">
                        <h4>华埔装饰集团携百万质保金签约品牌代言人</h4>
                        <div class="news-item-desc">发布会邀请到了新华网、中新社、人民日报、经济导报、大公网、凤凰网、腾讯新闻、网易新闻、搜狐网、河南广播电视台、大象新闻客户端、河南市场监管报、经济新闻周刊、今日头条、澎湃新闻、河南商报、每日新闻等省内外的十多家媒体嘉宾，共同见证</div>
                        <div class="news-item-date">河南广播电视台</div>
                    </div>
                </a>
                       <a href="https://mp.weixin.qq.com/s/n6dVXKj3TxK0B7TwEs7iXQ" class="news-item" target="_blank">
                    <div class="news-item-img"><img src="https://www.chinahuapu.cn/images/2026x/bxgj.png" alt="百万质保"></div>
                    <div class="news-item-info">
                        <h4>明星调解员携手华埔装饰--你向劣质吉祥坊视讯登录,吉祥坊真人挥锤，我先行进行赔付！</h4>
                        <div class="news-item-desc">“只要发现劣质产品，放心砸，欢迎砸！砸了我还先赔钱！”华埔装饰集团董事长张革命说。随着华埔装饰集团董事长张革命向公共频道明星调解员何玲、褚劲松授锤，宣告此次“媒企联手”正式向劣质吉祥坊视讯登录,吉祥坊真人宣战</div>
                        <div class="news-item-date">河南公共频道</div>
                    </div>
                </a>



 <a href="https://www.toutiao.com/article/6686099701642560013/?wid=1775899890687" class="news-item" target="_blank">
                    <div class="news-item-img"><img src="https://www.chinahuapu.cn/images/2026x/hpxwmjx.png" alt="这家装饰公司有啥秘密？欧洲的“神秘客人”深感兴趣"></div>
                    <div class="news-item-info">
                        <h4>这家装饰公司有啥秘密？欧洲的“神秘客人”深感兴趣</h4>
                        <div class="news-item-desc">若干代以前，可能我就是个中国人，我从内心里对中国文化有着很深的熟悉感和亲切感</div>
                        <div class="news-item-date">河南交通广播</div>
                    </div>
                </a>









            </div>
        </div>
    </div>
</section>
<!-- 底部 -->
<footer class="footer">
    <div class="container">
        <div class="footer-grid">
            <div class="footer-col"><h4>吉祥坊视讯登录,吉祥坊真人产品</h4><ul><li><a >新房吉祥坊视讯登录,吉祥坊真人</a></li><li><a>老房改造</a></li><li><a >别墅大宅</a></li><li><a >公装吉祥坊视讯登录,吉祥坊真人</a></li></ul></div>
            <div class="footer-col"><h4>了解华埔</h4><ul><li><a href="/html/gyhp/">企业简介</a></li><li><a href="/html/weixin/zhaopin.html">诚聘英才</a></li><li><a href="/html/lxwm/">联系我们</a></li></ul></div>
            <div class="footer-col"><h4>吉祥坊视讯登录,吉祥坊真人攻略</h4><ul><li><a href="/html/zhuangxiuzhishi/">吉祥坊视讯登录,吉祥坊真人知识</a></li><li><a href="/html/wangongshijing/">完工实景</a></li></ul></div>
            <div class="footer-col footer-contact"><h4>全国统一服务热线</h4><div class="tel">400-626-2112</div><p>售后热线：0371-86163535</p></div>
            <div class="footer-col"><h4>关注我们</h4><img src="https://www.chinahuapu.cn/images/pc2022/gzh.jpg" width="100" alt="华埔装饰公众号"><p style="margin-top: 10px;">扫码领福利</p></div>
        </div>
        <div class="footer-bottom">
            <p>Copyright ? 2026 华埔装饰 版权所有 | <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">豫ICP备16014376号-1</a> | <a href="https://beian.mps.gov.cn" target="_blank" rel="nofollow">豫公网安备41010502007213号</a></p>
        </div>
        <div class="footer-links">
            <span>友情链接：</span>
                 <a href="https://www.chinahuapu.cn/" target="_blank">郑州装饰公司</a><span>|</span>
                 <a href="https://www.chinahuapu.cn/" target="_blank">郑州家装公司</a><span>|</span>
            <a href="http://www.lechorn.com" target="_blank">软膜天花</a><span>|</span>
            <a href="http://www.senyuanfa.com" target="_blank">防腐木价格</a><span>|</span>
                        <a href="https://www.chinahuapu.cn/" target="_blank">郑州吉祥坊视讯登录,吉祥坊真人公司排名</a><span>|</span>
            <a href="http://m.lingqisj.com" target="_blank">上海办公室吉祥坊视讯登录,吉祥坊真人</a><span>|</span>
               <a href="https://www.chinahuapu.cn/" target="_blank">郑州吉祥坊视讯登录,吉祥坊真人公司排行榜</a><span>|</span>
<a href="https://liansi.com/" target=_blank"">家具订单管理系统</a>
        </div>
    </div>
</footer>

<div class="fixed-sidebar">
    <a href="https://live.easyliao.com/live/chat.do?c=50845&g=69249&config=101916" target="_blank" rel="nofollow" class="sidebar-item"><i class="fas fa-comment"></i><span>在线客服</span></a>
    <div id="quoteCalculatorBtn" class="sidebar-item"><i class="fas fa-calculator"></i><span>报价速算</span></div>
    <a href="#" id="goTop" class="sidebar-item"><i class="fas fa-arrow-up"></i><span>顶部</span></a>
</div>

<!-- ==================== 弹框 Modal 区域 ==================== -->

<!-- 免费上门验房弹框 -->
<div id="modalYanfang" class="modal">
    <div class="modal-content">
        <span class="close-modal">&times;</span>
        <h3>免费上门验房</h3>
        <form action="/search.php" method="post">
            <input type="hidden" name="order_comefrom" value="免费验房弹框">
            <input type="hidden" name="content" value="免费上门验房">
            <div class="form-group"><input type="text" name="contacts" placeholder="您的姓名" required></div>
            <div class="form-group"><input type="tel" name="mobile" placeholder="您的手机号" required></div>
            <div class="form-group"><input type="text" name="order_xiaoqu_name" placeholder="小区名称"></div>
            <button type="submit">立即预约验房</button>
        </form>
    </div>
</div>

<!-- 方案设计弹框 -->
<div id="modalFangan" class="modal">
    <div class="modal-content">
        <span class="close-modal">&times;</span>
        <h3>预约方案设计</h3>
        <form action="/search.php" method="post">
            <input type="hidden" name="order_comefrom" value="方案设计弹框">
            <input type="hidden" name="content" value="预约方案设计">
            <div class="form-group"><input type="text" name="contacts" placeholder="您的姓名" required></div>
            <div class="form-group"><input type="tel" name="mobile" placeholder="您的手机号" required></div>
            <div class="form-group"><input type="text" name="order_mianji" placeholder="房屋面积(㎡)"></div>
            <button type="submit">立即预约设计师</button>
        </form>
    </div>
</div>

<!-- 风格测试弹框 -->
<div id="modalFengge" class="modal">
    <div class="modal-content" style="max-width: 550px;">
        <span class="close-modal">&times;</span>
        <h3>风格小测试</h3>
        <div id="testStep1">
            <div class="test-question"><p>1. 您更喜欢哪种颜色基调？</p><label class="test-option"><input type="radio" name="q1" value="现代"> 简约中性（黑/白/灰）</label><label class="test-option"><input type="radio" name="q1" value="轻奢"> 温暖柔和（米/咖/金）</label><label class="test-option"><input type="radio" name="q1" value="新中式"> 古典雅致（木/红/棕）</label><label class="test-option"><input type="radio" name="q1" value="美式"> 自然舒适（绿/蓝/亚麻）</label></div>
            <div class="test-question"><p>2. 您最看重空间的什么感觉？</p><label class="test-option"><input type="radio" name="q2" value="现代"> 简洁实用，线条利落</label><label class="test-option"><input type="radio" name="q2" value="轻奢"> 精致优雅，有细节感</label><label class="test-option"><input type="radio" name="q2" value="新中式"> 文化底蕴，宁静致远</label><label class="test-option"><input type="radio" name="q2" value="美式"> 休闲放松，温馨舒适</label></div>
            <div class="test-question"><p>3. 您喜欢哪种材质？</p><label class="test-option"><input type="radio" name="q3" value="现代"> 玻璃/金属/石材</label><label class="test-option"><input type="radio" name="q3" value="轻奢"> 丝绒/皮革/黄铜</label><label class="test-option"><input type="radio" name="q3" value="新中式"> 实木/竹编/棉麻</label><label class="test-option"><input type="radio" name="q3" value="美式"> 布艺/仿古砖/原木</label></div>
            <button id="submitTest" class="btn btn-primary" style="width:100%;">查看结果</button>
        </div>
        <div id="testResult" style="display:none; text-align:center;">
            <p>根据您的选择，我们推荐您 <strong id="recommendStyle" style="color:#c49a6c;"></strong> 风格！</p>
            <p>免费领取专属平面方案，请填写信息：</p>
            <form action="/search.php" method="post">
                <input type="hidden" name="order_comefrom" value="风格测试结果">
                <input type="hidden" name="content" id="styleResultContent" value="">
                <div class="form-group"><input type="text" name="contacts" placeholder="您的姓名" required></div>
                <div class="form-group"><input type="tel" name="mobile" placeholder="您的手机号" required></div>
                <div class="form-group"><input type="text" name="order_mianji" placeholder="房屋面积(㎡)"></div>
                <button type="submit">免费领取平面方案</button>
            </form>
        </div>
    </div>
</div>

<!-- 报价速算弹框（伪装计算器，长方形液晶屏幕 + 6位不断跳动数字） -->
<div id="modalCalculator" class="modal">
    <div class="modal-content" style="max-width: 500px;">
        <span class="close-modal">&times;</span>
        <h3>吉祥坊视讯登录,吉祥坊真人报价计算器</h3>
        <div class="calculator-lcd">
            <div class="rolling-digits" id="rollingDigits">382947</div>
            <div class="lcd-label">输入面积计算吉祥坊视讯登录,吉祥坊真人报价...</div>
        </div>
        <form action="/search.php" method="post" id="calculatorForm">
            <input type="hidden" name="order_comefrom" value="报价速算弹框">
            <input type="hidden" name="content" value="计算器报价">
            <div class="form-group"><input type="number" name="order_mianji" id="calcArea" placeholder="请输入房屋面积（㎡）" required></div>
            <div class="form-group"><input type="tel" name="mobile" placeholder="您的手机号" required></div>
            <button type="submit" id="calcSubmit">计算报价</button>
        </form>
        <p style="font-size:0.7rem; color:#999; text-align:center; margin-top:12px;">提交后我们将有专属顾问联系您</p>
    </div>
</div>

<script>
    // ==================== 顶部Banner轮播 ====================
    (function() {
        const slider = document.getElementById('heroSlider');
        const slides = document.querySelectorAll('.hero-slide');
        const dotsContainer = document.getElementById('sliderDots');
        const prevBtn = document.getElementById('prevSlide');
        const nextBtn = document.getElementById('nextSlide');
        const progressBar = document.getElementById('progressBar');
        let currentIndex = 0;
        let intervalId = null;
        let isDragging = false;
        let startX = 0, startY = 0;
        let hasMoved = false;
        const dragThreshold = 10;
        const autoPlayDelay = 5000;

        function updateSlides(index) {
            slides.forEach((slide, i) => slide.classList.toggle('active', i === index));
            const dots = document.querySelectorAll('.dot');
            dots.forEach((dot, i) => dot.classList.toggle('active', i === index));
        }
        function startProgressAnimation() {
            if (progressBar) {
                progressBar.style.width = '0%';
                progressBar.style.transition = 'none';
                progressBar.offsetHeight;
                progressBar.style.transition = `width ${autoPlayDelay}ms linear`;
                progressBar.style.width = '100%';
            }
        }
        function resetProgress() { if (progressBar) { progressBar.style.transition = 'none'; progressBar.style.width = '0%'; } }
        function goToSlide(index) {
            if (index < 0) index = slides.length - 1;
            if (index >= slides.length) index = 0;
            if (currentIndex === index) return;
            currentIndex = index;
            updateSlides(currentIndex);
            resetProgress();
            if (intervalId) startProgressAnimation();
            resetAutoPlay();
        }
        function nextSlide() { goToSlide(currentIndex + 1); }
        function prevSlide() { goToSlide(currentIndex - 1); }
        function resetAutoPlay() {
            if (intervalId) clearInterval(intervalId);
            if (slides.length > 1 && !isDragging) {
                resetProgress();
                startProgressAnimation();
                intervalId = setInterval(() => nextSlide(), autoPlayDelay);
            }
        }
        function pauseAutoPlay() {
            if (intervalId) { clearInterval(intervalId); intervalId = null; }
            if (progressBar) { const w = window.getComputedStyle(progressBar).width; progressBar.style.transition = 'none'; progressBar.style.width = w; }
        }
        function resumeAutoPlay() {
            if (slides.length > 1 && !isDragging) {
                if (intervalId) clearInterval(intervalId);
                let remainingPercent = 0;
                if (progressBar) {
                    const w = progressBar.style.width;
                    if (w && w !== '0%') { const p = parseFloat(w); if (!isNaN(p)) remainingPercent = 100 - p; }
                }
                const remainingTime = (remainingPercent / 100) * autoPlayDelay;
                if (remainingTime > 0 && remainingTime < autoPlayDelay) {
                    if (progressBar) { progressBar.style.transition = `width ${remainingTime}ms linear`; progressBar.style.width = '100%'; }
                    intervalId = setTimeout(() => nextSlide(), remainingTime);
                } else { resetProgress(); startProgressAnimation(); intervalId = setInterval(() => nextSlide(), autoPlayDelay); }
            }
        }
        function onMouseDown(e) {
            if (slides.length <= 1) return;
            isDragging = true; hasMoved = false;
            startX = e.type === 'mousedown' ? e.clientX : e.touches[0].clientX;
            startY = e.type === 'mousedown' ? e.clientY : e.touches[0].clientY;
            slider.style.cursor = 'grabbing';
            pauseAutoPlay();
            e.preventDefault();
        }
        function onMouseMove(e) {
            if (!isDragging) return;
            const moveX = e.type === 'mousemove' ? e.clientX : e.touches[0].clientX;
            const moveY = e.type === 'mousemove' ? e.clientY : e.touches[0].clientY;
            const diffX = Math.abs(moveX - startX);
            const diffY = Math.abs(moveY - startY);
            if (diffX > dragThreshold || diffY > dragThreshold) {
                hasMoved = true;
                if (diffX > diffY && diffX > dragThreshold) {
                    if (moveX - startX > 0) prevSlide(); else nextSlide();
                    isDragging = false;
                    slider.style.cursor = 'grab';
                    resumeAutoPlay();
                }
            }
        }
        function onMouseUp(e) {
            if (!isDragging) return;
            isDragging = false;
            slider.style.cursor = 'grab';
            if (!hasMoved) {
                const activeSlide = slides[currentIndex];
                const link = activeSlide.getAttribute('data-link');
                if (link && link !== '#') window.open(link, '_blank');
            }
            resumeAutoPlay();
        }
        function onMouseEnter() { if (slides.length > 1) pauseAutoPlay(); }
        function onMouseLeave() { if (slides.length > 1 && !isDragging) resumeAutoPlay(); }
        slider.addEventListener('mousedown', onMouseDown);
        slider.addEventListener('mousemove', onMouseMove);
        slider.addEventListener('mouseup', onMouseUp);
        slider.addEventListener('touchstart', onMouseDown);
        slider.addEventListener('touchmove', onMouseMove);
        slider.addEventListener('touchend', onMouseUp);
        slider.addEventListener('mouseenter', onMouseEnter);
        slider.addEventListener('mouseleave', onMouseLeave);
        if (dotsContainer) {
            slides.forEach((_, i) => {
                const dot = document.createElement('div');
                dot.classList.add('dot');
                if (i === currentIndex) dot.classList.add('active');
                dot.addEventListener('click', () => { pauseAutoPlay(); goToSlide(i); resumeAutoPlay(); });
                dotsContainer.appendChild(dot);
            });
        }
        prevBtn.addEventListener('click', () => { pauseAutoPlay(); prevSlide(); resumeAutoPlay(); });
        nextBtn.addEventListener('click', () => { pauseAutoPlay(); nextSlide(); resumeAutoPlay(); });
        resetAutoPlay();
    })();

    // 业主见证多列轮播
    new Swiper('#testimonialSwiper', {
        slidesPerView: 1, spaceBetween: 20, loop: true, autoplay: { delay: 4000, disableOnInteraction: false }, speed: 800,
        navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },
        pagination: { el: '.swiper-pagination', clickable: true },
        breakpoints: { 768: { slidesPerView: 2 }, 1024: { slidesPerView: 3 } }
    });

    // ==================== 弹框控制 ====================
    const modals = {
        yanfang: document.getElementById('modalYanfang'),
        fangan: document.getElementById('modalFangan'),
        fengge: document.getElementById('modalFengge'),
        calculator: document.getElementById('modalCalculator')
    };
    function openModal(modal) { if(modal) modal.style.display = 'flex'; }
    function closeModal(modal) { if(modal) modal.style.display = 'none'; }
    document.querySelectorAll('.close-modal').forEach(btn => {
        btn.addEventListener('click', function() {
            this.closest('.modal').style.display = 'none';
        });
    });
    window.addEventListener('click', (e) => {
        if(e.target.classList.contains('modal')) e.target.style.display = 'none';
    });

    // 服务卡片点击
    document.getElementById('serviceYanfang').addEventListener('click', () => openModal(modals.yanfang));
    document.getElementById('serviceFangan').addEventListener('click', () => openModal(modals.fangan));
    document.getElementById('serviceFengge').addEventListener('click', () => openModal(modals.fengge));

    // 风格测试逻辑
    const submitTestBtn = document.getElementById('submitTest');
    const testStep1 = document.getElementById('testStep1');
    const testResultDiv = document.getElementById('testResult');
    const recommendStyleSpan = document.getElementById('recommendStyle');
    const styleResultContent = document.getElementById('styleResultContent');
    submitTestBtn.addEventListener('click', () => {
        const q1 = document.querySelector('input[name="q1"]:checked');
        const q2 = document.querySelector('input[name="q2"]:checked');
        const q3 = document.querySelector('input[name="q3"]:checked');
        if(!q1 || !q2 || !q3) { alert('请完整回答所有问题'); return; }
        const votes = { '现代':0, '轻奢':0, '新中式':0, '美式':0 };
        votes[q1.value]++; votes[q2.value]++; votes[q3.value]++;
        let maxStyle = Object.keys(votes).reduce((a,b) => votes[a] > votes[b] ? a : b);
        let styleName = '';
        if(maxStyle === '现代') styleName = '现代简约';
        else if(maxStyle === '轻奢') styleName = '轻奢';
        else if(maxStyle === '新中式') styleName = '新中式';
        else styleName = '美式';
        recommendStyleSpan.innerText = styleName;
        styleResultContent.value = '风格测试结果：' + styleName;
        testStep1.style.display = 'none';
        testResultDiv.style.display = 'block';
    });

    // ==================== 报价速算：6位数字不断跳动 ====================
    let rollingInterval = null;
    const rollingDigitsEl = document.getElementById('rollingDigits');
    
    function randomSixDigit() {
        return Math.floor(100000 + Math.random() * 900000).toString();
    }
    
    function startRolling() {
        if (rollingInterval) clearInterval(rollingInterval);
        rollingInterval = setInterval(() => {
            rollingDigitsEl.innerText = randomSixDigit();
        }, 200);
    }
    
    function stopRolling() {
        if (rollingInterval) {
            clearInterval(rollingInterval);
            rollingInterval = null;
        }
    }
    
    const calculatorModal = modals.calculator;
    const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
                if (calculatorModal.style.display === 'flex') {
                    startRolling();
                } else {
                    stopRolling();
                }
            }
        });
    });
    observer.observe(calculatorModal, { attributes: true });
    
    const calculatorBtn = document.getElementById('quoteCalculatorBtn');
    calculatorBtn.addEventListener('click', () => {
        openModal(calculatorModal);
    });
    
    const calcForm = document.getElementById('calculatorForm');
    if(calcForm) {
        calcForm.addEventListener('submit', function(e) {
            const area = document.getElementById('calcArea').value;
            if(!area) { alert('请输入房屋面积'); e.preventDefault(); return false; }
        });
    }
    
    document.getElementById('goTop').addEventListener('click', (e) => { e.preventDefault(); window.scrollTo({ top: 0, behavior: 'smooth' }); });

    document.querySelectorAll('form').forEach(form => {
        form.addEventListener('submit', function(e) {
            const name = this.querySelector('input[name="contacts"]');
            const mobile = this.querySelector('input[name="mobile"]');
            if (name && !name.value.trim()) { alert('请输入您的姓名'); e.preventDefault(); return false; }
            if (mobile && !mobile.value.trim()) { alert('请输入手机号'); e.preventDefault(); return false; }
        });
    });
</script>

<script type="text/javascript" charset="UTF-8" src="https://scripts.easyliao.com/50845/101916.js"></script>

<script charset="UTF-8" id="LA_COLLECT" src="https://sdk.52.laaaa/js-sdk-pro.min.js"></script>
<script>LA.init({id:"L8D61yQ0mWz6dp1f",ck:"L8D61yQ0mWz6dp1f"})</script>
</body>
</html>