@charset "utf-8";
/* ============================================================
   sumaeki.com — Home (index) 案3重度去AI版
   保留：Swiper Hero + 价格表 + 动态 Cases/Reviews + FAQ
   ============================================================ */

.hm-root{
  --hm-navy:#0679D4;--hm-primary:#0679D4;--hm-hover:#0560AA;
  --hm-ink:#1a2332;--hm-ink-2:#3c4656;--hm-mute:#64748b;
  --hm-line:#d6dde5;--hm-line-2:#e8edf3;--hm-bg:#f4f6fa;
  --hm-cta:#17994a;--hm-cta-dk:#0f7a3a;--hm-gold:#c9a227;
  color:var(--hm-ink);font-size:15px;line-height:1.75;
}
.hm-root *{box-sizing:border-box;}

/* ============ HERO (existing Swiper styles from homepage.css kept) ============ */
.hm-hero-slide{position:relative;height:460px;background-size:cover;background-position:center;display:flex;align-items:flex-end;}
.hm-hero-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,121,212,.86) 0%,rgba(6,121,212,.48) 50%,rgba(6,121,212,.18) 100%);}
.hm-hero-slide-inner{position:relative;z-index:1;max-width:1220px;margin:0 auto;padding:2.5rem 2rem;color:#fff;width:100%;}
.hm-hero-slide-text{max-width:620px;}
.hm-hero-slide-tag{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);padding:.3rem .85rem;font-size:.75rem;margin-bottom:.75rem;letter-spacing:.08em;}
.hm-hero-slide-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;margin:0 0 .6rem;letter-spacing:-.005em;color:#fff;}
.hm-hero-slide-price{font-size:1rem;margin-bottom:1.25rem;color:#e6eaf0;}
.hm-hero-slide-price strong{font-size:1.625rem;color:var(--hm-gold);font-weight:700;margin-right:.25rem;}
.hm-hero-slide-price span{margin-left:.25rem;}
.hm-hero-slide-list{list-style:none;padding:0;margin:0 0 1.25rem;font-size:.875rem;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;}
.hm-hero-slide-list li{color:#e6eaf0;}
.hm-hero-slide-list li i{color:var(--hm-gold);margin-right:.25rem;}
.hm-hero-slide-btn{display:inline-block;background:var(--hm-cta);color:#fff;padding:.7rem 1.75rem;text-decoration:none;font-weight:700;font-size:.9375rem;border-radius:3px;}
.hm-hero-slide-btn:hover{background:var(--hm-cta-dk);color:#fff;}
.hm-root .swiper-pagination-bullet-active{background:var(--hm-gold)!important;}
.hm-root .swiper-button-next,.hm-root .swiper-button-prev{color:#fff;}

/* ============ SECTION BASE ============ */
.hm-sec{padding:3.5rem 0;}
.hm-sec-alt{background:var(--hm-bg);}
.hm-sec-head{font-size:1.375rem;font-weight:700;color:var(--hm-navy);margin:0 0 1.25rem;padding-bottom:.5rem;border-bottom:2px solid var(--hm-primary);display:inline-block;}
.hm-sec-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem;}
.hm-sec-more{color:var(--hm-primary);font-size:.8125rem;font-weight:700;text-decoration:none;}
.hm-sec-more:hover{text-decoration:underline;}
.hm-sec-note{font-size:.8125rem;color:var(--hm-mute);}

/* ============ TRUST BAND ============ */
.hm-trust{background:var(--hm-bg);padding:1rem 0;border-top:1px solid var(--hm-line-2);border-bottom:1px solid var(--hm-line-2);}
.hm-trust-row{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:0;}
@media(max-width:720px){.hm-trust-row{grid-template-columns:repeat(2,1fr);}}
.hm-trust-item{padding:.3rem 1rem;border-right:1px solid var(--hm-line);}
.hm-trust-item:last-child{border-right:0;}
@media(max-width:720px){.hm-trust-item:nth-child(2n){border-right:0;}}
.hm-trust-t{font-size:.875rem;font-weight:700;color:var(--hm-navy);line-height:1.5;}
.hm-trust-t small{display:block;font-size:.6875rem;font-weight:400;color:var(--hm-mute);margin-top:.1rem;}

/* ============ BANNER CTA ============ */
.hm-banner-cta{background:var(--hm-navy);color:#fff;padding:1.5rem 0;}
.hm-banner-cta .container{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
.hm-banner-cta-t{font-size:1.0625rem;font-weight:700;margin:0;color:#fff;}
.hm-banner-cta-t small{font-size:.75rem;font-weight:400;color:#cfd8e3;margin-left:.75rem;letter-spacing:.05em;}
.hm-banner-cta-btn{background:var(--hm-cta);color:#fff;padding:.75rem 1.75rem;text-decoration:none;font-weight:700;border-radius:3px;font-size:.9375rem;white-space:nowrap;transition:background .15s;}
.hm-banner-cta-btn:hover{background:var(--hm-cta-dk);color:#fff;}

/* ============ PRICE TABLES ============ */
.hm-pt-tabs{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid var(--hm-line);margin-bottom:1.25rem;padding:0;list-style:none;}
.hm-pt-tabs .nav-item{margin:0;}
.hm-pt-tabs .nav-link{background:none;border:0;padding:.75rem 1.25rem;font-weight:700;color:var(--hm-mute);font-size:.9375rem;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;border-radius:0;}
.hm-pt-tabs .nav-link.active{color:var(--hm-navy);border-bottom-color:var(--hm-primary);background:none;}
.hm-pt-tabs .nav-link:hover:not(.active){color:var(--hm-navy);}
.hm-pt-tabs .nav-link i{display:none;}

/* Price table styling override */
.hm-root .table-primary{--bs-table-bg:var(--hm-navy);--bs-table-color:#fff;}
.hm-root .table-primary th{color:#fff;background:var(--hm-navy);font-weight:700;font-size:.8125rem;border-color:var(--hm-navy);letter-spacing:.01em;}
.hm-root .table-bordered>:not(caption)>*>*{border-color:var(--hm-line-2);}
.hm-root .table-bordered{border-color:var(--hm-line);border-radius:0;}
.hm-root .table-hover>tbody>tr:hover>*{background:#fbfcfd;}
.hm-root .table td{font-size:13px;padding:.55rem .65rem;}
.hm-root .table th{font-size:.75rem;padding:.6rem .65rem;}

.hm-price-wrap{position:relative;}
.hm-price-wrap.price-locked{position:relative;max-height:180px;overflow:hidden;}
.hm-price-wrap.price-locked .price-mask{position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 30%,rgba(255,255,255,.97) 70%,rgba(255,255,255,1) 100%);pointer-events:none;}

.hm-price-note{background:#fbfcfd;border-left:3px solid var(--hm-primary);padding:10px 16px;font-size:13px;color:var(--hm-ink-2);line-height:1.75;}
.hm-price-note p{margin:0;}
.hm-price-note p+p{margin-top:.2rem;}

.hm-pdf-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.5rem;border:1px solid var(--hm-navy);background:#fff;color:var(--hm-navy);font-weight:700;text-decoration:none;border-radius:3px;font-size:.875rem;cursor:pointer;transition:.15s;}
.hm-pdf-btn:hover{background:var(--hm-navy);color:#fff;}
.hm-pdf-btn i{color:#c24242;}
.hm-pdf-btn:hover i{color:#fff;}

/* ============ SERVICES (grid cells) ============ */
.hm-svc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;background:#fff;border:1px solid var(--hm-line);}
@media(max-width:820px){.hm-svc-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:500px){.hm-svc-grid{grid-template-columns:repeat(2,1fr);}}
.hm-svc-cell{padding:1rem 1.25rem;border-right:1px solid var(--hm-line-2);border-bottom:1px solid var(--hm-line-2);text-decoration:none;color:inherit;transition:background .15s;}
.hm-svc-cell:hover{background:var(--hm-bg);color:inherit;}
.hm-svc-cell:nth-child(6n){border-right:0;}
.hm-svc-cell:nth-last-child(-n+6){border-bottom:0;}
@media(max-width:820px){
  .hm-svc-cell:nth-child(6n){border-right:1px solid var(--hm-line-2);}
  .hm-svc-cell:nth-child(3n){border-right:0;}
  .hm-svc-cell:nth-last-child(-n+3){border-bottom:0;}
}
@media(max-width:500px){
  .hm-svc-cell:nth-child(3n){border-right:1px solid var(--hm-line-2);}
  .hm-svc-cell:nth-child(2n){border-right:0;}
}
.hm-svc-t{font-weight:700;color:var(--hm-navy);font-size:.875rem;margin-bottom:.15rem;}
.hm-svc-p{color:var(--hm-cta);font-size:.8125rem;font-weight:700;}

/* ============ WHY CHOOSE US (numbered list) ============ */
.hm-why-list{display:grid;gap:0;background:#fff;border:1px solid var(--hm-line);}
.hm-why-item{display:grid;grid-template-columns:80px 1fr;gap:1.25rem;padding:1.5rem 1.75rem;border-bottom:1px solid var(--hm-line-2);align-items:start;}
.hm-why-item:last-child{border-bottom:0;}
@media(max-width:720px){.hm-why-item{grid-template-columns:1fr;gap:.3rem;padding:1.25rem 1.5rem;}}
.hm-why-n{font-size:2.5rem;font-weight:700;color:var(--hm-primary);line-height:1;letter-spacing:-.02em;}
.hm-why-body h3{font-size:1.0625rem;font-weight:700;color:var(--hm-navy);margin:0 0 .35rem;}
.hm-why-body p{font-size:.875rem;color:var(--hm-ink-2);margin:0;line-height:1.85;}

/* ============ FLOW ============ */
.hm-flow-tabs{display:flex;gap:0;list-style:none;padding:0;margin:0 0 1.25rem;border-bottom:1px solid var(--hm-line);}
.hm-flow-tabs .nav-link{background:none;border:0;padding:.65rem 1.25rem;font-weight:700;color:var(--hm-mute);font-size:.875rem;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;border-radius:0;}
.hm-flow-tabs .nav-link.active{color:var(--hm-navy);border-bottom-color:var(--hm-primary);background:none;}

.hm-flow{display:flex;background:#fff;border:1px solid var(--hm-line);}
.hm-flow-s{flex:1 1 0;min-width:0;padding:1.25rem;text-align:center;border-right:1px solid var(--hm-line-2);}
.hm-flow-s:last-child{border-right:0;}
@media(max-width:720px){.hm-flow{flex-direction:column;}.hm-flow-s{border-right:0;border-bottom:1px solid var(--hm-line-2);}.hm-flow-s:last-child{border-bottom:0;}}
.hm-flow-n{width:34px;height:34px;background:var(--hm-navy);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.4rem;font-size:.9375rem;}
.hm-flow-t{font-weight:700;color:var(--hm-navy);font-size:.9375rem;}
.hm-flow-d{font-size:.75rem;color:var(--hm-mute);margin-top:.2rem;line-height:1.55;}

/* ============ CASES (minimal text list — single column, max 820px centered) ============ */
.hm-case-list{list-style:none;margin:0;padding:0;width:100%;background:#fff;border-top:1px solid var(--hm-line);}
.hm-case-li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.65rem .25rem;border-bottom:1px solid var(--hm-line);}
.hm-case-t{flex:1;min-width:0;font-size:.875rem;font-weight:500;color:var(--hm-navy);text-decoration:none;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s;}
.hm-case-t:hover{color:var(--hm-primary);text-decoration:underline;}
.hm-case-m{flex-shrink:0;display:inline-flex;align-items:baseline;gap:.625rem;font-size:.75rem;color:var(--hm-mute);font-variant-numeric:tabular-nums;}
.hm-case-shop{color:var(--hm-navy);font-weight:600;}
.hm-case-dt{color:var(--hm-mute);}
@media(max-width:600px){
  .hm-case-li{flex-wrap:wrap;gap:.25rem;}
  .hm-case-t{white-space:normal;flex-basis:100%;}
  .hm-case-m{font-size:.6875rem;}
}

/* ============ REVIEWS ============ */
.hm-rv-avg{display:inline-flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#fff;border:1px solid var(--hm-line);margin-bottom:1.25rem;}
.hm-rv-avg-v{font-size:1.75rem;font-weight:700;color:var(--hm-navy);line-height:1;}
.hm-rv-avg-stars{color:#f59e0b;font-size:1rem;}
.hm-rv-avg-cnt{font-size:.75rem;color:var(--hm-mute);}
.hm-rv-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;}
@media(max-width:820px){.hm-rv-row{grid-template-columns:1fr;}}
.hm-rv-card{background:#fff;border:1px solid var(--hm-line);padding:1rem 1.25rem;}
.hm-rv-stars{color:#f59e0b;font-size:.8125rem;margin-bottom:.3rem;}
.hm-rv-t{font-size:.8125rem;color:var(--hm-ink-2);line-height:1.8;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.hm-rv-foot{display:flex;align-items:center;gap:.5rem;}
.hm-rv-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.hm-rv-n{font-size:.6875rem;color:var(--hm-mute);}
.hm-rv-n b{color:var(--hm-navy);}

/* ============ FAQ ============ */
.hm-faq{background:#fff;border:1px solid var(--hm-line);max-width:820px;margin:0 auto;}
.hm-faq details{border-bottom:1px solid var(--hm-line-2);}
.hm-faq details:last-child{border-bottom:0;}
.hm-faq summary{padding:.9rem 3rem .9rem 3.25rem;cursor:pointer;font-weight:700;color:var(--hm-navy);font-size:.875rem;list-style:none;position:relative;}
.hm-faq summary::-webkit-details-marker{display:none;}
.hm-faq summary::before{content:"Q";position:absolute;left:1rem;top:.85rem;width:24px;height:24px;background:var(--hm-primary);color:#fff;font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.hm-faq summary::after{content:"+";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:var(--hm-mute);}
.hm-faq details[open] summary{background:var(--hm-bg);}
.hm-faq details[open] summary::after{content:"−";}
.hm-faq-a{padding:0 1.25rem 1rem 3.25rem;font-size:.8125rem;color:var(--hm-ink-2);line-height:1.85;}
.hm-faq-more{text-align:center;margin-top:1.25rem;}

/* ============ MOBILE BOTTOM BAR ============ */
.hm-mbar{position:fixed;bottom:0;left:0;right:0;background:var(--hm-navy);border-top:1px solid rgba(255,255,255,.1);display:none;z-index:1030;}
@media(max-width:820px){.hm-mbar{display:grid;grid-template-columns:1fr 1fr 1fr;}}
.hm-mbar a{padding:.75rem .5rem;text-align:center;color:#fff;text-decoration:none;font-size:.75rem;font-weight:700;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:.15rem;}
.hm-mbar a:last-child{border-right:0;background:var(--hm-cta);}
.hm-mbar a i{font-size:1.1rem;}