/* ============================================================
   坤钥产后恢复&减龄中心  响应式样式
   PC 设计稿 1920px / 移动端设计稿 750px
   断点: 992px
   ============================================================ */

:root{
  --brown:      #3e352a;   /* 深棕(标题pill、按钮、页脚卡) */
  --brown-2:    #4a4136;
  --cream:      #f5efe3;   /* 米色背景 */
  --cream-2:    #f8f4ea;
  --beige-card: #fbf3e8;   /* 卡片米色 */
  --brown-card: #382914;   /* 深色卡片 */
  --gold:       #c3a468;   /* 金色点缀 */
  --gold-2:     #b3915a;
  --ink:        #3b342a;   /* 大标题 */
  --text:       #6f695e;   /* 正文 */
  --muted:      #a89f90;   /* 小标签 */
  --line:       #e8e2d6;
  --pink:       #e573a0;
  --serif: "Source Han Serif SC","Noto Serif CJK SC","STSong","SimSun","Songti SC",serif;
  --sans:  "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  font-family:var(--sans);
  color:var(--text);
  background:#fff;
  line-height:1.8;
  font-size:16px;
  overflow-x:hidden;
  position:relative;
}
img{ display:block; max-width:100%; }
a{ text-decoration:none; color:inherit; }
ul,ol{ list-style:none; }
button{ font-family:inherit; cursor:pointer; border:none; background:none; }

.wrap{ max-width:1548px; margin:0 auto; padding:0 24px; }

/* PC/移动端不同断行 */
.m-br{ display:none; }
.pc-gap{ display:inline-block; width:0.58em; }
.m-only{ display:none; }
i.pc-only, i.m-only{ font-style:normal; }

/* 通用板块小标签 + 大标题 */
.sec-label{
  font-family:var(--sans);
  font-size:24px; color:#c9b59b; margin-bottom:23px;
}
.sec-title{
  font-family:var(--sans);
  font-size:52px; font-weight:400; color:var(--ink);
  line-height:1.27;
}
.sec-desc{ font-size:17px; color:var(--text); line-height:2.1; }

/* 居中带金色下划线的标题（公司概况/企业文化/荣誉资质/公司新闻/门店地址等） */
.center-title{
  text-align:center;
  font-family:var(--sans);
  font-size:42px; font-weight:400; color:#382913;
  line-height:1.27; position:relative; padding-bottom:19px; margin-bottom:60px;
}
.center-title::after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:103px; height:6px; background:#c5b092;
}
.center-sub{ text-align:center; color:var(--text); font-size:17px; margin-top:-40px; margin-bottom:60px; }

/* ============ 头部 ============ */
.site-header{
  position:absolute; top:0; left:0; right:0; z-index:100;
}
.header-inner{
  max-width:1830px; margin:0 auto;
  display:flex; align-items:center;
  padding:26px 45px 10px;
}
.header-logo{ flex:0 0 auto; }
.header-logo img{ height:74px; width:auto; }
.main-nav{ flex:1; display:flex; justify-content:center; gap:64px; }
.main-nav a{
  font-size:17px; color:#6b5f4e; letter-spacing:1px; position:relative;
  padding:8px 2px; transition:color .25s;
}
.main-nav a:hover{ color:var(--gold-2); }
.main-nav a.active{ color:var(--gold-2); }
.main-nav a.active::after{
  content:""; position:absolute; left:50%; bottom:-4px; transform:translateX(-50%);
  width:26px; height:2px; background:var(--gold);
}
.header-phone{
  display:flex; align-items:center; gap:10px;
  font-size:18px; color:#6b5f4e; letter-spacing:1px;
}
.header-phone svg{ width:20px; height:20px; fill:var(--gold-2); }

/* 内页浅色头 */
.site-header.light .main-nav a{ color:#efe9dc; }
.site-header.light .main-nav a:hover,
.site-header.light .main-nav a.active{ color:var(--gold); }
.site-header.light .header-phone{ color:#efe9dc; }
.site-header.light .header-phone svg{ fill:var(--gold); }

/* 移动端头部 */
.header-m{ display:none; }
.menu-toggle{
  width:40px; height:32px; position:relative;
}
.menu-toggle span{
  position:absolute; left:0; width:100%; height:3px; border-radius:2px;
  background:#6b5f4e; transition:.3s;
}
.menu-toggle span:nth-child(1){ top:4px; }
.menu-toggle span:nth-child(2){ top:14px; }
.menu-toggle span:nth-child(3){ top:24px; }
.site-header.light .menu-toggle span{ background:#efe9dc; }

/* 移动端抽屉菜单 */
.drawer{
  position:fixed; inset:0; z-index:200; visibility:hidden; pointer-events:none;
}
.drawer .mask{
  position:absolute; inset:0; background:rgba(0,0,0,.45);
  opacity:0; transition:opacity .3s;
}
.drawer-panel{
  position:absolute; top:0; left:0; bottom:0; width:76%; max-width:340px;
  background:#fbf8f1; padding:26px 0 40px;
  transform:translateX(-100%); transition:transform .32s ease;
  overflow-y:auto;
}
.drawer.open{ visibility:visible; pointer-events:auto; }
.drawer.open .mask{ opacity:1; }
.drawer.open .drawer-panel{ transform:translateX(0); }
.drawer-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:0 24px 22px; border-bottom:1px solid var(--line);
}
.drawer-head img{ height:56px; }
.drawer-close{ font-size:30px; color:#8a8172; line-height:1; padding:4px 8px; }
.drawer-nav a{
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 28px; font-size:17px; color:#4c4437;
  border-bottom:1px solid var(--line);
}
.drawer-nav a.active{ color:var(--gold-2); }
.drawer-nav a svg{ width:14px; height:14px; stroke:#b5ab99; }

/* ============ Banner(内页) ============ */
.page-banner{ position:relative; overflow:hidden; }
.page-banner img.banner-img{ width:100%; height:auto; }
.banner-pill{
  position:absolute; z-index:5; bottom:0; height:24.52%;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:2.1875vw; font-weight:700; line-height:1;
  font-family:var(--sans);
}
.banner-pill.pos-left{ left:14.32%; }
.banner-pill.pos-center{
  left:50%; transform:translateX(-50%);
  width:23.55%;
  background:rgba(0,0,0,.6); border-radius:999px;
}
.banner-tabs{
  position:absolute; z-index:5; right:14.85%; bottom:0; height:24.52%;
  display:flex; align-items:center; gap:2.55vw;
}
.banner-tabs a{
  color:#c2c2c2; font-size:0.9375vw; font-weight:700; font-family:var(--sans);
}
.banner-tabs a.active{ color:#c5b093; }
.banner-tabs-m{ display:none; }

/* ============ 页脚 ============ */
.site-footer{ background:#fff; position:relative; border-top:1px solid #e5e5e5; }
.site-footer.no-top{ border-top:none; }
.footer-main{
  display:flex; align-items:flex-start; justify-content:space-between;
  padding:78px 0 132px; gap:40px;
}
.footer-logo img{ height:80px; width:auto; }
.footer-nav{
  display:grid; grid-template-columns:repeat(3,auto); gap:22px 78px;
  padding-top:12px;
}
.footer-nav a{
  font-size:16px; color:#4c4437; display:flex; align-items:center; gap:10px;
}
.footer-nav a::before{
  content:""; width:14px; height:1px; background:#b9ae9b;
}
.footer-nav a:hover{ color:var(--gold-2); }
.footer-contact{ padding-top:8px; }
.footer-contact p{
  display:flex; align-items:center; gap:12px; font-size:19px; color:#3b342a;
  margin-bottom:20px; letter-spacing:.5px;
}
.footer-contact svg{ width:20px; height:20px; fill:var(--gold-2); }
.footer-qr{ text-align:center; }
.footer-qr img{ width:140px; height:140px; margin:0 auto 10px; }
.footer-qr p{ font-size:14px; color:var(--muted); letter-spacing:1px; }
.footer-copy{
  position:relative;
  display:flex; justify-content:space-between;
  padding:28px 0 43px; font-size:14px; color:#a39a8a;
}
.footer-copy::before{
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:100vw; border-top:1px solid #e5e5e5;
}
.footer-m{ display:none; }

/* Lang 浮动按钮（移动端） */
.lang-fab{
  display:none;
  position:absolute; right:6.53vw; bottom:5.87vw; z-index:150;
  width:11.07vw; height:11.07vw; border-radius:50%;
  background:#8a6d4b; color:#fff; font-size:3.07vw;
  align-items:center; justify-content:center;
  border:1.33vw solid rgba(198,180,150,.55);
}

/* ============ 首页 ============ */
.hero{ position:relative; }
.hero img{ width:100%; height:auto; }

/* 品牌介绍 */
.brand{
  background:#fbf3e8;
  padding:90px 0 347px; position:relative;
}
.brand-grid{
  display:grid; grid-template-columns:641px 752px; justify-content:space-between; align-items:start;
}
.brand-text{ position:relative; }
.brand-text .sec-title{ margin-bottom:78px; }
.brand-text .sec-desc{ font-size:16px; line-height:2.25; }
.brand-line{
  position:absolute; right:-1px; top:-73px; width:206px; pointer-events:none;
}
.brand-line img{ width:100%; display:block; }
.brand-img{ margin-top:40px; }
.brand-img img{ width:100%; display:block; }

/* 直营门店 */
.home-stores{
  background:#fff; padding:141px 0 199px; position:relative;
}
.home-stores::before{
  content:""; position:absolute; top:-150px; left:0; right:0; height:300px;
  background:url('../img/wave-up.svg') no-repeat; background-size:100% 100%;
  z-index:0;
}
.home-stores .wrap{ position:relative; z-index:1; }
.stores-head{ position:relative; margin-bottom:63px; }
.stores-head .sec-title{ max-width:760px; }
.stores-line{
  position:absolute; right:131px; top:26px; width:270px; pointer-events:none; z-index:2;
}
.stores-line img{ width:100%; display:block; }
.stores-card-wrap{ max-width:1548px; margin:0 auto; padding:0 24px; position:relative; z-index:1; }
.stores-card{
  background:#eee2d4; border-radius:56px;
  padding:83px 58px; position:relative;
}
.stores-list{
  display:grid; grid-template-columns:auto auto; justify-content:start;
  column-gap:52px; row-gap:7px;
}
.stores-list li{ display:flex; align-items:center; gap:10px; font-size:16px; color:#5a5142; white-space:nowrap; height:33px; }
.stores-list .tag{
  flex:0 0 auto; background:var(--brown-card); color:#fff;
  font-size:16px; width:92px; height:33px;
  display:flex; align-items:center; justify-content:center;
  border-radius:17px;
}
.stores-map{ position:absolute; right:2px; top:50%; transform:translateY(-50%); width:731px; }
.stores-map img{ width:100%; display:block; }

/* 客户好评 */
.reviews{
  background:#fff; padding:120px 0 129px; position:relative; overflow:hidden;
}
.reviews-grid{
  display:grid; grid-template-columns:432px 803px; justify-content:space-between; align-items:start;
}
.reviews-text{ position:relative; }
.reviews-text .sec-title{ margin-bottom:33px; white-space:pre; }
.reviews-text .sec-desc{ font-size:16px; line-height:2.5; }
.reviews-flower{
  position:absolute; left:366px; top:231px; width:210px; pointer-events:none;
}
.reviews-flower img{ width:100%; display:block; }
.reviews-imgs{ text-align:center; margin-top:6px; }
.rc-stage{ position:relative; width:803px; height:489px; margin:0 auto; }
.rc{
  position:absolute; display:block; border-radius:20px;
  box-shadow:0 0 20px rgba(0,0,0,.1); cursor:pointer;
  transition:left .5s ease, top .5s ease, width .5s ease, height .5s ease;
}
.rc.s1{ left:0; top:0; width:453px; height:198px; z-index:1; }
.rc.s2{ left:99px; top:99px; width:603px; height:263px; z-index:2; }
.rc.s3{ left:350px; top:265px; width:453px; height:198px; z-index:3; }
.reviews-dots{
  display:flex; justify-content:center; gap:7px; margin-top:72px; transform:translateX(-25px);
}
.reviews-dots i{
  width:33px; height:6px; background:#ddd6c8; border-radius:3px; cursor:pointer;
}
.reviews-dots i.on{ background:var(--gold); }

/* 首页招商 */
.home-franchise{
  background:#fbf3e8; padding:340px 0 0; position:relative; z-index:1;
}
.home-franchise::before{
  content:""; position:absolute; top:0; left:0; right:0; height:150px;
  background:url('../img/wave-down-white.svg') no-repeat; background-size:100% 100%;
}
.home-franchise::after{
  content:""; position:absolute; bottom:-150px; left:0; right:0; height:150px;
  background:url('../img/wave-down-cream.svg') no-repeat; background-size:100% 100%;
  z-index:0;
}
.home-franchise .wrap{ position:relative; z-index:1; }
.hf-head{ position:relative; margin-bottom:80px; }
.hf-head .sec-title{ margin-bottom:38px; }
.hf-head .sec-desc{ max-width:1500px; font-size:16px; }
.hf-plane{
  position:absolute; right:60px; top:10px; bottom:auto; width:358px; pointer-events:none;
}
.hex-grid{
  display:grid; grid-template-columns:repeat(4,auto); justify-content:center;
  column-gap:185px; row-gap:62px; padding-bottom:155px;
}
.hex-grid img{ width:208px; max-width:100%; display:block; }
.hex-grid .hx{ position:relative; cursor:pointer; }
.hex-grid .hx > picture{ display:block; }
.hex-grid .hxd{ position:absolute; left:0; top:0; opacity:0; transition:opacity .35s ease; pointer-events:none; }
.hex-grid .hx:hover .hxd{ opacity:1; }

/* 首页页脚:招商区底部波浪需要更大留白 */
.home-franchise + .site-footer .footer-main{ padding-top:225px; }
.home-franchise + .site-footer .footer-m .fm-logo{ padding-top:15.6vw; }

/* ============ 关于我们 ============ */
.about-section{ padding:103px 0 154px; }
.about-section .center-title{ margin-bottom:36px; }
.about-text{
  max-width:1500px; margin:0 auto 88px;
  font-size:18px; line-height:2.2222; color:#6f6f6f;
}
.about-text p{ margin:0; text-indent:2em; text-align:justify; }
.about-text p + p{ margin-top:40px; }
.about-video{ margin:0 auto; }
.about-video img{ width:100%; display:block; }

.about-history{ position:relative; overflow:hidden; background:#4f4039; }
.about-history .history-bg{ position:absolute; inset:0; }
.about-history .history-bg img{ width:100%; height:100%; object-fit:cover; display:block; }
.about-history .history-in{ position:relative; z-index:2; padding-top:125px; }
.about-history .center-title{ color:#fff; margin-bottom:80px; }
.hs-year{
  margin:0 0 27px; height:55px; text-align:center;
  font-size:72px; line-height:55px; font-weight:400; color:#fff;
  transition:opacity .22s ease, transform .22s ease;
}
.hs-cards{ position:relative; height:333px; }
.hs-card{ position:absolute; top:0; height:333px; border-radius:20px; }
.hs-main{ left:50%; margin-left:-382px; width:763px; background:rgba(255,255,255,.9); }
.hs-side{ width:562px; background:rgba(255,255,255,.5); cursor:pointer; transition:background .3s ease; }
.hs-side:hover{ background:rgba(255,255,255,.65); }
.hs-left{ left:-41px; }
.hs-right{ right:-41px; }
.hs-side h3{
  position:absolute; top:-73px; left:0; right:0; margin:0;
  text-align:center; font-size:48px; line-height:1; font-weight:400; color:#fff;
}
.hs-body{
  margin:0; padding:68px 30px 0 66px; list-style:none;
  font-size:16px; line-height:45px; color:#4b4b4b;
  transition:opacity .22s ease, transform .22s ease;
}
.hs-body li{ white-space:nowrap; }
.hs-body li.empty{ color:#9a9a9a; }
.hs-main.swap .hs-body, .hs-year.swap{ opacity:0; transform:translateY(10px); }
.hs-arrow{ display:none; }
.hs-nav{ margin-top:132px; padding-bottom:71px; text-align:center; }
.hs-nav-in{ position:relative; display:inline-block; padding-bottom:5px; }
.hs-nav span{
  display:inline-block; margin:0 31px; font-size:18px; line-height:1.27;
  color:#fff; cursor:pointer; transition:color .3s ease;
}
.hs-nav span.on{ color:#c6af93; }
.hs-bar{
  position:absolute; bottom:0; left:0; width:63px; height:5px;
  background:#c6af93; transition:left .4s ease;
}
@media (prefers-reduced-motion: reduce){
  .hs-main .hs-body, .hs-year, .hs-bar, .hs-nav span, .hs-side{ transition:none; }
}

.about-culture{ padding:108px 0 150px; }
.about-culture .center-title{ margin-bottom:75px; }
.culture-row{
  display:flex; align-items:center; margin-top:-3px;
}
.culture-row.cr-1{ margin-top:0; }
.culture-row .c-text{ flex:1; }
.culture-row .c-text p{ font-size:18px; line-height:2.2222; color:#6f6f6f; margin:0; }
.culture-row .c-img{ flex:0 0 752px; }
.culture-row .c-img img{ width:752px; display:block; }
.culture-row.cr-l .c-text{ padding-left:50px; }
.culture-row.cr-r .c-text{ padding-left:139px; }

.about-honor{
  background:#fbf3e8; padding:110px 0 102px; overflow:hidden; margin-bottom:-3px;
}
.about-honor .center-title{ margin-bottom:65px; }
.honor-list{
  display:flex; gap:42px;
}
.honor-item{ flex:0 0 472px; }
.honor-item img{ width:472px; display:block; }
.honor-dots{
  display:flex; justify-content:center; gap:7px; margin-top:61px;
}
.honor-dots i{ width:32px; height:6px; background:#e1dbcf; border-radius:3px; }
.honor-dots i.on{ background:#c7af93; }

/* ============ 新闻列表 ============ */
.news-section{ padding:106px 0 109px; }
.news-section .center-title{ margin-bottom:48px; }
.news-feature{
  display:grid; grid-template-columns:752px 1fr; background:#fbf3e7;
  border-radius:50px; overflow:hidden; height:503px; margin-bottom:56px;
}
.news-feature .nf-img img{ width:752px; height:503px; object-fit:cover; }
.news-feature .nf-body{ padding:71px 70px 0; display:flex; flex-direction:column; align-items:flex-start; }
.news-feature h3{
  font-family:var(--sans); font-size:30px; font-weight:700; color:#232532;
  line-height:1.333; margin-bottom:18px; white-space:nowrap;
}
.news-feature .nf-date{
  display:flex; align-items:center; gap:6px; color:#c5b093; font-size:14px;
  margin-bottom:34px;
}
.news-feature .nf-date svg{ width:16px; height:16px; fill:#c5b093; }
.news-feature .nf-desc{
  font-size:16px; color:#777; line-height:2.1875;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}
.news-feature .nf-desc.m-only{ display:none; }
.btn-dark{
  display:inline-flex; align-items:center; justify-content:center; gap:47px;
  background:#382913; color:#c5b093; font-size:16px;
  width:183px; height:57px; border-radius:28.5px;
  transition:background .25s;
}
.news-feature .btn-dark{ margin-top:auto; margin-bottom:70px; }
.btn-dark:hover{ background:#2c2519; }
.btn-dark svg{ width:23px; height:13px; stroke:#c5b093; }

.news-item{
  display:flex; align-items:center;
  height:193px; border:1px solid #ececec; border-radius:50px;
  margin-bottom:17px; background:#fff;
}
.news-item.m-only{ display:none; }
.news-item .ni-date{
  flex:0 0 59px; text-align:center; margin-left:55px;
}
.news-item .ni-date b{
  display:block; font-family:var(--sans); font-weight:300;
  font-size:60px; color:#9c9c9c; line-height:1;
}
.news-item .ni-date span{ display:block; font-size:16px; color:#9c9c9c; line-height:1; margin-top:9px; white-space:nowrap; }
.news-item .ni-dot{
  flex:0 0 auto; width:10px; height:10px; border-radius:50%;
  background:#9c9c9c; margin:0 40px 0 36px;
}
.news-item .ni-body h4{
  font-size:24px; font-weight:400; color:#000; line-height:1; margin:0;
  font-family:var(--sans);
}
.news-item .ni-body p{
  font-size:16px; color:#8d8d8d; line-height:1.875; margin-top:18px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

.pagination{
  display:flex; align-items:center; justify-content:center;
  margin-top:49px; font-size:14px; color:#8b9698; font-weight:400;
}
.pagination a,.pagination span{
  width:43px; height:43px; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid #e8ecef; border-radius:3px; background:#fff;
  margin-left:-1px;
}
.pagination a:first-child{ margin-left:0; width:48px; }
.pagination a:nth-last-child(2){ width:48px; }
.pagination a:hover{ border-color:#c6b093; color:#c6b093; position:relative; }
.pagination .cur{ background:#c6b093; border-color:#c6b093; color:#fff; position:relative; }
.pagination .jump{ border:none; margin-left:19px; width:auto; height:auto; font-weight:400; color:#748287; }
.pagination .jump input{
  width:58px; height:43px; border:1px solid #e8ecef; border-radius:3px;
  text-align:center; margin:0 0 0 6px; font-size:14px; color:#748287;
}
.pagination .jump button{
  width:48px; height:43px; border:none; border-radius:3px; background:#f4f4f4;
  color:#758084; font-size:14px; margin-left:-4px; position:relative;
}

/* 移动端"查看更多" */
.news-more-m{ display:none; }

/* ============ 新闻详情 ============ */
.article{ max-width:1548px; margin:0 auto; padding:106px 0 69px; }
.article .wrap{ padding:0 23px; }
.article .center-title{ margin-bottom:62px; }
.article-title{
  text-align:center; font-size:36px; font-weight:700; color:#000;
  font-family:var(--sans); line-height:1.27; margin-bottom:20px; padding:0 40px;
}
.article-meta{
  display:flex; justify-content:center; align-items:center; gap:47px;
  color:#a2a2a2; font-size:16px; line-height:16px; margin-bottom:42px;
}
.article-meta span{ display:flex; align-items:center; gap:5px; }
.article-meta img{ display:block; }
.article-line{ height:4px; background:#ececec; margin:0 0 36px; }
.article-hero{ border-radius:50px; overflow:hidden; margin:0 0 22px; }
.article-hero img{ width:100%; display:block; }
.article-body{
  font-size:18px; line-height:45px; color:#444; text-align:justify;
  margin:0; font-family:var(--sans);
}
.article-body p{ margin:0 0 45px; }
.article-body p:last-child{ margin-bottom:0; }
.article-body h3{
  font-size:24px; font-weight:700; color:#444; margin:0; font-family:var(--sans);
}
.article-nav{ margin:73px 0 0; }
.article-nav a{
  display:flex; align-items:center; height:53px; background:#fbf3e7; border-radius:25px;
  padding:0 30px 0 12px; margin-bottom:17px;
  color:#8a8a8a; font-size:16px; font-weight:700; font-family:var(--sans);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.article-nav a:last-child{ margin-bottom:0; }
.article-nav a .an-ic{
  flex:0 0 16px; width:16px; height:16px; border-radius:6px;
  background:#c6af93; margin-right:4px; position:relative;
}
.article-nav a .an-ic::before{
  content:''; position:absolute; top:50%; border-style:solid;
}
.article-nav a .an-prev::before{
  left:4px; transform:translateY(-50%);
  border-width:3.5px 6px 3.5px 0; border-color:transparent #fff transparent transparent;
}
.article-nav a .an-next::before{
  right:4px; transform:translateY(-50%);
  border-width:3.5px 0 3.5px 6px; border-color:transparent transparent transparent #fff;
}

/* ============ 门店分布 ============ */
.map-section{ padding:89px 0 127px; }
.map-picture{ display:block; }
.map-picture img{ width:100%; display:block; }

.stores-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:57px;
  padding-bottom:88px;
}
.store-card{
  background:#fbf3e7; border-radius:50px; overflow:hidden;
  transition:transform .25s;
}
.store-card:hover{ transform:translateY(-4px); }
.store-card.m-only-card{ display:none; }
.stores-grid > .store-card:nth-child(10),
.stores-grid > .store-card:nth-child(11),
.stores-grid > .store-card:nth-child(12){ margin-top:10px; }
.store-card .sc-img{ height:293px; overflow:hidden; }
.store-card .sc-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.store-card .sc-body{ padding:22px 30px 38px; }
.store-card h4{ font-size:24px; line-height:1; color:#382913; font-weight:700; margin-bottom:20px; }
.store-card p{
  display:flex; align-items:center; gap:7px;
  font-size:16px; line-height:1; height:16px; color:#767676;
}
.store-card p svg{ width:11px; height:17px; fill:#382913; flex:0 0 auto; margin-left:1px; }
.store-card.dark{ background:#382913; }
.store-card.dark h4{ color:#fbf3e7; }
.store-card.dark p{ color:#fbf3e7; }
.store-card.dark p svg{ fill:#fbf3e7; }

/* ============ 服务项目 ============ */
.services-section{ padding:133px 0 107px; }
.services-section .wrap{ padding:0 23px; }
.svc-row{ position:relative; height:443px; margin-bottom:77px; }
.svc-row:last-child{ margin-bottom:0; }
.svc-row .svc-img{
  position:absolute; top:0; left:0; width:1002px; height:443px;
  border-radius:50px; overflow:hidden; z-index:2;
}
.svc-row .svc-img picture{ display:block; width:100%; height:100%; }
.svc-row .svc-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.svc-row .svc-body{
  position:absolute; top:0; right:0; width:1003px; height:443px;
  box-sizing:border-box; background:#fbf3e7; border-radius:50px;
  padding:50px 0 0 563px;
}
.svc-row:nth-child(even) .svc-img{ left:auto; right:0; }
.svc-row:nth-child(even) .svc-body{ right:auto; left:0; padding-left:61px; }
.svc-row:nth-child(2) .svc-body{ left:9px; padding-left:62px; }
.svc-body h3{
  font-size:42px; line-height:1; color:#382913; font-weight:700;
  margin:0 0 44px; font-family:var(--sans);
}
.svc-row.tl .svc-body{ padding-top:47px; }
.svc-row.tl h3{ line-height:50px; margin-bottom:48px; }
.svc-list{ display:block; }
.svc-list li{
  display:flex; align-items:center; gap:7px; height:40px;
  font-size:18px; line-height:1; color:#505050; font-family:var(--sans);
}
.svc-list li i{
  flex:0 0 auto; width:19px; height:19px; box-sizing:border-box;
  border-radius:50%; border:2px solid #c6af93;
}
.svc-list.cols-2{
  display:grid; grid-template-columns:210px 1fr;
  grid-template-rows:repeat(6,40px); grid-auto-flow:column;
}
.svc-row.dark .svc-body{ background:#382913; }
.svc-row.dark h3{ color:#fff; }
.svc-row.dark .svc-list li{ color:#fbf3e7; }

/* ============ 联系我们 ============ */
.plain-title{
  text-align:center; font-size:36px; font-weight:400; color:var(--ink);
  font-family:var(--sans); line-height:1.2;
}
.contact-map{ padding:84px 0 0; }
.contact-map .wrap{ padding:0 23px; }
.cm-card{
  position:relative; height:663px; background:#382913; border-radius:50px;
  overflow:hidden;
}
.cm-map{
  position:absolute; left:369px; top:0; width:1133px; height:663px;
}
.cm-map picture{ display:block; width:100%; height:100%; }
.cm-map img{ width:100%; height:100%; object-fit:cover; display:block; }
.cm-info{ position:absolute; left:41px; top:0; width:328px; height:100%; }
.cm-item{ position:absolute; left:0; display:flex; width:100%; }
.cm-item.i1{ top:85px; }
.cm-item.i2{ top:305px; }
.cm-item.i3{ top:525px; }
.cm-item .ic{ flex:0 0 48px; display:flex; justify-content:center; padding-top:2px; }
.cm-item.i3 .ic{ padding-top:8px; }
.cm-item .ic img{ display:block; }
.cm-item.i1 .ic img{ width:40px; height:42px; }
.cm-item.i2 .ic img{ width:43px; height:43px; }
.cm-item.i3 .ic img{ width:48px; height:33px; }
.cm-item .tx{ margin-left:32px; }
.cm-item h4{ font-size:18px; color:#fff; font-weight:700; line-height:1; margin-bottom:19px; }
.cm-item p{ font-size:16px; color:#ede2d3; line-height:22px; }
.cm-item.i3 p{ font-size:18px; }
.cm-div{
  position:absolute; left:0; width:293px; height:4px;
  background:rgba(255,255,255,.15);
}
.cm-div.d1{ top:225px; }
.cm-div.d2{ top:445px; }

.contact-stores{ padding:73px 0 123px; }
.contact-stores .wrap{ padding:0 23px; }
.contact-stores .plain-title{ margin-bottom:32px; }
.contact-pills{
  display:grid; grid-template-columns:repeat(3,1fr); gap:57px;
}
.contact-pills .cp{
  border:1px solid #dfdfdf; border-radius:50px; padding:38px 10px 0 30px;
  background:#fff; height:133px; box-sizing:border-box;
}
.contact-pills .cp h4{ font-size:24px; color:#382913; font-weight:700; line-height:1; margin-bottom:19px; }
.contact-pills .cp p{
  display:flex; align-items:center; gap:7px; font-size:16px; line-height:1;
  height:17px; color:#767676;
}
.contact-pills .cp p svg{ width:11px; height:17px; fill:#382913; flex:0 0 auto; margin-left:1px; }
.contact-pills .cp.dark{ background:#382913; border-color:#382913; }
.contact-pills .cp.dark h4{ color:#fbf3e7; }
.contact-pills .cp.dark p{ color:#fbf3e7; }
.contact-pills .cp.dark p svg{ fill:#fbf3e7; }

/* ============ 招商加盟 ============ */
.franchise-head{ text-align:center; padding:110px 0 90px; }
.franchise-head .sec-title{
  font-size:52px; font-weight:400; line-height:1.3; color:#372811;
  margin-bottom:36px;
}
.franchise-head .pc-gap{ width:0.65em; }
.franchise-head .sec-desc{ max-width:1500px; margin:0 auto; font-size:16px; color:#545454; }
.hex-section{ padding-bottom:153px; }
.hex-grid-page{
  display:grid; grid-template-columns:repeat(4,auto); justify-content:center;
  column-gap:185px; row-gap:62px;
}
.hex-grid-page img{ width:208px; max-width:100%; display:block; }

.tuoguan{
  position:relative; background:url('../img/tuoguan-card.png?v=56') no-repeat center/100% 100%;
  border-radius:150px;
  aspect-ratio:1502/403; margin-bottom:97px;
}
.tuoguan .tg-body{
  position:relative; z-index:1; padding:76px 0 0 103px; width:642px; max-width:46%;
}
.tuoguan h3{
  font-size:42px; color:#372811; font-weight:400; margin-bottom:22px;
  font-family:var(--sans); line-height:1.2;
}
.tuoguan p{ font-size:18px; color:#686868; line-height:1.67; }
.tuoguan p .ml{ display:block; }
.tuoguan .tg-img{ display:none; }

.plain-title.big{ font-size:42px; }
.channel-section{ padding-bottom:99px; text-align:center; }
.channel-section .plain-title{ margin-bottom:18px; }
.channel-section .channel-sub{ color:#6e6e6e; font-size:18px; margin-bottom:48px; }
.channel-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:57px; }
.channel-grid img{ width:100%; border-radius:50px; display:block; }

.client-section{ padding-bottom:151px; text-align:center; }
.client-section .plain-title{ margin-bottom:12px; }
.client-section .client-sub{ color:#6e6e6e; font-size:18px; margin-bottom:8px; }
.client-tags{ color:#686868; font-size:18px; margin-bottom:47px; }
.client-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:57px; }
.client-grid img{ width:100%; border-radius:50px; box-shadow:0 0 14px rgba(0,0,0,.13); }

.circles-section{ padding-bottom:135px; }
.circles-section img{ width:100%; margin:0 auto; }
.circles-section .circles-m{ display:none; }

/* ============================================================
   移动端  <992px  (设计稿 750px)
   ============================================================ */
@media (max-width: 991.98px){

  .wrap{ padding:0 6.4vw; }
  .pc-br br{ display:none; }
  .pc-gap{ display:none; }
  .m-br{ display:inline; }
  .m-only{ display:inline; }
  .pc-only{ display:none; }

  .sec-label{ font-size:3.73vw; margin-bottom:4vw; }
  .sec-title{ font-size:6.93vw; line-height:1.31; }
  .sec-desc{ font-size:3.2vw; line-height:2.1; }

  .center-title{ font-size:5.6vw; line-height:1.27; padding-bottom:2.4vw; margin-bottom:8vw; }
  .center-title::after{ width:13.6vw; height:1.07vw; }
  .center-sub{ font-size:3.9vw; margin-top:-5vw; margin-bottom:8vw; }

  /* 头部 */
  .header-inner, .main-nav, .header-phone{ display:none; }
  .header-m{
    display:flex; align-items:flex-start; justify-content:space-between;
    padding:1.7vw 4vw 0; position:relative; z-index:6;
  }
  .header-m .menu-toggle{ width:4.8vw; height:4vw; max-width:36px; max-height:30px; margin-top:2.9vw; }
  .header-m .menu-toggle span{ height:.55vw; max-height:4px; }
  .header-m .menu-toggle span:nth-child(1){ top:0; }
  .header-m .menu-toggle span:nth-child(2){ top:1.85vw; }
  .header-m .menu-toggle span:nth-child(3){ top:3.7vw; }
  @media (min-width:600px){
    .header-m .menu-toggle span:nth-child(1){ top:0; }
    .header-m .menu-toggle span:nth-child(2){ top:13.5px; }
    .header-m .menu-toggle span:nth-child(3){ top:27px; }
  }
  .header-m .h-logo{ position:absolute; left:50%; top:1.7vw; transform:translateX(-50%); }
  .header-m .h-logo img{ height:14vw; max-height:105px; width:auto; }

  /* Banner */
  .banner-pill{ display:none; }
  .banner-tabs{ display:none; }

  /* 页脚 */
  .footer-main, .footer-copy{ display:none; }
  .footer-m{ display:block; margin:0 -3.07vw; }
  .footer-m .fm-logo{ text-align:center; padding:7.33vw 0 4.13vw; }
  .footer-m .fm-logo img{ height:14vw; max-height:105px; margin:0 auto; }
  .footer-m nav a{
    display:flex; align-items:center; justify-content:space-between;
    padding:2.83vw 2.13vw 2.83vw 1.87vw; font-size:4.27vw; line-height:1.74; color:#4c4437;
    border-top:1px solid #eee;
  }
  .footer-m nav a svg{ width:2.6vw; height:2.6vw; max-width:20px; max-height:20px; stroke:#818181; }
  .footer-m .fm-contact{
    display:flex; align-items:center; gap:7.33vw;
    border-top:1px solid #eee; margin-top:0; padding:7.2vw 0 4.67vw 7.87vw;
  }
  .footer-m .fm-contact .fm-qr{ text-align:center; }
  .footer-m .fm-contact .fm-qr img{ display:block; width:28.8vw; height:28.8vw; max-width:216px; max-height:216px; margin:0 auto 2.2vw; }
  .footer-m .fm-contact .fm-qr p{ font-size:3.2vw; color:var(--muted); line-height:1.4; }
  .footer-m .fm-contact .fm-info{ margin-top:-3.44vw; }
  .footer-m .fm-contact .fm-info p{
    display:flex; align-items:center; gap:4.53vw;
    font-size:3.87vw; line-height:1.4; color:#3b342a; margin-bottom:5vw;
  }
  .footer-m .fm-contact .fm-info p:last-child{ margin-bottom:0; }
  .footer-m .fm-contact .fm-info svg{ width:3.2vw; height:3.2vw; max-width:24px; max-height:24px; fill:var(--gold-2); }
  .footer-m .fm-copy{
    border-top:1px solid #d9d9d9; text-align:center; margin:0 -3.33vw;
    padding:3.6vw 0 5.2vw; font-size:3.27vw; color:#a39a8a; line-height:1.63;
  }
  .lang-fab{ display:flex; }

  /* ---- 首页 ---- */
  .brand{ padding:14vw 0 19.9vw; }
  .brand-grid{ grid-template-columns:1fr; gap:6.1vw; }
  .brand-text .sec-title{ margin-bottom:10vw; }
  .brand-text .sec-desc{ max-width:none; font-size:3.2vw; line-height:2.08; }
  .brand-line{ width:27.5vw; right:4.7vw; top:-8.5vw; }
  .brand-img{ margin:0 -1.87vw; }
  .brand-img img{ border-radius:9.33vw; }

  .home-stores{ padding:10.7vw 0 0; }
  .home-stores::before{ top:-7.8vw; width:100%; height:15.6vw; }
  .stores-head{ margin-bottom:8.5vw; }
  .stores-line{ width:36vw; top:5.1vw; right:1.1vw; }
  .stores-card-wrap{ padding:0 4.5vw; }
  .stores-card{
    display:grid; grid-template-columns:1fr; border-radius:20vw; padding:10.13vw 6vw 12.8vw; gap:8.4vw;
  }
  .stores-map{ order:-1; position:relative; left:50%; top:auto; transform:translateX(-50%); width:97.47vw; }
  .stores-list{ grid-template-columns:1fr; gap:4.27vw; }
  .stores-list li{ font-size:2.49vw; gap:2.13vw; height:6.4vw; }
  .stores-list .tag{ font-size:2.13vw; padding:0; border-radius:2vw; width:18.4vw; height:6.4vw; }

  .reviews{ padding:12.9vw 0 11.3vw; }
  .reviews-grid{ grid-template-columns:1fr; gap:3.2vw; }
  .reviews-text .sec-title{ margin-bottom:4.3vw; }
  .reviews-text .sec-desc{ max-width:none; font-size:3.2vw; line-height:2.08; }
  .reviews-flower{ width:28vw; left:auto; bottom:auto; top:-4vw; right:1.9vw; }
  .reviews-imgs{ margin:0 -1.6vw; }
  .rc-stage{ width:89.73vw; height:61.73vw; }
  .rc{ border-radius:2.67vw; box-shadow:0 0 2.67vw rgba(0,0,0,.1); }
  .rc.s1{ left:0; top:0; width:60.4vw; height:26.4vw; }
  .rc.s2{ left:4.67vw; top:13.33vw; width:80.27vw; height:34.93vw; }
  .rc.s3{ left:29.33vw; top:35.33vw; width:60.4vw; height:26.4vw; }
  .reviews-dots{ margin-top:11.9vw; transform:none; gap:1.07vw; }
  .reviews-dots i{ width:4.27vw; height:0.67vw; border-radius:1vw; }

  .home-franchise{ padding:20.3vw 0 0; }
  .home-franchise::before{ top:0; width:100%; height:7.8vw; }
  .home-franchise::after{ bottom:-7.8vw; width:100%; height:7.8vw; }
  .hf-head{ margin-bottom:8vw; }
  .hf-head .sec-title{ margin-bottom:2.2vw; }
  .hf-head .sec-desc{ font-size:3.2vw; line-height:2.08; }
  .hf-plane{ display:none; }
  .hex-grid{ grid-template-columns:repeat(2,auto); justify-content:center; column-gap:18.9vw; row-gap:9.6vw; padding-bottom:10.3vw; }
  .hex-grid img{ width:27.7vw; }

  /* ---- 关于我们 ---- */
  .about-section{ padding:10vw 0 13.2vw; }
  .about-section .wrap{ padding:0; }
  .about-section .center-title{ margin-bottom:4vw; }
  .about-text{ width:89.6vw; margin:0 auto 5.15vw; font-size:3.733vw; line-height:2.143; color:#6f6f6f; }
  .about-text p{ margin:0; }
  .about-text p + p{ margin-top:8vw; }
  .about-video{ width:93.6vw; margin:0 auto; }
  .about-video img{ width:100%; display:block; }
  .about-history .history-in{ padding-top:16.53vw; }
  .about-history .center-title{ margin-bottom:11.6vw; }
  .hs-year{ font-size:9.6vw; line-height:7.33vw; height:7.33vw; margin-bottom:3.73vw; }
  .hs-cards{ height:44.27vw; }
  .hs-card{ height:44.27vw; border-radius:2.53vw; }
  .hs-main{ margin-left:-40.2vw; width:80.4vw; }
  .hs-side{ display:none; }
  .hs-body{ padding:8.93vw 4vw 0 13.87vw; font-size:3.2vw; line-height:6vw; }
  .hs-arrow{
    display:flex; align-items:center; justify-content:center;
    position:absolute; top:50%; transform:translateY(-50%);
    width:5.2vw; height:5.2vw; border-radius:50%; border:0; padding:0;
    background:rgba(255,255,255,.92); cursor:pointer;
  }
  .hs-arrow svg{ width:1.87vw; height:2.53vw; display:block; }
  .hs-prev{ left:2.4vw; }
  .hs-next{ right:2.4vw; }
  .hs-nav{ margin-top:16.67vw; padding-bottom:8.13vw; }
  .hs-nav-in{ padding-bottom:1.2vw; }
  .hs-nav span{ font-size:3.73vw; margin:0 6.47vw; }
  .hs-nav span[data-y="2020"], .hs-nav span[data-y="2019"], .hs-nav span[data-y="2018"]{ display:none; }
  .hs-bar{ width:10.93vw; height:0.53vw; }
  .about-culture{ padding:12.93vw 0 11.47vw; }
  .about-culture .wrap{ padding:0 4.53vw; }
  .about-culture .center-title{ margin-bottom:9.73vw; }
  .culture-row{ flex-direction:column; margin:0 0 12.53vw; }
  .culture-row:last-child{ margin-bottom:0; }
  .culture-row .c-img{ order:-1; flex:none; }
  .culture-row .c-img img{ width:100%; }
  .culture-row .c-text{ padding:0 0 0 2vw; margin-top:4.53vw; }
  .culture-row.cr-l .c-text, .culture-row.cr-r .c-text{ padding-left:2vw; }
  .culture-row .c-text p{ font-size:3.2vw; line-height:2.083; width:87vw; color:#6f6f6f; }
  .about-honor{ padding:14.67vw 0 14.53vw; margin-bottom:-0.4vw; }
  .about-honor .center-title{ margin-bottom:8.53vw; }
  .honor-list{ flex-direction:column; gap:5.87vw; align-items:center; }
  .honor-item{ flex:0 0 auto; }
  .honor-item img{ width:73.6vw; display:block; }
  .honor-dots{ gap:1.07vw; margin-top:7.33vw; }
  .honor-dots i{ width:4.27vw; height:0.8vw; border-radius:0.4vw; }

  /* ---- 新闻列表 ---- */
  .news-section{ padding:8.8vw 0 10.67vw; }
  .news-section .wrap{ padding:0 4.53vw; }
  .news-section .center-title{ margin-bottom:8.2vw; }
  .news-feature{
    grid-template-columns:1fr; border-radius:6.67vw; margin-bottom:2.4vw;
    height:auto;
  }
  .news-feature .nf-img img{ width:100%; height:auto; }
  .news-feature .nf-body{ padding:5.87vw 5.2vw 8.93vw; }
  .news-feature h3{
    font-size:4.8vw; line-height:1.3889; margin-bottom:0; white-space:normal;
  }
  .news-feature .nf-date{ font-size:2.8vw; line-height:1.19; gap:1.33vw; margin:2.93vw 0 0; }
  .news-feature .nf-date svg{ width:3.2vw; height:3.2vw; }
  .news-feature .nf-desc{
    font-size:3.2vw; line-height:2.1875; margin:2.53vw 0 0; -webkit-line-clamp:4;
  }
  .news-feature .nf-desc.pc-only{ display:none; }
  .news-feature .nf-desc.m-only{ display:-webkit-box; }
  .news-feature .btn-dark{
    margin:5.73vw auto 0; width:36.27vw; height:9.87vw; border-radius:4.8vw;
    font-size:3.2vw; padding:0 4.13vw 0 5.33vw; justify-content:space-between; gap:0;
  }
  .news-feature .btn-dark svg{ width:4.53vw; height:2.93vw; }

  .news-item{
    height:25.6vw; padding:0; border-radius:6.67vw; margin-bottom:2.4vw;
    background:#fff; border:1px solid #ececec;
  }
  .news-item.m-only{ display:flex; }
  .news-item::after{ display:none; }
  .news-item .ni-date{ flex:0 0 13.33vw; margin-left:2.9vw; padding-right:0; }
  .news-item .ni-date b{ font-size:9.33vw; color:#a4a4a4; }
  .news-item .ni-date span{ font-size:2.93vw; color:#a4a4a4; margin-top:0.93vw; white-space:nowrap; }
  .news-item .ni-dot{
    width:1.47vw; height:1.47vw; background:#afafaf; margin:0 4.13vw 0 2.17vw;
  }
  .news-item .ni-body{ margin-right:6.6vw; }
  .news-item .ni-body h4{ font-size:3.73vw; line-height:1.4286; margin-bottom:0; }
  .news-item .ni-body p{ display:none; }
  .pagination{ display:none; }
  .news-more-m{
    display:flex; justify-content:center; margin-top:4vw;
  }
  .news-more-m span{
    width:40.4vw; height:8.4vw; display:flex; justify-content:center;
    padding-top:1.6vw;
    background:#c5b093; color:#fff; font-size:2.8vw; line-height:1;
    clip-path:polygon(0 0,100% 0,50% 100%);
  }

  /* ---- 新闻详情 ---- */
  .article{ padding:9.07vw 0 12.8vw; }
  .article .wrap{ padding:0 3.33vw; }
  .article .center-title{ margin-bottom:7.42vw; }
  .article-title{ font-size:4.8vw; line-height:6.667vw; padding:0; margin-bottom:2.7vw; }
  .article-meta{ gap:8vw; font-size:3.2vw; line-height:4vw; margin-bottom:6.13vw; }
  .article-meta img{ display:none; }
  .article-line{ display:none; }
  .article-hero{ border-radius:6.67vw; margin:0 0 3.47vw; }
  .article-body{ font-size:3.733vw; line-height:8vw; margin:0; }
  .article-body p{ margin:0 0 8vw; }
  .article-body p:last-child{ margin-bottom:0; }
  .article-body h3{ font-size:4.8vw; margin:0; }
  .article-nav{ margin:2.36vw 0 0; }
  .article-nav a{ height:10.27vw; border-radius:3.33vw; padding:0 4vw 0 2.53vw; margin-bottom:3.73vw; font-size:3.2vw; }
  .article-nav a .an-ic{ flex:0 0 2.93vw; width:2.93vw; height:2.93vw; border-radius:0.8vw; margin-right:2.13vw; }
  .article-nav a .an-prev::before{ left:0.53vw; border-width:0.67vw 1.2vw 0.67vw 0; }
  .article-nav a .an-next::before{ right:0.53vw; border-width:0.67vw 0 0.67vw 1.2vw; }

  /* ---- 门店分布 ---- */
  .map-section{ padding:11.2vw 0 9.6vw; }
  .map-section .wrap{ padding:0; }
  .map-picture img{ width:92.27vw; margin:0 auto; }

  .stores-grid{ grid-template-columns:1fr; gap:3.73vw; padding-bottom:11.87vw; }
  .stores-grid.wrap, .stores-grid{ width:90.93vw; margin-left:auto; margin-right:auto; padding-left:0; padding-right:0; }
  .store-card{ border-radius:6.67vw; }
  .store-card.pc-only-card{ display:none; }
  .store-card.m-only-card{ display:block; }
  .store-card .sc-img{ height:52.4vw; }
  .store-card .sc-body{ padding:3.2vw 4.8vw 5.87vw 4.67vw; }
  .store-card h4{ font-size:4.27vw; margin-bottom:2vw; }
  .store-card p{ font-size:3.2vw; height:3.2vw; gap:0.8vw; }
  .store-card p svg{ width:1.87vw; height:2.8vw; margin-left:0; }

  /* ---- 服务项目 ---- */
  .services-section{ padding:9.2vw 0 11.73vw; }
  .services-section .wrap{ padding:0; }
  .svc-row, .svc-row:nth-child(even){
    position:static; height:auto; width:90.93vw; margin:0 auto 3.6vw;
    background:#fbf3e7; border-radius:6.67vw; overflow:hidden;
    display:flex; flex-direction:column;
  }
  .svc-row .svc-img{ order:-1; }
  .svc-row:last-child{ margin-bottom:0; }
  .svc-row .svc-img, .svc-row:nth-child(even) .svc-img{
    position:static; width:100%; height:52.4vw; border-radius:0; z-index:auto;
  }
  .svc-row .svc-body, .svc-row:nth-child(even) .svc-body,
  .svc-row:nth-child(2) .svc-body{
    position:static; width:auto; height:auto; background:transparent;
    border-radius:0; padding:5.33vw 4vw 6.33vw 4.27vw; left:auto; right:auto;
  }
  .svc-row.tl .svc-body{ padding-top:5.33vw; }
  .svc-body h3{ font-size:4.8vw; line-height:1; color:#382913; margin-bottom:4.87vw; }
  .svc-row.tl h3{ line-height:1; margin-bottom:4.87vw; }
  .svc-list, .svc-list.cols-2{
    display:grid; grid-template-columns:41.07vw 1fr; grid-auto-flow:column;
  }
  .svc-row:nth-child(1) .svc-list{ grid-template-rows:repeat(3,8vw); }
  .svc-row:nth-child(2) .svc-list{ grid-template-rows:repeat(4,8vw); }
  .svc-row:nth-child(3) .svc-list,
  .svc-row:nth-child(5) .svc-list,
  .svc-row:nth-child(6) .svc-list{ grid-template-rows:repeat(2,8vw); }
  .svc-row:nth-child(4) .svc-list{ grid-template-rows:repeat(1,8vw); }
  .svc-list li{ height:auto; font-size:2.4vw; gap:1.6vw; color:#505050; }
  .svc-list li i{ width:3.2vw; height:3.2vw; border-width:0.27vw; }
  .svc-row.dark .svc-body{ background:transparent; }
  .svc-row.dark h3{ color:#382913; }
  .svc-row.dark .svc-list li{ color:#505050; }

  /* ---- 联系我们 ---- */
  .plain-title{ font-size:4.8vw; }
  .contact-map{ padding:9.07vw 0 0; }
  .contact-map .wrap{ padding:0; }
  .cm-card{
    width:90.93vw; height:153.73vw; margin:0 auto; border-radius:6.67vw;
  }
  .cm-map{
    left:0; top:0; width:100%; height:72.4vw;
    border-radius:6.67vw 6.67vw 0 0; overflow:hidden;
  }
  .cm-info{ left:7.87vw; width:75.2vw; }
  .cm-item.i1{ top:82.13vw; }
  .cm-item.i2{ top:108.93vw; }
  .cm-item.i3{ top:132.93vw; }
  .cm-item .ic{ flex-basis:9.6vw; margin-left:1.33vw; padding-top:0.4vw; }
  .cm-item.i2 .ic{ padding-top:0.27vw; }
  .cm-item.i3 .ic{ padding-top:0.8vw; }
  .cm-item.i1 .ic img{ width:8vw; height:8.4vw; }
  .cm-item.i2 .ic img{ width:8.67vw; height:8.67vw; }
  .cm-item.i3 .ic img{ width:9.6vw; height:6.67vw; }
  .cm-item .tx{ margin-left:6.53vw; }
  .cm-item h4{ font-size:3.47vw; margin-bottom:3.2vw; }
  .cm-item p{ font-size:3.2vw; line-height:1.4; }
  .cm-item.i3 p{ font-size:3.73vw; }
  .cm-div{ width:75.2vw; height:0.4vw; }
  .cm-div.d1{ top:100.8vw; }
  .cm-div.d2{ top:126.13vw; }

  .contact-stores{ padding:10vw 0 11.6vw; }
  .contact-stores .wrap{ padding:0; }
  .contact-stores .plain-title{ margin-bottom:4.37vw; }
  .contact-pills{ grid-template-columns:1fr; gap:3.73vw; width:90.93vw; margin:0 auto; }
  .contact-pills .cp{
    padding:6.27vw 3vw 0 4.13vw; border-radius:6.67vw; height:22.93vw;
  }
  .contact-pills .cp h4{ font-size:3.87vw; margin-bottom:4vw; }
  .contact-pills .cp p{ font-size:3.2vw; height:3.2vw; gap:1.87vw; }
  .contact-pills .cp p svg{ width:1.73vw; height:2.8vw; margin-left:0.27vw; }
  /* 选中态深色与 PC 一致：分店按钮点击反馈（效果如同茶园店） */

  /* ---- 招商加盟 ---- */
  .franchise-head{ padding:9.73vw 0 8.73vw; }
  .franchise-head .sec-title{ font-size:6.93vw; line-height:1.3; margin-bottom:4.73vw; }
  .franchise-head .sec-desc{ font-size:3.2vw; line-height:2.08; color:#545454; }
  .hex-section{ padding-bottom:16vw; }
  .hex-grid-page{
    grid-template-columns:repeat(2,auto); justify-content:center;
    column-gap:18.9vw; row-gap:9.6vw;
  }
  .hex-grid-page img{ width:27.7vw; display:block; }

  .tuoguan{
    display:block; width:90.93vw; aspect-ratio:682/902; border-radius:20vw;
    margin:0 0 11.4vw -1.07vw; background:url('../img/tuoguan-m-card.png?v=59') no-repeat center/100% 100%;
  }
  .tuoguan .tg-body{ width:100%; max-width:none; padding:14.4vw 6vw 0 9.73vw; }
  .tuoguan h3{ font-size:5.6vw; margin-bottom:3.33vw; }
  .tuoguan p{ font-size:3.2vw; line-height:1.67; }
  .tuoguan p .ml{ display:block; }
  .tuoguan .tg-img{ display:none; }

  .plain-title.big{ font-size:5.6vw; }
  .channel-section{ padding-bottom:11.67vw; }
  .channel-section .wrap{ padding:0 4.67vw; }
  .channel-section .plain-title{ margin-bottom:1.67vw; }
  .channel-section .channel-sub{ font-size:3.2vw; margin-bottom:5.2vw; }
  .channel-grid{ grid-template-columns:1fr; gap:3.6vw; }
  .channel-grid img{ border-radius:6.67vw; }

  .client-section{ padding-bottom:11.07vw; }
  .client-section .plain-title{ margin-bottom:1.73vw; }
  .client-section .client-sub{ font-size:3.2vw; margin-bottom:0; }
  .client-tags{ font-size:3.2vw; margin-bottom:4vw; }
  .client-grid{ grid-template-columns:1fr; gap:6.4vw; max-width:80vw; margin:0 auto; }
  .client-grid img{ border-radius:6.67vw; box-shadow:0 0 1.87vw rgba(0,0,0,.13); }

  .circles-section{ padding-bottom:14.4vw; }
  .circles-section .wrap{ padding:0; }
  .circles-section .circles-pc{ display:none; }
  .circles-section .circles-m{ display:block; width:92.4vw; margin:0 auto; }
}

/* 超宽屏保持内容居中 */
@media (min-width: 1921px){
  .header-inner{ padding-left:0; padding-right:0; }
}

/* ============================================================
   交互动效
   ============================================================ */
/* 关于我们 标签导航高亮过渡 */
.banner-tabs a{ transition:color .3s ease; }

/* 内容滚动入场动画（仅 JS 启用时隐藏初始态，无 JS 保持原样） */
body.anim [data-anim]{ opacity:0; transform:translateY(36px); transition:opacity .7s ease, transform .7s ease; }
body.anim [data-anim="left"]{ transform:translateX(-56px); }
body.anim [data-anim="right"]{ transform:translateX(56px); }
body.anim [data-anim].in{ opacity:1; transform:none; }
body.anim picture[data-anim]{ display:block; }
@media (prefers-reduced-motion: reduce){
  body.anim [data-anim]{ transition:none; opacity:1; transform:none; }
  .hex-grid .hxd{ transition:none; }
}

/* 荣誉资质 指示点轮播 */
.honor-list{ transition:transform .55s ease; }
.honor-dots i{ cursor:pointer; transition:background .3s ease; }
.honor-item.clone{ display:none; }
@media (min-width: 992px){
  .honor-item.clone{ display:block; }
}

/* 联系我们 分店按钮点击反馈 */
.contact-pills .cp{ cursor:pointer; transition:background .3s ease, border-color .3s ease; }
.contact-pills .cp h4{ transition:color .3s ease; }
.contact-pills .cp p{ transition:color .3s ease; }
.contact-pills .cp p svg{ transition:fill .3s ease; }

/* 天地图容器（填入 key 后启用；未启用时隐藏，保持设计稿静态地图） */
.cm-map #tdt-map{ display:none; position:absolute; inset:0; z-index:2; }
.cm-map #tdt-map.live{ display:block; }

/* 关于我们：品牌视频（海报可点击，弹窗播放） */
.about-video{ cursor:pointer; }
.about-video img{ transition:filter .3s ease; }
.about-video:hover img{ filter:brightness(1.05); }
.video-modal{ position:fixed; inset:0; z-index:1000; display:none; }
.video-modal.open{ display:block; }
.vm-mask{ position:absolute; inset:0; background:rgba(0,0,0,.78); }
.vm-box{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(1200px, 92vw);
}
.vm-box video{
  width:100%; max-height:82vh; display:block;
  background:#000; border-radius:8px; aspect-ratio:16/9;
}
.vm-close{
  position:absolute; top:-48px; right:0; width:36px; height:36px;
  border:0; background:transparent; color:#fff; font-size:34px; line-height:1; cursor:pointer;
}
.vm-tip{
  display:none; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);
  text-align:center; color:rgba(255,255,255,.85); font-size:15px; letter-spacing:1px; pointer-events:none;
}
.video-modal.novideo .vm-tip{ display:block; }
@media (max-width: 991.98px){
  .vm-box{ width:94vw; }
  .vm-close{ top:-11vw; width:8vw; height:8vw; font-size:7vw; }
}