*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Helvetica,Arial,sans-serif;
  background:#fff;color:#1a1a1a;line-height:1.7;font-size:16px;
  -webkit-font-smoothing:antialiased
}
img{max-width:100%;display:block}

.container{
  max-width:480px;margin:0 auto;padding:0 20px
}
@media(min-width:768px){
  .container{max-width:960px;padding:0 32px}
}

/* section 统一间距 */
.section{padding:48px 0}
.section+.section{border-top:1px solid #f0f0f0}

.section-title{
  text-align:center;font-size:20px;font-weight:700;color:#1a1a1a;
  margin-bottom:6px
}
.section-sub{
  text-align:center;color:#666;
  margin-bottom:28px
}

/* ===== HERO ===== */
.hero{
  padding:60px 0 48px;text-align:center;
  background:linear-gradient(135deg,#ffd500 0%,#ffe44d 100%);
  min-height:220px;display:flex;align-items:center;justify-content:center
}
.hero-content{padding:0 20px}
.hero-content h1{font-size:26px;font-weight:800;color:#1a1a1a;margin-bottom:6px;letter-spacing:1px}
.hero-content .tagline{font-size:16px;color:#4a4a4a;margin-bottom:12px}
.hero-content .addr{color:#666}
.hero-content .addr span{display:inline-block;background:rgba(255,255,255,0.5);padding:4px 12px;border-radius:4px}

/* ===== 服务卡片 ===== */
.service-list{display:flex;flex-direction:column;gap:12px}
.service-item{
  display:flex;align-items:center;gap:16px;
  padding:18px 20px;background:#fff9e6;border-radius:4px;
  cursor:pointer;transition:background .15s
}
.service-item:nth-child(2){background:#e8f4ff}
.service-item:nth-child(3){background:#f0f7f0}
.service-item:active{opacity:.8}
.service-item .icon{
  width:48px;height:48px;border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;flex-shrink:0
}
.service-item .info h3{font-size:16px;font-weight:600;margin-bottom:3px}
.service-item .info p{font-size:14px;color:#666}

@media(min-width:768px){
  .service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .service-item{flex-direction:column;text-align:center;padding:32px 24px}
  .service-item .icon{width:64px;height:64px;font-size:32px}
}

/* ===== 品类网格 ===== */
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.category-item{
  text-align:center;padding:28px 12px;border-radius:6px;
  font-size:17px;font-weight:600;cursor:pointer;color:#fff
}
.category-item:nth-child(1){background:#ff6b6b}
.category-item:nth-child(2){background:#4ecdc4}
.category-item:nth-child(3){background:#45b7d1}
.category-item:nth-child(4){background:#6c5ce7}
.category-item:nth-child(5){background:#fdcb6e;color:#1a1a1a}
.category-item:nth-child(6){background:#e17055}
.category-item:nth-child(7){background:#00b894}
.category-item:nth-child(8){background:#636e72}
.category-item .e{display:block;font-size:34px;margin-bottom:8px}
.category-item:active{opacity:.8}

@media(min-width:768px){.category-grid{grid-template-columns:repeat(4,1fr);gap:16px}}

/* ===== 流程步骤 ===== */
.steps{display:flex;flex-direction:column;gap:12px}
.step{
  display:flex;align-items:flex-start;gap:16px;
  padding:16px 20px;background:#f8f9ff;border-radius:4px
}
.step:nth-child(odd){background:#f0f8ff}
.step .num{
  width:28px;height:28px;border-radius:50%;background:#ffd500;color:#1a1a1a;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;flex-shrink:0;margin-top:1px
}
.step .info h4{font-size:16px;font-weight:600;margin-bottom:2px}
.step .info p{font-size:14px;color:#666}

@media(min-width:768px){
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .step{flex-direction:column;text-align:center}
  .step .num{margin:0 auto 8px}
}

/* ===== 合作方式 ===== */
.pricing-list{display:flex;flex-direction:column;gap:12px}
.pricing-item{padding:18px 20px;background:#fff8ec;border-radius:4px}
.pricing-item:last-child{background:#f0f5ff}
.pricing-item .hd{font-size:16px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.pricing-item .hd .badge{font-size:12px;padding:2px 8px;border-radius:3px;background:#fff3d4;color:#c46b0a;font-weight:500}
.pricing-item .bd{font-size:14px;color:#666;line-height:1.7}

@media(min-width:768px){.pricing-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}}

/* ===== 优势 ===== */
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.trust-item{
  text-align:center;padding:20px 12px;border-radius:4px;
  font-size:15px;font-weight:500;color:#fff
}
.trust-item:nth-child(1){background:#ffd500;color:#1a1a1a}
.trust-item:nth-child(2){background:#2d6bf5}
.trust-item:nth-child(3){background:#00b894}
.trust-item:nth-child(4){background:#f53f3f}
.trust-item .ic{display:block;font-size:26px;margin-bottom:6px}

/* ===== 门店实拍 ===== */
.photo-list{display:flex;flex-direction:column;gap:14px}
.photo-item{
  border-radius:6px;overflow:hidden;background:#f8f8f8
}
.photo-item img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;background:#eee}
.photo-item .lab{padding:10px 14px;color:#888;text-align:center}

@media(min-width:768px){.photo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}

/* ===== 二维码 ===== */
.qr-box{
  display:flex;align-items:center;gap:16px;
  padding:18px 20px;background:#fff9e6;border-radius:4px
}
.qr-box img{width:80px;height:80px;flex-shrink:0;border-radius:4px}
.qr-box .info{flex:1}
.qr-box .info h3{font-size:16px;font-weight:600;margin-bottom:4px}
.qr-box .info p{font-size:14px;color:#666;line-height:1.6}

/* ===== 预约表单 ===== */
.form-box{background:#f8faff;border-radius:4px;padding:28px 20px}
.form-box h2{font-size:20px;font-weight:700;text-align:center;margin-bottom:4px}
.form-box .desc{color:#666;text-align:center;margin-bottom:24px}
.form-group{margin-bottom:14px}
.form-group label{display:block;font-weight:500;margin-bottom:5px}
.form-group label .rq{color:#e54545}
.form-group input,.form-group select,.form-group textarea{
  width:100%;padding:11px 14px;border:1px solid #ddd;border-radius:4px;
  font-size:16px;font-family:inherit;color:#1a1a1a;background:#fff;
  transition:border-color .2s
}
.radio-group{display:flex;flex-wrap:wrap;gap:10px}
.radio-item{display:flex;align-items:center;gap:4px;font-size:15px;cursor:pointer;padding:8px 14px;background:#fff;border:1px solid #ddd;border-radius:4px;transition:border-color .2s}
.radio-item input[type="radio"]{accent-color:#ffd500;width:16px;height:16px}
.radio-item:has(input:checked){border-color:#ffd500;background:#fffbe6}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  outline:none;border-color:#1a1a1a
}
.form-group textarea{resize:vertical;min-height:100px}
.btn-sub{
  width:100%;padding:13px;background:#ffd500;color:#1a1a1a;
  border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;
  transition:opacity .15s;margin-top:6px
}
.btn-sub:active{opacity:.8}
.btn-sub:disabled{opacity:.4;cursor:not-allowed}
.f-success{display:none;text-align:center;padding:20px 0}
.f-success .s-icon{font-size:36px;margin-bottom:8px}
.f-success h3{font-size:16px;font-weight:600;margin-bottom:4px}
.f-success p{color:#666}

/* ===== 底部 ===== */
.footer{background:#1a1a1a;color:#999;padding:28px 20px;text-align:center;font-size:16px}
.footer .name{font-size:16px;color:#fff;font-weight:600;margin-bottom:5px}
.footer .addr{margin-bottom:4px}
.footer .phone{font-size:15px;color:#ffd500;margin-bottom:4px}
.footer .hint{font-size:12px;opacity:.5}

/* ===== AI助手 ===== */
.ai-fab{position:fixed;bottom:24px;right:24px;z-index:999}
.ai-btn{
  width:48px;height:48px;border-radius:50%;background:#ffd500;color:#1a1a1a;
  border:none;font-size:20px;cursor:pointer;
  box-shadow:0 2px 12px rgba(0,0,0,.1);display:flex;
  align-items:center;justify-content:center;transition:box-shadow .2s
}
.ai-btn:active{box-shadow:0 1px 4px rgba(0,0,0,.1)}
.ai-box{
  display:none;position:fixed;bottom:82px;right:24px;
  width:320px;max-width:calc(100vw - 48px);height:400px;
  background:#fff;border-radius:4px;box-shadow:0 4px 24px rgba(0,0,0,.1);
  overflow:hidden;flex-direction:column;z-index:998
}
.ai-box.open{display:flex}
.ai-head{
  background:#ffd500;color:#1a1a1a;padding:12px 16px;
  display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600
}
.ai-close{background:none;border:none;color:#1a1a1a;font-size:16px;cursor:pointer;opacity:.6}
.ai-msgs{flex:1;padding:12px;overflow-y:auto;font-size:16px}
.ai-msg{background:#f5f5f5;padding:10px 14px;border-radius:4px;margin-bottom:10px;max-width:85%;color:#1a1a1a;line-height:1.6;font-size:16px;position:relative;word-break:break-word;white-space:pre-wrap}
.ai-msg.user{background:#ffd500;color:#1a1a1a;margin-left:auto}
/* AI 左气泡：左侧小三角 */
.ai-msg:not(.user)::before{content:"";position:absolute;left:-6px;top:12px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #f5f5f5}
/* 用户右气泡：右侧小三角 */
.ai-msg.user::after{content:"";position:absolute;right:-6px;top:12px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #ffd500}
.ai-foot{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #eee}
.ai-input{flex:1;border:1px solid #ddd;border-radius:18px;padding:8px 14px;outline:none}
.ai-input:focus{border-color:#1a1a1a}
.ai-send{
  width:34px;height:34px;border-radius:50%;background:#ffd500;color:#1a1a1a;
  border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0
}

/* ===== 链接 ===== */
a{color:#ffd500;text-decoration:none;transition:opacity .15s}
a:hover{opacity:.8}
a:active{opacity:.6}