:root{
  --bg:#f7f3f0;
  --soft:#fbf4ea;
  --card:#ffffff;
  --text:#3c2f2a;
  --muted:#8b7b72;
  --brand:#caa07a;
  --brand2:#d9b18a;
  --line:rgba(60,47,42,.08);
}

/* ===== Reset / 抗干扰（bootstrap、浏览器默认）===== */
.ui-body{background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;}
.ui-body a{color:inherit; text-decoration:none;}
.ui-body a:hover{text-decoration:none;}
.ui-body img{max-width:100%; height:auto; display:block;}
.ui-body *{box-sizing:border-box;}

/* 容器 */
.ui-container{max-width:1200px; margin:0 auto; padding:0 18px; width:100%;}

/* ===== 通用区块 ===== */
.ui-main{padding-bottom:40px;}
.ui-section{padding:52px 0;}
.ui-section-soft{background:linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,0));}
.ui-center{text-align:center;}
.ui-h2{font-size:34px; font-weight:700; letter-spacing:.5px;}
.ui-subtitle{margin-top:8px; color:var(--muted); font-size:14px;}
.ui-p{margin-top:14px; color:var(--muted); line-height:1.9; font-size:14px;}

.ui-btn{display:inline-flex; align-items:center; justify-content:center; height:42px; padding:0 18px; border-radius:999px; border:1px solid transparent; font-size:14px; cursor:pointer;}
.ui-btn-primary{background:var(--brand); color:#fff; box-shadow:0 10px 25px rgba(202,160,122,.25);}
.ui-btn-ghost{background:transparent; border-color:rgba(202,160,122,.55); color:var(--brand);}
.ui-actions{margin-top:18px; display:flex; gap:12px; flex-wrap:wrap;}

/* ===== Banner ===== */
.ui-hero{position:relative;}
.ui-hero-swiper{width:100%; height:60vh; min-height:420px;}
.ui-hero-imgwrap{display:block; width:100%; height:60vh; min-height:420px; background-size:cover; background-position:center;}
.ui-hero-imgwrap img{width:100%; height:100%; object-fit:cover; object-position:center;}
.ui-hero-overlay{
  position:absolute; left:0; top:0; right:0; bottom:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  color:#fff; text-align:center;
  background:linear-gradient(90deg, rgba(145,185,140,.55), rgba(226,170,120,.45));
  pointer-events:none;
}
.ui-hero-title{font-size:44px; font-weight:800; letter-spacing:1px;}
.ui-hero-sub{margin-top:10px; font-size:14px; opacity:.9;}
.ui-hero-btn{margin-top:16px; pointer-events:auto;}

.ui-hero-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.18);
  color:#fff; font-size:28px; z-index:5; cursor:pointer;
  backdrop-filter: blur(6px);
}
.ui-hero-prev{left:18px;}
.ui-hero-next{right:18px;}

/* ===== 双栏 ===== */
.ui-two-col{display:grid; grid-template-columns: 1.2fr .8fr; gap:34px; align-items:center;}
.ui-right{display:flex; justify-content:flex-end;}
.ui-blob-card{
  width:340px; height:240px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(145,185,140,.45), rgba(226,170,120,.35));
  box-shadow:0 18px 40px rgba(0,0,0,.08);
  overflow:hidden;
}
.ui-blob-img{width:100%; height:100%; object-fit:cover;}
.ui-blob-placeholder{
  width:100%; height:100%;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), transparent 55%),
    radial-gradient(circle at 65% 55%, rgba(255,255,255,.25), transparent 60%),
    linear-gradient(135deg, rgba(145,185,140,.35), rgba(226,170,120,.25));
}

.ui-metrics{margin-top:22px; display:flex; gap:26px; flex-wrap:wrap;}
.ui-metric{min-width:90px;}
.ui-metric-num{font-weight:800; color:var(--brand); font-size:18px;}
.ui-metric-txt{margin-top:6px; color:var(--muted); font-size:12px;}

/* ===== 故事卡片 ===== */
.ui-story-grid{margin-top:22px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.ui-story-card{
  background:rgba(255,255,255,.7);
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px 20px;
  box-shadow:0 14px 35px rgba(0,0,0,.05);
  text-align:center;
}
.ui-story-ico{
  width:44px; height:44px; border-radius:12px;
  margin:0 auto 12px;
  display:flex; align-items:center; justify-content:center;
  color:var(--brand);
  background:rgba(202,160,122,.12);
  font-size:20px; font-weight:700;
}
.ui-story-title{font-weight:800; margin-bottom:8px;}
.ui-story-desc{color:var(--muted); font-size:13px; line-height:1.8;}

/* ===== Tabs & 商品 ===== */
.ui-tabs{margin:18px auto 26px; display:flex; gap:10px; justify-content:center; flex-wrap:wrap;}
.ui-tab{
  height:36px; padding:0 16px; border-radius:999px;
  border:1px solid rgba(60,47,42,.12);
  background:rgba(255,255,255,.55);
  color:var(--muted);
}
.ui-tab.is-active{
  background:#fff;
  border-color:rgba(202,160,122,.55);
  color:var(--text);
  box-shadow:0 10px 25px rgba(0,0,0,.06);
}
.ui-tabpanel{display:none;}
.ui-tabpanel.is-show{display:block;}

.ui-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.ui-card{
  background:rgba(255,255,255,.75);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 14px 35px rgba(0,0,0,.05);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.ui-card:hover{
  transform:translateY(-3px);
  border-color:rgba(202,160,122,.28);
  box-shadow:0 18px 42px rgba(60,47,42,.10);
}
.ui-card-img{position:relative; display:block; height:280px; background:rgba(0,0,0,.03); overflow:hidden!important;}
.ui-card-img img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .35s ease;
  transform:translateZ(0);
}
.ui-card:hover .ui-card-img img{transform:scale(1.05);}
.ui-badge{
  position:absolute; left:12px; top:12px;
  padding:4px 10px; border-radius:999px;
  background:rgba(202,160,122,.92);
  color:#fff; font-size:12px;
}
.ui-badge-soft{background:rgba(145,185,140,.85);}
.ui-card-body{padding:14px 14px 12px; position:relative; z-index:2; background:rgba(255,255,255,.78);}
.ui-card-title{font-weight:800; font-size:14px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ui-card-meta{margin-top:10px; display:flex; align-items:center; justify-content:space-between;}
.ui-stars{color:var(--brand2); letter-spacing:1px; font-size:12px;}
.ui-meta{color:var(--muted); font-size:12px;}
.ui-card-foot{margin-top:12px; display:flex; align-items:center; justify-content:space-between;}
.ui-price{font-weight:900; color:var(--brand); font-size:16px;}
.ui-cart{
  width:34px; height:34px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(145,185,140,.12);
  color:#5c7a57;
  border:1px solid rgba(145,185,140,.25);
}

.ui-more{margin-top:26px; text-align:center;}

/* ===== 订阅 ===== */
.ui-newsletter{
  background:rgba(255,255,255,.55);
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px 22px;
  text-align:center;
}
.ui-news-title{font-size:22px; font-weight:900;}
.ui-news-desc{margin-top:8px; color:var(--muted); font-size:13px;}
.ui-news-form{margin-top:16px; display:flex; gap:10px; justify-content:center; flex-wrap:wrap;}
.ui-input{
  width:360px; max-width:100%;
  height:42px; border-radius:999px;
  border:1px solid rgba(60,47,42,.12);
  padding:0 16px;
  outline:none;
  background:rgba(255,255,255,.85);
}

/* ===== Header===== */
.ui-header{position:sticky; top:0; z-index:999; background:rgba(246,227,213,.88); backdrop-filter:blur(10px); border-bottom:1px solid rgba(60,47,42,.06);}
.ui-header-inner{display:flex; align-items:center; gap:12px; height:68px;}
.ui-header-logo{display:flex; align-items:center;}
.ui-logo-link{display:inline-flex; align-items:center;}
.ui-logo-img{max-height:44px; width:auto;}

.ui-header-nav{display:flex; align-items:center; gap:8px; flex:1 1 auto; min-width:0; justify-content:center;}
.ui-nav-item{color:var(--text); font-size:14px; padding:8px 8px; border-radius:999px; white-space:nowrap; flex:0 0 auto;}
.ui-nav-item:hover{background:rgba(255,255,255,.55);}

.ui-header-actions{display:flex; align-items:center; gap:8px; flex:0 0 auto;}
.ui-icon-btn{
  width:38px; height:38px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(60,47,42,.08);
}
.ui-text-btn{
  height:38px; display:inline-flex; align-items:center;
  padding:0 12px; border-radius:999px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(60,47,42,.08);
  font-size:13px;
}

/* global icon stack + label styles */
.ui-icon-stack,
.ui-burger-stack{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1;
  box-sizing:border-box;
}

.ui-center-btn,
.ui-burger-stack{
  min-width:72px;
  padding:2px 4px;
}

.ui-icon-label{
  font-size:12px;
  margin-top:4px;
  color:rgba(60,47,42,.65);
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  max-width:none;
}

.ui-burger-icon{
  font-size:18px;
  line-height:1;
}

.ui-icon-stack svg{display:block;}

@media (max-width: 360px){
  .ui-center-btn,
  .ui-burger-stack{ min-width:72px; padding:2px 4px; }
  .ui-icon-label{ font-size:11px; }
}

@media (min-width: 992px){
  .ui-only-m{display:none !important;}
}
.ui-search{
  display:flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(60,47,42,.10);
  border-radius:999px;
  padding:6px 6px 6px 12px;
}
.ui-search-input{border:0 !important; outline:none; background:transparent !important; width:220px; min-width:0; font-size:14px; color:var(--text);}
.ui-search-btn{height:30px; padding:0 12px; border:0; border-radius:999px; background:var(--brand); color:#fff; font-size:12px; cursor:pointer;}
.ui-burger{width:40px; height:38px; border-radius:12px; background:rgba(255,255,255,.55); border:1px solid rgba(60,47,42,.08); cursor:pointer;}

@media (max-width: 1280px){
  .ui-header-inner{gap:10px;}
  .ui-header-nav{gap:6px;}
  .ui-nav-item{padding:8px 6px; font-size:13px;}
  .ui-search-input{width:180px;}
  .ui-text-btn{padding:0 10px;}
}


.ui-mobile-panel{border-top:1px solid rgba(60,47,42,.06); background:rgba(246,227,213,.95); padding:12px 0;}
.ui-mobile-nav{margin-top:10px; display:flex; flex-direction:column;}
.ui-mnav-item{padding:12px 10px; border-bottom:1px solid rgba(60,47,42,.06);}

.ui-only-pc{display:flex;}
.ui-only-m{display:none;}

/* ===== Footer ===== */
.ui-footer{margin-top:30px; background:rgba(255,255,255,.45); border-top:1px solid rgba(60,47,42,.06); padding:34px 0 18px;}
.ui-footer-top{display:grid; grid-template-columns: 1.1fr 1.9fr; gap:22px; align-items:start;}
.ui-footer-desc{margin-top:10px; color:var(--muted); font-size:13px; line-height:1.8;}
.ui-footer-cols{display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:18px;}
.ui-footer-top.ui-footer-desktop{display:grid;}
.ui-footer-bottom.ui-footer-mobile{display:flex;}
.ui-fcol-title{font-weight:800; margin-bottom:10px;}
.ui-fcol-link{display:block; color:var(--muted); padding:6px 0; font-size:13px;}
.ui-fcol-link:hover{color:var(--text);}
.ui-fcol-text{color:var(--muted); font-size:13px; line-height:1.8;}
.ui-footer-bottom{margin-top:18px; padding-top:14px; border-top:1px solid rgba(60,47,42,.06); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.ui-footer-links a{color:var(--muted); font-size:13px;}
.ui-footer-links a:hover{color:var(--text);}
.ui-dot{margin:0 8px; color:rgba(60,47,42,.25);}
.ui-footer-copy{color:rgba(60,47,42,.55); font-size:12px;}

/* ===== 响应式 ===== */
@media (max-width: 992px){
  .ui-hero-swiper,.ui-hero-imgwrap{height:auto; min-height:340px; aspect-ratio:16/10;}
  .ui-hero-imgwrap img{object-fit:contain; object-position:center;}
  .ui-hero-title{font-size:28px; font-weight:700; letter-spacing:0.5px;}
  .ui-hero-sub{font-size:13px;}
  .ui-hero-nav{width:36px; height:36px; font-size:24px;}
  .ui-hero-overlay{background:linear-gradient(90deg, rgba(145,185,140,.6), rgba(226,170,120,.5));}
  .ui-two-col{grid-template-columns:1fr; gap:18px;}
  .ui-right{justify-content:flex-start;}
  .ui-blob-card{width:100%; height:220px;}
  .ui-story-grid{grid-template-columns:1fr;}
  .ui-grid{grid-template-columns:repeat(2,1fr);}

  .ui-only-pc{display:none !important;}
  .ui-only-m{display:block !important;}
  .ui-header-inner{height:62px;}
  .ui-footer{padding:28px 0 14px;}
  .ui-footer-top{grid-template-columns:1fr;}
  .ui-footer-top.ui-footer-desktop{display:block;}
  .ui-footer-brand{text-align:center;}
  .ui-footer-brand .ui-logo-link{display:inline-flex; justify-content:center;}
  .ui-footer-brand .ui-logo-img{max-height:92px;}
  .ui-footer-desc{text-align:center; margin-top:12px; font-size:15px;}
  .ui-footer-cols{display:none;}
  .ui-footer-bottom.ui-footer-mobile{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    text-align:left;
    margin-top:14px;
    padding-top:12px;
    gap:6px;
  }
  .ui-footer-mobile .ui-footer-links{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .ui-footer-mobile .ui-dot{margin:0 6px;}
  .ui-footer-mobile .ui-footer-copy{text-align:left;}
}
@media (max-width: 480px){
  .ui-hero-swiper,.ui-hero-imgwrap{height:auto; min-height:240px; aspect-ratio:16/10;}
  .ui-hero-imgwrap img{object-fit:contain; object-position:center;}
  .ui-hero-title{font-size:24px;}
  .ui-hero-sub{font-size:12px;}
  .ui-hero-btn{height:36px; padding:0 14px; font-size:12px; margin-top:12px;}
  .ui-hero-nav{width:32px; height:32px; font-size:20px; left:12px; right:12px;}
  .ui-grid{grid-template-columns:1fr;}
  .ui-footer-brand .ui-logo-img{max-height:86px;}
  .ui-footer-desc{font-size:13px;}
  .ui-footer-mobile .ui-footer-links a{font-size:12px;}
}
/* ===== Product List Page Head (对应截图 1 / 2) ===== */
.ui-pagehead{padding:22px 0 12px;}
.ui-pagehead-row{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.ui-pagehead-title{font-size:28px; font-weight:900; letter-spacing:.5px; line-height:1.2;}
.ui-pagehead-sub{margin-top:8px; display:flex; align-items:center; gap:10px; color:rgba(60,47,42,.62); font-size:13px;}
.ui-pagehead-count{color:rgba(60,47,42,.55); font-size:13px; background:rgba(255,255,255,.45); border:1px solid rgba(60,47,42,.08); padding:6px 10px; border-radius:999px;}

.ui-badge-softline{font-size:12px; padding:3px 10px; border-radius:999px; border:1px solid rgba(202,160,122,.45); color:rgba(202,160,122,.95); background:rgba(255,255,255,.35);}
.ui-breadcrumb{display:inline-flex; align-items:center; gap:8px;}
.ui-breadcrumb-dot{opacity:.35;}
.ui-breadcrumb-strong{color:rgba(60,47,42,.92); font-weight:800;}

/* 筛选区更“有卡片感” */
.ui-filter-card{background:rgba(255,255,255,.60); border:1px solid rgba(60,47,42,.10); box-shadow:0 14px 35px rgba(0,0,0,.04);}

/* pills 更明显的选中态 */
.ui-pill.is-active{transform:translateY(-1px);}
/* 更大气的页头区 */
.ui-pagehead{padding:26px 0 14px;}
.ui-pagehead-title{font-size:30px; font-weight:900;}
.ui-pagehead-sub{margin-top:10px; gap:12px;}
.ui-breadcrumb{gap:10px;}
.ui-pagehead-count{background:rgba(255,255,255,.55);}

@media (max-width: 992px){
  .ui-pagehead{padding:18px 0 10px;}
  .ui-pagehead-title{font-size:24px;}
  .ui-pagehead-count{font-size:12px; padding:5px 10px;}
}
/* ===== 列表页：页头 + 条数胶囊 ===== */
.ui-pagehead{padding:26px 0 10px;}
.ui-pagehead-row{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.ui-pagehead-title{font-size:30px; font-weight:900; letter-spacing:.3px; line-height:1.2;}
@media (max-width: 992px){
  .ui-pagehead{padding:18px 0 8px;}
  .ui-pagehead-title{font-size:24px;}
}

.ui-count-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(60,47,42,.10);
  background:rgba(255,255,255,.55);
  color:rgba(60,47,42,.70);
  font-size:13px;
}
.ui-count-pill b{font-weight:900; color:rgba(60,47,42,.95);}

/* ===== 二级分类：胶囊标签（PC换行/手机滑动兜底） ===== */
.ui-filter-row-sub{
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  line-height:1.2;
}
.ui-filter-label{
  white-space:nowrap;
  margin-right:4px;
  color:rgba(60,47,42,.60);
  font-size:13px;
}

/* 分类多时，手机端横滑，不挤爆布局 */
@media (max-width: 768px){
  .ui-filter-row-sub{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:6px;
    padding-top:6px;
  }
  .ui-filter-row-sub .ui-pill,
  .ui-filter-row-sub .ui-filter-label{
    flex:0 0 auto;
  }
}
/* ===== 列表页分页：兼容 ThinkPHP 默认 {$page} 输出 ===== */
.ui-page{
  margin-top: 24px;
  display:flex;
  justify-content:center;
}
.ui-page *{ box-sizing:border-box; }

.ui-page a,
.ui-page span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  padding:0 12px;
  margin:0 6px;
  border-radius:999px;
  border:1px solid rgba(60,47,42,.12);
  background:rgba(255,255,255,.55);
  color:rgba(60,47,42,.78);
  font-size:14px;
  text-decoration:none;
  transition: all .18s ease;
}

.ui-page a:hover{
  background:rgba(255,255,255,.85);
  border-color: rgba(60,47,42,.18);
  transform: translateY(-1px);
}

/* 当前页：ThinkPHP常见为 <span class="current"> 或 <span>数字</span> */
.ui-page .current,
.ui-page span.current{
  background: rgba(197, 153, 109, .22); 
  border-color: rgba(197, 153, 109, .45);
  color: rgba(60,47,42,.95);
  font-weight: 800;
}

/* 不可点击：如上一页/下一页禁用时可能输出 <span class="disabled"> */
.ui-page .disabled,
.ui-page span.disabled{
  opacity:.45;
  cursor:not-allowed;
}

/* 手机更紧凑 */
@media (max-width:768px){
  .ui-page a,.ui-page span{
    min-width:34px;
    height:34px;
    margin:0 4px;
    padding:0 10px;
    font-size:13px;
  }
}
/* ===== 二级分类筛选区域整体卡片 ===== */
.ui-filter-card{
  border:1px solid rgba(60,47,42,.10);
  background: rgba(255,255,255,.45);
  border-radius: 16px;
  padding: 14px 14px;
  box-shadow: 0 10px 26px rgba(0,0,0,.04);
}

/* 二级分类行：PC自动换行、间距更舒服 */
.ui-filter-row-sub{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  line-height:1.2;
}

/* 左侧标签：更柔和 */
.ui-filter-label{
  white-space:nowrap;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(255,255,255,.55);
  border:1px dashed rgba(60,47,42,.14);
  color: rgba(60,47,42,.65);
  font-size:13px;
}

/* 胶囊按钮：更“高级” */
.ui-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(60,47,42,.10);
  background: rgba(255,255,255,.55);
  color: rgba(60,47,42,.78);
  font-size:13px;
  text-decoration:none;
  transition: all .18s ease;
  white-space:nowrap;
}

.ui-pill:hover{
  background: rgba(255,255,255,.85);
  border-color: rgba(60,47,42,.18);
  transform: translateY(-1px);
}

/* 选中态：主题色更明显但不俗 */
.ui-pill.is-active{
  background: rgba(197, 153, 109, .22);
  border-color: rgba(197, 153, 109, .55);
  color: rgba(60,47,42,.96);
  font-weight: 800;
}

/* 手机：分类多时横滑兜底，不挤爆 */
@media (max-width:768px){
  .ui-filter-card{ padding:12px 12px; border-radius:14px; }
  .ui-filter-row-sub{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    padding-top:2px;
    padding-bottom:6px;
  }
  .ui-filter-row-sub::-webkit-scrollbar{ height:6px; }
  .ui-filter-row-sub::-webkit-scrollbar-thumb{
    background: rgba(60,47,42,.12);
    border-radius: 99px;
  }
  .ui-filter-row-sub .ui-pill,
  .ui-filter-row-sub .ui-filter-label{
    flex:0 0 auto;
  }
  .ui-filter-row-sub .ui-pill.is-active{
    transform:none;
  }
  .ui-pill{ height:32px; padding:0 12px; }
}


/* ===== 20260427 手机端首页优化：banner 填满、产品推荐更紧凑 ===== */
@media (max-width: 992px){
  .ui-hero{overflow:hidden;}
  .ui-hero-swiper{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }
  .ui-hero .swiper-wrapper,
  .ui-hero .swiper-slide{
    height:100%!important;
  }
  .ui-hero-imgwrap{
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
  }
  .ui-hero-imgwrap img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .ui-product-section{
    padding-top:10px!important;
    padding-bottom:24px!important;
  }
  .ui-product-section .ui-h2{
    font-size:20px!important;
    line-height:1.18!important;
    font-weight:800!important;
    letter-spacing:.2px!important;
  }
  .ui-product-section .ui-subtitle{
    margin-top:4px!important;
    font-size:15px!important;
    line-height:1.45!important;
    padding:0 18px;
  }
  .ui-product-section .ui-tabs{
    margin:10px auto 14px!important;
  }
}
@media (max-width: 480px){
  .ui-hero-swiper{aspect-ratio:16/9!important;}
  .ui-product-section{padding-top:8px!important;}
  .ui-product-section .ui-h2{font-size:20px!important;}
  .ui-product-section .ui-subtitle{font-size:15px!important;}
  .ui-product-section .ui-tabs{margin:9px auto 13px!important;}
}

/* ===== 20260427 手机端首页字号与空白继续优化 ===== */
@media (max-width: 768px){
  .ui-product-section .ui-center{margin-bottom:0!important;}
  .ui-product-section .ui-tab{height:34px;padding:0 15px;font-size:15px;}
  .ui-health-section{padding-top:28px!important;padding-bottom:12px!important;}
  .ui-health-section .ui-h2{font-size:20px!important;line-height:1.25!important;font-weight:900!important;}
  .ui-health-section .ui-p{font-size:14px;line-height:1.9;margin-top:12px;}
  .ui-health-section .ui-metrics{margin-top:18px;margin-bottom:16px;}
  .ui-health-section .ui-blob-card{height:220px;margin-bottom:0!important;}
}
@media (max-width: 480px){
  .ui-health-section{padding-bottom:8px!important;}
  .ui-health-section .ui-blob-card{height:218px;}
}