/* JIM 吉姆优选 · 视觉层（网页首页 + 专区页共用）
   设计变量来自 IMPLEMENTATION-BRIEF「05 四端布局与视觉规范」的提案值：
   暖白底 #F7F5F1 / 卡片白 / 正文 #202322 / 辅助 #6B716F / 购买强调 #D94236 / 品牌辅助深绿 #234B3A。
   本文件最后加载，只覆盖外观，不改任何数据与交互。 */
:root{--brand:#c8281e;--brand-d:#a81f16;--bg:#fff6ef;--card:#fff;--ink:#202322;--mute:#6b716f;--faint:#9aa09e;--red:#c8281e;--green:#234b3a;--green-2:#2f6049;--line:#e9e4da;--tint:#fdeae3;--sand:#f8e9dc;--r:14px;--r-lg:18px;--sh:0 1px 3px rgba(32,35,34,.06),0 6px 18px rgba(32,35,34,.04)}
body{background:var(--bg);color:var(--ink)}
.utility{background:#efebe3;color:var(--mute)}
a:focus-visible,button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}

/* —— 顶栏 / 导航：LOGO 保留品牌蓝，其余交互色统一成深绿 —— */
.header{background:var(--bg)}
.search{border-color:var(--brand);border-radius:999px;background:#fff;overflow:hidden;height:48px}
.search select{border-right-color:var(--line)}
.search button{color:#fff;background:var(--brand);width:64px;height:100%;border-radius:0}
.tools svg{color:var(--ink)}
.tools small b{background:var(--red)}
.main-nav{background:#fff;border-color:var(--line)}
.main-nav button{background:var(--brand)}
.main-nav a:hover{color:var(--brand)}

/* —— 区块标题 —— */
.section{padding-top:40px}
.section-head{margin-bottom:16px}
.section-head h2{font-size:24px;font-weight:800;letter-spacing:-.4px;gap:12px}
.section-head h2::before{content:"";width:5px;height:22px;border-radius:3px;background:var(--brand);flex:none}
.section-head h2 .flash-mark{margin-left:-2px}
.section-head p{color:var(--mute);font-size:13px}
.section-head>a,.section-head>button{color:var(--mute);font-size:13px;font-weight:600}
.section-head>a:hover{color:var(--brand)}
.en{color:var(--faint)}
.small-pill{background:var(--sand);color:#7a6a52;border-radius:999px;padding:6px 12px}

/* —— 快捷入口：白底卡片里的大图标 —— */
.quick{background:#fff;border:0;border-radius:var(--r-lg);box-shadow:var(--sh);padding:22px 28px 18px;margin-top:20px;gap:12px}
.quick a,.quick button{font-size:13px;font-weight:600;color:var(--ink);gap:10px}
.quick .icon-shell{width:64px;height:64px;border-radius:20px}
.quick .icon-shell svg{width:30px;height:30px}
.quick .quick-emoji{font-size:30px}
.quick .quick-art{width:36px;height:36px}
.quick a:hover .icon-shell{transform:translateY(-2px);box-shadow:0 8px 18px rgba(32,35,34,.1)}
.quick .icon-shell{transition:transform .15s,box-shadow .15s}

/* —— 分类精选 —— */
.cat-grid{gap:12px;margin:0}
.cg-item{background:#fff;border-radius:var(--r);box-shadow:var(--sh);flex-direction:row;justify-content:flex-start;gap:12px;padding:14px 16px;color:var(--ink)}
.cg-ic{width:44px;height:44px;background:var(--sand);box-shadow:none;flex:none}
.cg-name{font-size:14px}
.cat-grid-section .section-head{display:none}
.cat-grid-section{padding-top:28px}

/* —— 三标签：今日主推 / 今日秒杀 / 专区 —— */
.tabshelf-section{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh);overflow:hidden;padding:0 0 22px;margin-top:28px}
.tabshelf-bar{display:flex;gap:44px;margin:0;padding:18px 28px 0;background:linear-gradient(180deg,var(--tint),#fff)}
.tabshelf-bar button{border:0;background:none;border-radius:0;padding:6px 2px 18px;position:relative;font-size:21px;font-weight:800;color:var(--faint);letter-spacing:-.3px}
.tabshelf-bar button.on{background:none;color:var(--red)}
.tabshelf-bar button.on::after{content:"";position:absolute;left:50%;bottom:6px;width:30px;height:8px;margin-left:-15px;border-bottom:3px solid var(--red);border-radius:0 0 30px 30px}
.tabshelf-pane{padding:6px 24px 0}
.tabshelf-pane .empty-state{padding:56px 0}

/* —— 商品卡 —— */
main .product-grid{gap:16px}
main .product{background:var(--card);border:0;border-radius:var(--r);box-shadow:var(--sh);padding:0 0 14px;overflow:hidden;transition:transform .15s,box-shadow .15s}
main .product:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(32,35,34,.12);border:0}
main .product .image-box{aspect-ratio:1;max-height:none;background:#eee9df;border-radius:0}
main .product img{object-fit:cover;mix-blend-mode:normal}
main .product .image-tag{left:10px;top:10px;border:0;border-radius:6px;background:var(--brand);color:#fff;font-size:11px;padding:3px 8px}
main .product .brand,main .product h3,main .product .ptags,main .product .pricing,main .product .product-bottom{margin-left:12px;margin-right:12px}
main .product .brand{font-size:12px;color:var(--faint);margin-top:12px}
main .product h3{font-size:14px;font-weight:600;line-height:1.5;height:3em;color:var(--ink);margin-top:4px;margin-bottom:6px}
.ptags{display:flex;gap:6px;min-height:20px;margin-bottom:6px}
.ptags span{font-size:11px;line-height:18px;padding:0 6px;border:1px solid #ecc2bd;color:var(--red);border-radius:4px;white-space:nowrap}
.ptags span.g{border-color:#bfd2c7;color:var(--brand)}
main .product .pricing{min-height:30px;align-items:baseline}
main .product .price{font-size:24px;font-weight:800;color:var(--red);letter-spacing:-.5px}
main .product .price small{font-size:13px;font-weight:700;margin-right:1px}
main .product .price small.dec{font-size:14px;margin:0}
main .product .old{font-size:12px;color:var(--faint)}
main .product .discount{font-size:12px;font-weight:700;color:var(--red);background:var(--tint);padding:1px 5px;border-radius:4px}
main .product .product-bottom{margin-top:8px;font-size:12px;color:var(--faint);align-items:center}
main .product .add{width:auto;height:32px;padding:0 14px;border:0;border-radius:999px;background:var(--red);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:2px}
main .product .add:hover{background:#c13529}
main .product .add:disabled{background:#c9ccca}

/* —— 今日发现 / 秒杀 / 横幅 —— */
.discovery-grid{border:0;gap:16px;grid-template-columns:1fr 3fr}
.discovery-theme{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh)}
.discovery-products{gap:16px}
.discovery-products .product{border:0}
.seckill{border:0;border-radius:var(--r-lg);background:linear-gradient(180deg,#fdeee9,#fff7f4);padding:24px}
.seckill .section-head h2::before{background:var(--red)}
.seckill-promo{border-radius:var(--r);background:#f6dccf}
.seckill-grid .product{padding:0 0 12px}
.brand-strip{border-radius:var(--r-lg);margin-top:36px}
.brand-links a{background:#fff;color:var(--mute);border-radius:999px;box-shadow:var(--sh);padding:7px 14px}
.campaign{border-radius:var(--r-lg)}
.theme-tile{border-radius:var(--r-lg)}
.category-tabs{border-bottom-color:var(--line)}
.category-tabs button{font-size:15px;color:var(--mute)}
.category-tabs button[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}
.category-floor{gap:16px}
.category-products{gap:16px}
.load-more{border:1px solid var(--brand);color:var(--brand);border-radius:999px;background:#fff;padding:12px 64px;font-weight:600}
.story{border:0;border-radius:var(--r-lg);box-shadow:var(--sh)}

/* —— 专区封面（首页）—— */
.zone-cover{padding-top:40px}
.zone-cover .section-head{margin:0;padding:16px 20px;background:linear-gradient(90deg,var(--sand),rgba(241,233,219,0));border-radius:var(--r-lg) var(--r-lg) 0 0}
.zone-cover .section-head h2{font-size:22px}
.zone-cover .section-head p{margin-top:4px}
.zone-cover-img{position:relative;display:block;margin:0 0 16px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh)}
.zone-cover-img img{aspect-ratio:3.2/1;object-fit:cover;transition:transform .4s}
.zone-cover-img:hover img{transform:scale(1.02)}
.zone-bar{position:absolute;left:0;right:0;bottom:0;background:var(--brand);color:#fff;text-align:center;font-weight:700;font-size:15px;padding:11px 0;letter-spacing:.5px}
.zone-cover .product-grid{grid-template-columns:repeat(4,1fr)}

/* —— 品牌故事 —— */
.bstory-section{background-color:var(--brand);padding:56px 0}
.bstory-floor h3{font-size:22px;font-weight:800}
.bstory-card{border-radius:var(--r-lg);background:rgba(255,255,255,.1)}

/* —— 页脚 / 手机底部导航 —— */
footer{background:#fff;border-top:1px solid var(--line);color:var(--mute)}
.mobile-nav a:first-child{color:var(--brand)}

/* —— 专区页（与首页同一套卡片与按钮）—— */
.zone h1,.zone .zone-title{font-size:26px;font-weight:800;letter-spacing:-.4px;margin:14px 0 14px;display:flex;align-items:center;gap:12px}
.zone h1::before{content:"";width:5px;height:24px;border-radius:3px;background:var(--brand);flex:none}
.zone-hero{border-radius:var(--r-lg);margin:0 0 14px;box-shadow:var(--sh)}
.zone-intro{color:var(--mute);font-size:15px;margin:0 0 8px}
.zone-chips button{border-color:var(--line);color:var(--ink);font-weight:600}
.zone-chips button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.zone .pgrid{gap:14px}
.zone .pgrid .gcard{display:flex;flex-direction:column;background:var(--card);border:0;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;padding:0 0 14px;transition:transform .15s,box-shadow .15s}
.zone .pgrid .gcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(32,35,34,.12)}
.zone .pgrid .gcard .th{display:block;aspect-ratio:1;background:#eee9df;position:relative;overflow:hidden}
.zone .pgrid .gcard .th img{width:100%;height:100%;object-fit:cover}
.zone .pgrid .gcard .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;line-height:1.5;height:3em;margin:12px 12px 6px;color:var(--ink)}
.zone .pgrid .gcard .ptags{margin-left:12px;margin-right:12px}
.zone .pgrid .gcard .row{display:flex;align-items:center;justify-content:space-between;margin:2px 12px 0}
.zone .pgrid .gcard .money{color:var(--red);font-size:24px;font-weight:800;letter-spacing:-.5px}
.zone .pgrid .gcard .money small{font-size:13px;font-weight:700}
.zone .pgrid .gcard .money small.dec{font-size:14px}
.zone .pgrid .gcard .go{height:32px;line-height:32px;padding:0 14px;border-radius:999px;background:var(--red);color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
.zone-more button{border-radius:999px;border-color:var(--brand);color:var(--brand);font-weight:600}

/* —— 平板 —— */
@media(max-width:1050px) and (min-width:601px){
  main .product-grid,.category-products,.discovery-products{grid-template-columns:repeat(3,1fr)}
  .zone-cover .product-grid{grid-template-columns:repeat(3,1fr)}
  .discovery-grid{grid-template-columns:1fr}
  .discovery-theme{height:200px}
  .tabshelf-bar{gap:32px}
}
@media(min-width:1051px){main .product-grid{grid-template-columns:repeat(5,1fr)}main .zone-cover .product-grid{grid-template-columns:repeat(4,1fr)}}

/* —— 手机 —— */
@media(max-width:600px){
  body{font-size:14px;padding-bottom:68px}
  .header{height:auto;padding:12px 0 12px;display:grid;grid-template-columns:1fr auto;row-gap:10px;align-items:center}
  .search{position:static;grid-column:1/-1;grid-row:2;height:42px;width:100%}
  .search button{width:50px;height:100%}
  .search input{font-size:14px}
  .logo strong{font-size:30px}
  .tools{padding-top:0;gap:14px}
  .main-nav .wrap{font-size:13px;gap:22px}
  .section{padding-top:28px}
  .section-head h2{font-size:20px}
  .section-head h2::before{height:18px}
  .section-head p{font-size:12px}
  .section-head>a,.section-head>button{font-size:12px}
  .quick{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;padding:16px 8px 14px;margin:14px 0 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .quick::-webkit-scrollbar{display:none}
  .quick a,.quick button{flex:0 0 19.5%;min-width:64px;font-size:12px;scroll-snap-align:start}
  .quick .icon-shell{width:54px;height:54px;border-radius:17px}
  .quick .icon-shell svg{width:26px;height:26px}
  .quick .quick-emoji{font-size:26px}
  .quick .quick-art{width:30px;height:30px}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .cg-item{padding:10px 12px}.cg-ic{width:38px;height:38px}
  .tabshelf-section{margin-top:22px;padding-bottom:16px}
  .tabshelf-bar{justify-content:space-around;gap:8px;padding:14px 12px 0}
  .tabshelf-bar button{font-size:17px;padding-bottom:16px}
  .tabshelf-pane{padding:4px 12px 0}
  main .product-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  main .product .brand,main .product h3,main .product .ptags,main .product .pricing,main .product .product-bottom{margin-left:10px;margin-right:10px}
  main .product .brand{font-size:11px;margin-top:10px}
  main .product h3{font-size:13px}
  main .product .price{font-size:20px}
  main .product .price small.dec{font-size:12px}
  main .product .product-bottom{font-size:11px}
  main .product .buy{border:0;background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;height:28px}
  .ptags span{font-size:10px}
  .discovery-grid{gap:12px}
  .discovery-theme{height:160px}
  .discovery-products{gap:10px}
  .seckill{padding:16px 12px}
  .brand-strip{margin-top:24px}
  .zone-cover{padding-top:28px}
  .zone-cover .section-head{padding:12px 14px}
  .zone-cover .section-head h2{font-size:19px}
  .zone-cover-img img{aspect-ratio:1.6/1}
  .zone-bar{font-size:14px;padding:9px 0}
  .zone-cover .product-grid{grid-template-columns:repeat(2,1fr)}
  .bstory-section{padding:36px 0}
  .zone h1{font-size:22px}
  .zone-hero{aspect-ratio:1.5/1}
  .zone .pgrid{gap:10px}
  .zone .pgrid .gcard .nm{font-size:13px;margin:10px 10px 4px}
  .zone .pgrid .gcard .ptags,.zone .pgrid .gcard .row{margin-left:10px;margin-right:10px}
  .zone .pgrid .gcard .money{font-size:20px}
  .zone .pgrid .gcard .go{height:28px;line-height:28px;padding:0 12px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* 标签区桌面端一行 5 个，避免末行孤儿卡；平板/手机 6 个刚好 3×2 / 2×3 */
@media(min-width:1051px){.tabshelf-pane .product:nth-child(n+6){display:none}}
/* Hero 保持纯图片：不再在后台上传的横幅上叠加固定文字（与小程序 27529f5 一致）。文案仍保留给读屏软件。 */
.hero .hero-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero .art-label{display:none!important}
@media(max-width:600px){
  /* 手机端只保留「选购 ›」进详情选规格（多规格必须先选规格），不并排放加购 */
  main .product .add{display:none}
  main .product .buy{display:inline-flex}
  main .product .product-bottom{gap:6px}
  main .product .product-bottom>span{white-space:nowrap}
  .seckill-promo{height:auto;min-height:92px}
  .seckill-promo>div{position:relative;inset:auto;padding:14px 16px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
  .seckill-promo span{position:static;margin-top:4px}
  .seckill-promo h3{margin:2px 0}
  .seckill-promo>img{position:absolute;inset:0}
}
/* 没有配置主题图时不显示「破图 + alt 文字」，用暖色底代替；有图时完全不受影响 */
img[src=""],img:not([src]){display:none}
/* 没有素材的主题图位直接不占位（不用渐变图冒充），其余商品照常显示 */
.theme-tile:has(img[src=""]),.campaign:has(img[src=""]),.brand-strip:has(img[src=""]){display:none}
.discovery-grid:has(.theme-tile img[src=""]),.category-floor:has(.category-theme img[src=""]){grid-template-columns:1fr}
.campaign-pair:has(.campaign img[src=""]){grid-template-columns:1fr}
.seckill-promo{background:var(--sand)}
@media(max-width:600px){
  .discovery-grid{grid-template-columns:1fr}
  .discovery-theme{height:150px}
  .discovery-theme>div{top:18px;left:18px}
  .discovery-theme h3{font-size:22px}
}
.zone .pgrid .gcard .nm{padding:0}
.zone .pgrid .gcard .row,.zone .pgrid .gcard .money{padding:0}
.zone .pgrid .gcard .nm,.zone .pgrid .gcard .ptags{box-sizing:border-box}

/* —— 商品卡：去掉重复规格，价格与购买按钮同一行，减少大块留白 —— */
main .product{position:relative}
main .product h3{height:auto;min-height:2.9em;margin-bottom:4px}
main .product .brand{margin-top:10px}
main .product .ptags{min-height:0;margin-bottom:2px}
main .product .ptags:empty{display:none}
main .product .pricing{min-height:34px;margin-top:4px;padding-right:76px}
main .product .product-bottom:not(.state){position:absolute;right:10px;bottom:10px;margin:0}
main .product .product-bottom.state{margin-top:2px}
main .product .product-bottom.state span{font-size:12px}
main .product .product-bottom>span:empty{display:none}
main .product{padding-bottom:12px}

/* —— 各区块不同版式（避免全页同一种卡片）—— */
/* 吉姆精选：紧凑网格 + 沙色标题条（参考 R07/R08） */
#picks .section-head{padding:14px 18px;background:linear-gradient(90deg,var(--sand),rgba(241,233,219,0));border-radius:var(--r-lg)}
#picks .product .ptags,#picks .product .brand{display:none}
/* 为你推荐：手机端横向列表卡，更紧凑（参考 R05 的名称/标签/价格/按钮层次） */
@media(max-width:600px){
  /* 顶部：LOGO 与搜索同一行，不再占两行 */
  .header{grid-template-columns:auto 1fr auto;column-gap:10px;padding:10px 0}
  .header .logo small{display:none}
  .header .logo strong{font-size:26px}
  .header .logo strong span{font-size:14px}
  .search{grid-column:auto;grid-row:auto;height:38px}
  .search input{font-size:13px;padding:0 10px}
  .search button{width:42px}
  .tools{gap:10px}
  .tools svg{width:22px;height:22px}
  /* Hero：整图完整显示，不再裁切文字和主体 */
  .hero{height:auto}
  .hero picture,.hero picture img{position:static;height:auto;width:100%}
  .hero-content{display:none}
  .hero-controls{bottom:10px}
  /* 客服悬浮钮抬到底部导航之上 */
  body .jc-svcbtn{bottom:84px!important;right:14px!important;width:46px!important;height:46px!important}
  /* 吉姆精选：三列 */
  #picks .product-grid{grid-template-columns:repeat(3,1fr);gap:8px}
  #picks .product .product-bottom:not(.state){display:none}
  #picks .product .pricing{padding-right:0;min-height:28px}
  #picks .product h3{font-size:12px;min-height:2.9em}
  #picks .product .price{font-size:16px}
  #picks .product .price small.dec{font-size:11px}
  #picks .product .discount{display:none}
  #picks .product{padding-bottom:8px}
  /* 今日特惠：横向滑动 */
  #offers .product-grid{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:none}
  #offers .product-grid::-webkit-scrollbar{display:none}
  #offers .product{flex:0 0 44%;scroll-snap-align:start}
  /* 为你推荐：横向列表卡 */
  #recommendationProducts{grid-template-columns:1fr;gap:10px}
  #recommendationProducts .product{display:grid;grid-template-columns:42% 1fr;column-gap:12px;padding:0;min-height:150px}
  #recommendationProducts .product .image-box{grid-row:1/span 4;height:100%;aspect-ratio:auto}
  #recommendationProducts .product .brand,#recommendationProducts .product h3,#recommendationProducts .product .ptags,#recommendationProducts .product .pricing{margin-left:0;margin-right:10px}
  #recommendationProducts .product .brand{margin-top:12px}
  #recommendationProducts .product .pricing{align-self:end;padding-right:0;margin-bottom:12px}
  #recommendationProducts .product .product-bottom:not(.state){right:10px;bottom:10px}
  #recommendationProducts .product .pricing{padding-right:70px}
}
@media(max-width:600px){
  #recommendationProducts .product{grid-template-columns:36% 1fr;min-height:0}
  #recommendationProducts .product .image-box{aspect-ratio:1/1;height:auto}
}

/* ===================== v4：按设计稿 1.webp 重排（红 + 暖奶油） ===================== */
body{background:linear-gradient(180deg,#fdebe0 0,#fff6ef 560px,#fffaf6 100%) fixed}
.header{background:transparent}
.main-nav{background:rgba(255,255,255,.7)}
.bstory-section{background-color:transparent}
/* 区块顺序：设计稿从上到下；设计稿里没有的老区块（秒杀/吉姆精选/今日特惠/分类好物/横幅）整体后移，不删除 */
main:has(>.home-flow){display:flex;flex-direction:column}
main>.hero{order:0}main>.quick-wrap{order:1}main>.home-flow{order:2}
.home-flow{display:flex;flex-direction:column}
#tabShelfHost{order:1}#zoneCoverHost{order:2}#discovery{order:3}#rankHost{order:4}#newHost{order:5}#hallHost{order:6}#yanbian{order:7}#brandStoryHost{order:8}#recommendations{order:9}
#catGridHost{order:20}#seckill{order:21}#picks{order:22}.brand-strip{order:23}#brandLinks{order:24}#offers{order:25}#categories{order:26}.campaign-pair{order:27}
.hdr-svc{display:none}
.quick-wrap{margin-top:0}
.quick .icon-shell.photo{padding:0;overflow:hidden;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(120,60,30,.18)}
.quick .icon-shell.photo img{width:100%;height:100%;object-fit:cover}
/* 标题：红色竖条 + 小标题，不再带英文副标和说明 */
.section-head h2::before{background:var(--brand)}
.rank{position:absolute;left:0;top:10px;background:var(--brand);color:#fff;font-weight:800;font-size:13px;padding:2px 10px 2px 8px;border-radius:0 8px 8px 0;letter-spacing:.5px;z-index:1}
.buy svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.buy .t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* 特色馆 */
.hall-list{display:grid;gap:12px}
.hall{position:relative;display:flex;align-items:center;min-height:96px;border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--sh)}
.hall img{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}
.hall-tx{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 20px;max-width:52%}
.hall-tx b{font-size:22px;font-weight:800;color:#6b2a1b;letter-spacing:1px}
.hall-tx small{font-size:12px;color:var(--mute)}
.hall-go{position:absolute;right:46%;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-style:normal;font-size:18px;line-height:1}
/* 发现延边（故事） */
.story-grid{gap:12px}
.story{display:block;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--sh)}
.story>img{height:120px;width:100%;object-fit:cover}
.story>div{padding:10px 12px 12px;position:relative}
.story h3{font-size:15px;margin:2px 0 4px}
.story p{font-size:12px;color:var(--mute);margin:0;line-height:1.5}
.story small{display:none}
/* 品牌故事：浅底，两张横向卡 */
.bstory-section{margin-top:0;padding:28px 0 0}
.bstory-section .wrap{width:100%;max-width:none;padding:0}
.bstory-floor h3{color:var(--ink);font-size:20px;font-weight:800;text-align:center;margin:0 0 4px;letter-spacing:2px}
.bstory-track{grid-template-columns:1fr;gap:12px}
.bstory-card{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#fff;color:var(--ink);box-shadow:var(--sh);border-radius:var(--r-lg);overflow:hidden}
.bstory-card img{aspect-ratio:auto;height:100%;min-height:128px;object-fit:cover}
.bstory-card .bstory-tx{padding:12px 16px}
.bstory-card .bstory-tx b{font-size:17px;margin-bottom:6px}
.bstory-card .bstory-tx p{color:var(--mute);opacity:1;font-size:12px}
.bstory-card .bstory-tx::after{content:"探索更多 ›";display:inline-block;margin-top:10px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px}
.bstory-floor+.bstory-floor{margin-top:12px}

@media(min-width:601px){
  main>.quick-wrap{order:1}
  .rank-grid{grid-template-columns:repeat(5,1fr)}
  .new-grid{grid-template-columns:repeat(4,1fr)}
  .hall-list{grid-template-columns:1fr 1fr}
  .story-grid{grid-template-columns:repeat(3,1fr)}
  .bstory-track{grid-template-columns:1fr 1fr}
}

/* ---------- 手机端（设计稿主体） ---------- */
@media(max-width:600px){
  main>.quick-wrap{order:-1}
  .utility,.main-nav{display:none}
  body{background:linear-gradient(180deg,#fdebe0 0,#fff6ef 520px,#fffaf6 100%) fixed;padding-bottom:70px}
  .wrap{width:calc(100% - 24px)}
  /* 顶部：品牌 + 搜索 + 微信客服 同一行 */
  .header{display:grid;grid-template-columns:auto 1fr auto;column-gap:8px;align-items:center;padding:10px 0 6px;height:auto}
  .header .logo strong{font-size:22px;letter-spacing:-1px}
  .header .logo strong span{font-size:12px}
  .header .logo small{display:block;font-size:9px;letter-spacing:0;margin-top:2px;color:#8b5a44}
  .search{height:34px;border:1px solid #f0d8cb;background:rgba(255,255,255,.8);border-radius:999px}
  .search input{font-size:12px;padding:0 6px 0 12px}
  .search button{width:34px;background:none;color:var(--mute)}
  .tools{display:none}
  .hdr-svc{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:999px;border:1px solid #cfe8d6;background:#fff;color:#1f9d55;font-size:12px;font-weight:700;white-space:nowrap}
  .hdr-svc svg{width:14px;height:14px;fill:#1f9d55;stroke:none}
  /* 分类图标：6 个圆形商品图 */
  .quick{background:none;box-shadow:none;border-radius:0;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:6px 0 10px;margin:0;overflow:visible}
  .quick button{display:none}
  .quick a{flex:none;min-width:0;font-size:12px;font-weight:600;gap:6px;color:#4a2b20}
  .quick .icon-shell{width:52px;height:52px;border-radius:50%}
  .quick a:nth-child(n+7){display:none}
  /* Hero：圆角整图 */
  .hero{margin:0 12px;border-radius:16px;overflow:hidden;width:auto}
  .hero picture img{border-radius:16px}
  /* 区块标题 */
  .section{padding-top:18px}
  .section-head{margin-bottom:10px}
  .section-head h2{font-size:17px;gap:6px}
  .section-head h2::before{width:4px;height:16px}
  .en,.section-head p{display:none}
  .section-head>a{font-size:12px}
  /* 三个标签：均分，红色下划线 */
  .tabshelf-section{margin-top:10px;border-radius:16px;box-shadow:none;background:rgba(255,255,255,.55);padding-bottom:10px}
  .tabshelf-bar{background:none;justify-content:space-around;padding:10px 6px 0;gap:0}
  .tabshelf-bar button{flex:1;font-size:15px;font-weight:700;color:#3a2a24;padding:6px 0 14px}
  .tabshelf-bar button.on{color:var(--brand)}
  .tabshelf-bar button.on::after{bottom:4px;width:26px;margin-left:-13px;height:6px}
  .tabshelf-pane{padding:2px 8px 0}
  /* 横向商品卡：左图右文，名称/副标题/价格/红色购物车按钮 */
  .tabshelf-pane .product-grid,#discoveryProducts,.new-grid,#recommendationProducts{grid-template-columns:repeat(2,1fr);gap:8px}
  .tabshelf-pane .product,#discoveryProducts .product,.new-grid .product,#recommendationProducts .product,.zone-cover .product{
    display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto auto 1fr;column-gap:8px;align-items:start;padding:6px;border-radius:12px;box-shadow:0 1px 6px rgba(120,60,30,.08);min-height:0}
  .tabshelf-pane .product .image-box,#discoveryProducts .product .image-box,.new-grid .product .image-box,#recommendationProducts .product .image-box,.zone-cover .product .image-box{
    grid-column:1;grid-row:1/4;aspect-ratio:1/1;height:auto;border-radius:9px}
  .tabshelf-pane .product h3,#discoveryProducts .product h3,.new-grid .product h3,#recommendationProducts .product h3,.zone-cover .product h3{
    grid-column:2;grid-row:1;margin:2px 0 0;font-size:12.5px;font-weight:700;line-height:1.35;min-height:0;height:auto;-webkit-line-clamp:2}
  .tabshelf-pane .product .brand,#discoveryProducts .product .brand,.new-grid .product .brand,#recommendationProducts .product .brand,.zone-cover .product .brand{
    grid-column:2;grid-row:2;margin:3px 0 0;font-size:10.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tabshelf-pane .product .ptags,#discoveryProducts .product .ptags,.new-grid .product .ptags,#recommendationProducts .product .ptags,.zone-cover .product .ptags{display:none}
  .tabshelf-pane .product .pricing,#discoveryProducts .product .pricing,.new-grid .product .pricing,#recommendationProducts .product .pricing,.zone-cover .product .pricing{
    grid-column:2;grid-row:3;align-self:end;margin:4px 0 0;padding:0 34px 0 0;min-height:0}
  .product .price{font-size:17px}
  .product .price small.dec{font-size:11px}
  .product .discount,.product .old{display:none}
  .product .product-bottom:not(.state){right:7px;bottom:7px}
  main .product .buy{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;background:var(--brand);border:0}
  /* 专区：标题条 + 主题大图 + 一行 3 个小卡 */
  .zone-cover{padding-top:16px}
  .zone-cover .section-head{padding:12px 14px;margin:0}
  .zone-cover-img img{aspect-ratio:2/1}
  .zone-cover-img{margin-bottom:8px}
  .zone-bar{display:none}
  .zone-cover .product-grid{grid-template-columns:repeat(3,1fr);gap:6px}
  .zone-cover .product{grid-template-columns:40% 1fr;padding:4px;column-gap:5px}
  .zone-cover .product h3{font-size:10.5px}
  .zone-cover .product .brand{display:none}
  .zone-cover .product .price{font-size:13px}
  .zone-cover .product .price small{font-size:9px}
  .zone-cover .product .price small.dec{font-size:9px}
  .zone-cover .product .pricing{padding-right:24px}
  .zone-cover .product .buy{width:22px;height:22px}
  .zone-cover .product .buy svg{width:12px;height:12px}
  .zone-cover .product-grid .product:nth-child(n+4){display:none}
  /* 今日发现：横幅 + 2 个卡 */
  .discovery-grid{grid-template-columns:1fr;gap:8px}
  .discovery-theme{height:130px;border-radius:14px}
  #discoveryProducts .product:nth-child(n+3){display:none}
  /* 热销好物：3 列竖卡 + 序号 */
  .rank-grid{grid-template-columns:repeat(3,1fr);gap:8px}
  .rank-grid .product:nth-child(n+4){display:none}
  .rank-grid .product{padding:0 0 8px}
  .rank-grid .product .image-box{aspect-ratio:1.15/1}
  .rank-grid .product .brand,.rank-grid .product .ptags{display:none}
  .rank-grid .product h3{font-size:12px;min-height:0;height:auto;-webkit-line-clamp:1;margin:6px 8px 0}
  .rank-grid .product .pricing{margin:2px 8px 0;padding:0 30px 0 0;min-height:26px}
  .rank-grid .product .product-bottom:not(.state){right:6px;bottom:6px}
  /* 新品：2×2 横卡 */
  .new-grid .product:nth-child(n+5){display:none}
  /* 特色馆：整行横幅 */
  .hall{min-height:78px}
  .hall-tx b{font-size:19px}
  .hall-tx{padding:12px 16px}
  /* 发现延边：三张卡一行 */
  .story-grid{grid-template-columns:repeat(3,1fr);gap:8px}
  .story>img{height:84px}
  .story>div{padding:6px 8px 8px}
  .story h3{font-size:13px;margin:0 0 2px}
  .story p{font-size:10.5px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  /* 品牌故事 */
  .bstory-card{grid-template-columns:1fr 1fr}
  .bstory-card img{min-height:112px}
  .bstory-card .bstory-tx b{font-size:15px}
  /* 为你推荐：2 列横卡，再多的靠「加载更多」 */
  #recommendationProducts{grid-template-columns:repeat(2,1fr)}
  /* 客服悬浮钮：已有顶部「微信客服」，悬浮钮收到更小并避开底部导航 */
  body .jc-svcbtn{bottom:86px!important;right:10px!important;width:42px!important;height:42px!important}
  /* 底部导航 */
  .mobile-nav{background:rgba(255,255,255,.96)}
  .mobile-nav a:first-child{color:var(--brand)}
}

@media(max-width:600px){
  main .product-grid.rank-grid{grid-template-columns:repeat(3,1fr);gap:8px}
  main .product-grid.rank-grid .product{display:block;padding:0 0 8px}
  main .rank-grid .product .image-box{aspect-ratio:1.05/1;border-radius:0}
  main .product .image-tag{display:none}
  .small-pill{display:none}
  .zone-cover-img img{aspect-ratio:2.2/1}
  .bstory-card img{height:124px;min-height:0}
  .bstory-card{min-height:124px}
}

/* ===================== v5：逐段量设计稿比例后的手机端 1:1 ===================== */
.logo small .tag{display:none}
.product h3 .sp{display:none;font-weight:400;color:var(--faint)}
.story-go{display:none}
@media(max-width:600px){
  /* 顶部品牌：黑棕斜体 JIM SELECT 吉姆优选 + 副标 */
  .header .logo strong{font-style:italic;color:#2b1a14;font-size:17px;letter-spacing:-.3px;white-space:nowrap}
  .header .logo strong span{font-size:17px;color:#2b1a14;margin-left:3px;letter-spacing:-.3px}
  .header .logo strong span::after{content:" 吉姆优选";font-style:italic;margin-left:4px}
  .header .logo small{margin-top:1px}
  .header .logo small .cn{display:none}
  .header .logo small .tag{display:block;font-style:normal;font-size:9px;color:#8b6a5a;letter-spacing:0}
  .search{height:32px;max-width:200px;justify-self:center;width:100%}
  .search input::placeholder{color:#a98f84}
  /* 分类图标：约 11% 宽的圆形商品图 */
  .quick{padding:2px 0 8px;gap:2px}
  .quick .icon-shell{width:46px;height:46px}
  .quick a{font-size:11px;font-weight:600;gap:4px}
  /* Hero：约 3.6:1 的圆角宽幅 */
  .hero{aspect-ratio:3.65/1;height:auto}
  .hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .hero-controls{display:none}
  /* 标签 */
  .tabshelf-section{background:rgba(255,255,255,.5);margin-top:8px;padding-bottom:6px}
  .tabshelf-bar button{font-size:14px}
  .tabshelf-bar{padding-top:6px}
  .tabshelf-bar button{padding-bottom:10px}
  .tabshelf-pane{padding:0 6px}
  /* 区块标题：红色竖条 + 14px 粗体，右侧不放链接（设计稿没有） */
  .section{padding-top:12px}
  .section-head{margin-bottom:6px}
  .section-head h2{font-size:14px;font-weight:800}
  .section-head h2::before{width:3px;height:14px}
  .section-head>a{display:none}
  .zone-cover .section-head>a{display:inline-flex}
  /* 横向商品卡：左图约 50% 宽、1.27:1；右侧名称/规格/价格+购物车 */
  .tabshelf-pane .product,#discoveryProducts .product,.new-grid .product,#recommendationProducts .product,.zone-cover .product{
    grid-template-columns:50% 1fr;grid-template-rows:auto auto auto;align-content:center;align-items:center;column-gap:7px;padding:4px;border-radius:9px;box-shadow:0 1px 3px rgba(150,80,40,.07);background:rgba(255,255,255,.9)}
  .tabshelf-pane .product .image-box,#discoveryProducts .product .image-box,.new-grid .product .image-box,#recommendationProducts .product .image-box,.zone-cover .product .image-box{
    aspect-ratio:1.27/1;border-radius:6px;grid-row:1/span 3}
  .tabshelf-pane .product h3,#discoveryProducts .product h3,.new-grid .product h3,#recommendationProducts .product h3,.zone-cover .product h3{
    font-size:11.5px;font-weight:700;line-height:1.3;margin:0;-webkit-line-clamp:1}
  .tabshelf-pane .product .brand,#discoveryProducts .product .brand,.new-grid .product .brand,#recommendationProducts .product .brand,.zone-cover .product .brand{
    font-size:9.5px;margin:2px 0 4px;color:#8a7c75;display:block}
  .tabshelf-pane .product .pricing,#discoveryProducts .product .pricing,.new-grid .product .pricing,#recommendationProducts .product .pricing,.zone-cover .product .pricing{
    grid-column:2;grid-row:3;justify-self:start;align-self:center;margin:0;padding:0}
  .tabshelf-pane .product .product-bottom:not(.state),#discoveryProducts .product .product-bottom:not(.state),.new-grid .product .product-bottom:not(.state),#recommendationProducts .product .product-bottom:not(.state),.zone-cover .product .product-bottom:not(.state){
    position:static;grid-column:2;grid-row:3;justify-self:end;align-self:center}
  .product .price{font-size:14px;font-weight:800}
  .product .price small{font-size:9px}
  .product .price small.dec{font-size:10px}
  main .product .buy{width:24px;height:24px}
  main .product .buy svg{width:13px;height:13px}
  .tabshelf-pane .product-grid,#discoveryProducts,.new-grid,#recommendationProducts{gap:6px}
  /* 专区：标题压在大图上 + 白色「查看全部」胶囊，下面 3 个小卡在同一白色托盘里 */
  .zone-cover{position:relative;padding-top:12px}
  .zone-cover .section-head{position:absolute;left:0;right:0;top:12px;z-index:2;padding:10px 12px;background:none;align-items:flex-start}
  .zone-cover .section-head h2{font-size:17px;color:#7a1f14;text-shadow:0 1px 0 rgba(255,255,255,.6)}
  .zone-cover .section-head h2::before{display:none}
  .zone-cover .section-head p{display:block;font-size:10px;color:#6a4a3e;margin:3px 0 0}
  .zone-cover .section-head>a{background:#fff;color:#8a2417;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.12)}
  .zone-cover-img{border-radius:12px 12px 0 0;margin:0;box-shadow:none}
  .zone-cover-img img{aspect-ratio:4.2/1}
  .zone-cover .product-grid{background:rgba(255,255,255,.9);border-radius:0 0 12px 12px;padding:5px;gap:4px;margin:0}
  .zone-cover .product{box-shadow:none;background:none;grid-template-columns:44% 1fr;padding:2px;column-gap:4px}
  .zone-cover .product h3{font-size:9.5px}
  .zone-cover .product .brand{display:block;font-size:8.5px;margin:1px 0 2px}
  .zone-cover .product .price{font-size:11.5px}
  .zone-cover .product .price small,.zone-cover .product .price small.dec{font-size:8px}
  .zone-cover .product .buy{width:19px;height:19px}
  .zone-cover .product .buy svg{width:10px;height:10px}
  /* 今日发现：约 4:1 宽幅 + 两个横卡 */
  .discovery-theme{height:auto;aspect-ratio:4.2/1;border-radius:12px}
  .discovery-theme h3{font-size:15px;margin:3px 0}
  .discovery-theme>div{top:10px;left:14px}
  .discovery-theme>div p,.discovery-theme>div b,.discovery-theme>div>span{display:none}
  .discovery-grid{gap:6px}
  /* 热销好物：3 列、横向大图（约 1.9:1）+ 名称规格同一行 + 价格/购物车 */
  main .product-grid.rank-grid{gap:6px}
  main .product-grid.rank-grid .product{padding:0 0 6px;border-radius:9px;box-shadow:0 1px 3px rgba(150,80,40,.07);background:rgba(255,255,255,.92)}
  main .rank-grid .product .image-box{aspect-ratio:1.9/1}
  .rank{top:6px;font-size:11px;padding:1px 8px 1px 6px;border-radius:0 6px 6px 0}
  .rank-grid .product h3{font-size:10.5px;margin:5px 6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .rank-grid .product h3 .sp{display:inline;font-size:9px}
  .rank-grid .product .pricing{margin:2px 6px 0;padding:0 26px 0 0;min-height:22px}
  .rank-grid .product .price{font-size:13px}
  .rank-grid .product .product-bottom:not(.state){right:5px;bottom:5px}
  .rank-grid .product .buy{width:20px;height:20px}
  .rank-grid .product .buy svg{width:11px;height:11px}
  /* 特色馆：窄条横幅 */
  .hall{min-height:50px;border-radius:12px}
  .hall-tx{padding:8px 14px;gap:2px}
  .hall-tx b{font-size:15px;color:#7a1f14}
  .hall-tx small{font-size:9.5px}
  .hall-go{width:20px;height:20px;font-size:14px}
  .hall-list{gap:6px}
  /* 发现延边：3 卡 + 右侧小箭头 */
  .story{border-radius:10px;box-shadow:0 1px 3px rgba(150,80,40,.07)}
  .story>img{height:auto;aspect-ratio:1.9/1}
  .story>div{padding:5px 18px 6px 7px}
  .story h3{font-size:10.5px;margin:0}
  .story p{font-size:8.5px;margin:1px 0 0;-webkit-line-clamp:1}
  .story-go{display:block;position:absolute;right:6px;bottom:6px;font-style:normal;color:#8a2417;font-size:13px;line-height:1}
  /* 品牌故事：红棕衬线口号 + 两张左图右文卡 */
  .bstory-section{padding-top:12px}
  .bstory-section .section-head{margin-bottom:4px}
  .bstory-floor h3{text-align:left;font-family:"Songti SC","Noto Serif SC",serif;color:#7a1f14;font-size:15px;font-weight:900;letter-spacing:1px;margin:0 0 6px}
  .bstory-card{grid-template-columns:57% 1fr;background:rgba(255,255,255,.85);border-radius:10px;box-shadow:none}
  .bstory-card img{height:auto;aspect-ratio:1.5/1;min-height:0;border-radius:10px}
  .bstory-card{min-height:0;align-items:center}
  .bstory-card .bstory-tx{padding:6px 8px}
  .bstory-card .bstory-tx b{font-size:11px;margin-bottom:3px}
  .bstory-card .bstory-tx p{font-size:8.5px;line-height:1.4}
  .bstory-card .bstory-tx::after{font-size:9px;padding:3px 9px;margin-top:5px}
  /* 为你推荐 */
  #recommendations .section-head>a,#recommendations .small-pill{display:none}
  .load-more{padding:8px 40px;font-size:11px;margin-top:10px}
  /* 设计稿里没有的老区块：手机端不显示（后台数据与电脑端不受影响） */
  #catGridHost,#seckill,#picks,.brand-strip,#brandLinks,#offers,#categories,.campaign-pair{display:none}
  /* 页脚：居中品牌 */
  footer{text-align:center;background:none;border:0;padding-top:14px}
  footer>.wrap:first-child{display:block}
  footer .logo{justify-content:center;display:flex}
  footer .logo strong{font-style:italic;color:#2b1a14;font-size:18px}
  footer .logo strong span{font-size:18px;color:#2b1a14}
  footer .logo small{display:none}
  footer h3{font-size:12px;color:#7a5a4e;margin:6px 0 2px}
  footer .footer-links{justify-content:center;margin:6px auto}
  footer p{font-size:9px;color:#a08c82}
}
@media(max-width:600px){
  .bstory-card{grid-template-columns:60% 1fr}
  .bstory-card img{aspect-ratio:2.6/1}
  main .rank-grid .product .image-box{aspect-ratio:2.2/1}
}
@media(max-width:600px){.tabshelf-pane .product:nth-child(n+5){display:none}}

/* ===== 页脚 / 底部导航与上方统一（暖奶油底、红棕文字）===== */
footer{background:transparent;border-top:1px solid #f0d8cb;color:#7a5a4e}
footer h3{color:#5a3a2e}
footer b{color:#4a2b20}
footer a,footer p{color:#8a6a5c}
footer a:hover{color:var(--brand)}
footer .logo strong,footer .logo strong span,.header .logo strong,.header .logo strong span{color:#2b1a14}
footer .logo strong,.header .logo strong{font-style:italic}
footer .logo small,.header .logo small{color:#8b6a5a}
footer button[data-action=support]{color:#7a1f14;font-weight:700}
.footer-bottom{border-top-color:#f0d8cb;color:#a08c82}
#compliance,.compliance-notice{color:#a08c82}
.mobile-nav{background:rgba(255,246,239,.97)!important;border-top:1px solid #f0d8cb!important}
.mobile-nav a{color:#8a6a5c}
.mobile-nav a:first-child{color:var(--brand)}

/* ===== 内页（列表/商品/购物车/会员…）与首页同一套颜色 ===== */
.header:not(:has(.hdr-svc)) .search{max-width:none;justify-self:stretch}
.crumb a:hover,.pg-head>a:hover,.link-btn,.addnew,.line .nm a:hover,.ct-it .nm a:hover,.mb-more a:hover,.ls-side a.on,.ls-side a:hover,.st.paid{color:var(--brand)}
.tabs .on{color:var(--brand);border-bottom-color:var(--brand)}
.ls-sorts button.on,.pager button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.ls-chips a.on{background:var(--tint);color:var(--brand)}
.ls-chips a{background:#fff;border-radius:999px}
.ls-kw{background:var(--tint);color:#8a2417}
.btn,.primary-button{background:var(--brand);border-color:var(--brand);color:#fff;border-radius:999px}
.btn.line{background:#fff;color:var(--brand);border-color:var(--brand)}
.btn.ghost{background:#fff;color:#7a5a4e;border-color:#f0d8cb}
.field:focus{border-color:var(--brand)}
.check{accent-color:var(--brand)}
.addr.on{border-color:var(--brand);background:#fff7f4}
.addr .df{color:var(--brand);background:var(--tint)}
.mb-av{background:var(--brand)}
.mb-tile .icon-shell{background:var(--tint);color:var(--brand)}
.ls-bar h1,.pg-head h1,.pg h1{color:var(--ink)}
.pg{background:none}
.ls-side,.ls-bar,.od,.mb-tile,.ct-it{border-color:#f0d8cb}
/* 内页顶部 Hero：与首页同一套宽幅圆角图，纯图片不叠字 */
.page-hero{margin:14px auto 0}
.page-hero picture,.page-hero img{display:block;width:100%}
.page-hero img{aspect-ratio:3.4/1;object-fit:cover;border-radius:16px;box-shadow:var(--sh)}
@media(max-width:600px){.page-hero{margin-top:6px}.page-hero img{aspect-ratio:3.65/1;border-radius:14px}.pg{padding-top:6px}}
/* 列表页手机端：2 列竖卡，价格与购物车按钮同一行 */
@media(max-width:600px){
  .ls .product-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .ls .product .brand{display:block;font-size:10px;margin-top:6px}
  .ls .product h3{font-size:12.5px;min-height:0;height:auto;-webkit-line-clamp:1;margin-top:2px}
  .ls .product .pricing{padding-right:34px;min-height:30px}
  .ls .product .ptags{display:none}
  .ls .product .image-box{aspect-ratio:1.15/1}
}
/* 商品详情页：蓝色按钮/选中态统一成品牌红 */
.pd-crumb a:hover,.pd-empty a{color:var(--brand)}
.pd-thumbs button.on{border-color:var(--brand)}
.pd-chip{border-color:var(--brand);color:var(--brand);background:var(--tint);border-radius:999px}
.pd-btn{border-radius:999px}
.pd-btn.cart{border-color:var(--brand);color:var(--brand);background:#fff}
.pd-btn.buy{background:var(--brand);color:#fff}
.pd-cartlink b{background:var(--brand)}
.pd-attrs{background:rgba(255,255,255,.7)}

/* 品牌故事轮播 */
.bstory-track{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bstory-track::-webkit-scrollbar{display:none}
.bstory-card{flex:0 0 100%;scroll-snap-align:start}
@media(min-width:601px){.bstory-card{flex:0 0 calc(50% - 6px)}}
.bstory-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}
.bstory-dots button{width:6px;height:6px;padding:0;border-radius:50%;background:#e2c9bd;transition:width .2s,background .2s}
.bstory-dots button.on{width:18px;border-radius:3px;background:var(--brand)}
@media(max-width:600px){.bstory-track{gap:12px}}

/* 品牌故事：放在页面最下端；后台上传了背景图时 = 背景图 + 上下两层轮播楼层 */
#brandStoryHost{order:30}
.bstory-section{margin-top:22px;padding:18px 14px 16px;border-radius:var(--r-lg);position:relative;overflow:hidden;background-size:cover;background-position:center}
.bstory-section>*{position:relative;z-index:1}
.bstory-section.has-bg::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(43,20,12,.62),rgba(43,20,12,.38))}
.bstory-section.has-bg .section-head h2{color:#fff}
.bstory-section.has-bg .section-head h2::before{background:#fff}
.bstory-section.has-bg .bstory-floor h3{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.bstory-section.has-bg .bstory-dots button{background:rgba(255,255,255,.55)}
.bstory-section.has-bg .bstory-dots button.on{background:#fff}
.bstory-floor+.bstory-floor{margin-top:16px}
@media(min-width:601px){.bstory-section{padding:28px 28px 24px}}

/* 去掉导航文字：面包屑（首页 › 泡菜…）与顶部文字导航条（今日发现/限时秒杀/…/全部分类）所有页面、所有宽度都不显示 */
.crumb,.pd-crumb,.main-nav{display:none!important}
/* 列表页：去掉分类按钮条与排序条（标题和商品数保留） */
.ls-chips,.ls-sorts,#sorts,#chips{display:none!important}

/* 视频购专区：横滑的竖版视频封面卡，点开弹窗播放，下方一条商品栏直达购买 */
#videoHost{order:5}
.video-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.video-rail::-webkit-scrollbar{display:none}
.vcard{position:relative;flex:0 0 38%;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#2b1a14;scroll-snap-align:start;text-align:left;padding:0;box-shadow:var(--sh)}
.vcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.72))}
.vplay{position:absolute;left:10px;top:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center}
.vplay svg{width:16px;height:16px;margin-left:2px}
.vinfo{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;color:#fff;display:flex;flex-direction:column;gap:2px}
.vinfo b{font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vinfo i{font-style:normal;font-size:16px;font-weight:800}
.vinfo i small{font-size:10px;font-weight:700}
@media(min-width:601px){.vcard{flex:0 0 calc((100% - 40px)/5)}.video-rail{overflow-x:auto}}
dialog.vdialog{width:min(420px,calc(100vw - 24px));padding:0;background:#000;border-radius:16px;overflow:hidden}
dialog.vdialog .dialog-close{z-index:3;color:#fff;background:rgba(0,0,0,.4);border-radius:50%;width:34px;height:34px;right:10px;top:10px;font-size:22px}
.vplayer video{display:block;width:100%;max-height:72vh;background:#000}
.vbuy{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;color:var(--ink)}
.vb-t{flex:1;min-width:0;display:flex;flex-direction:column}
.vb-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb-t small{font-size:11px;color:var(--faint)}
.vb-p{color:var(--brand);font-weight:800;font-size:17px}
.vb-go{background:var(--brand);color:#fff;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;white-space:nowrap}

/* ===================== v6：内页（购物流程 / 个人中心 / 内容页）统一视觉 ===================== */
/* 容器：白底圆角 + 轻阴影；去掉蓝灰底色 */
.panel,.ct-list,.od,.mb-tile,.coupon,.brand-row,.act-card,.art-card,.login,.gcard,.addr,#qr{background:#fff;border:0;border-radius:var(--r);box-shadow:var(--sh)}
.panel{padding:18px 20px;margin-bottom:14px}
.ct-list,.od{overflow:hidden}
.empty-box,.pd-empty,.pd-off{background:#fff;border:0;border-radius:var(--r);box-shadow:var(--sh);color:var(--mute)}
.pd-attrs{border:0;border-radius:var(--r);box-shadow:var(--sh)}
.ct-head,.od .top{background:#fff6ef;border-bottom:1px solid #f3dfd3;color:#8a6a5c}
.ct-it{border-bottom:1px solid #f6e6dc}
.ct-it.off{background:#fffaf6}
.line .th,.ct-it .th,.art-card .th,.brand-row .bl{background:#f1e9db;border:0;border-radius:10px}
.ph{background:#f1e9db;color:#a08c82}
.mb-card{background:linear-gradient(135deg,#fde3d6,#fff1e8);border:0;border-radius:var(--r-lg);box-shadow:var(--sh)}
.mb-tile:nth-child(2) .icon-shell{background:#fde9e1;color:#c8281e}
.mb-tile:nth-child(3) .icon-shell{background:#f8e9dc;color:#a8601e}
.mb-tile:hover,.od.clk:hover{border:0;box-shadow:0 8px 22px rgba(120,60,30,.14)}
.cp-face{background:var(--tint);color:var(--brand);border-radius:var(--r) 0 0 var(--r)}
.coupon{overflow:hidden}
.qty{border-radius:999px;overflow:hidden;border-color:#f0d8cb}
.qty button{color:var(--ink)}
.field{border-color:#f0d8cb;border-radius:10px;background:#fff}
.probbar{background:var(--tint);border:0;border-radius:10px;color:#8a2417}
.testbox,.testtag{border-radius:10px}
.pager button{border-radius:999px;border-color:#f0d8cb;color:#6b4a3e}
.zone-hero{margin-top:0}
/* 吸底操作条：玻璃白底、暖色细线，手机端避开底部导航和悬浮客服钮 */
.actbar{background:rgba(255,246,239,.96);border-top:1px solid #f0d8cb;border-radius:var(--r) var(--r) 0 0;box-shadow:0 -6px 18px rgba(120,60,30,.08)}
.actbar .tot,.actbar .sum b{color:var(--brand)}
/* 页面标题与说明 */
.pg-head h1,.pg h1{font-size:24px;font-weight:800;display:flex;align-items:center;gap:10px}
.pg-head h1::before,.pg>h1::before{content:"";width:5px;height:22px;border-radius:3px;background:var(--brand);flex:none}
.pg-head .sub,.pg-head p{color:var(--mute)}
.st.done{color:#2f7d4f}
.rs .ic.ok{background:#2f9e5b}
.rs .ic.wait{background:#e08a1e}
.od .top b{color:var(--ink)}

@media(max-width:600px){
  .pg{padding-bottom:24px}
  .pg-head h1,.pg h1{font-size:19px}
  .panel{padding:14px 14px;margin-bottom:10px;border-radius:12px}
  /* 购物车/确认订单底部操作条抬到底部导航之上（确认订单页没有导航条时贴底） */
  .actbar{position:sticky;bottom:0;z-index:12;border-radius:14px 14px 0 0;margin:12px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  .actbar .in{padding:8px 12px}
  /* 有吸底操作条时底部导航已隐藏（pages.css），悬浮客服钮要抬到操作条之上，不盖「去结算/提交订单」 */
  body:has(.actbar:not([style*="display:none"])) .jc-svcbtn{bottom:92px!important}
  body:has(.actbar:not([style*="display:none"])){padding-bottom:0}
  .ct-list,.od{border-radius:12px}
  .ct-it{padding:12px 12px}
  .od .top{padding:10px 14px}
  .btn{height:42px}
  .mb-card{padding:18px 16px}
}
/* 缩略图：固定方框，图片铺满裁切，不再只显示上半截 */
.line .th,.ct-it .th{display:block;position:relative;overflow:hidden;flex:0 0 72px}
.line .th img,.ct-it .th img,.art-card .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.line .th,.ct-it .th{flex-basis:64px;width:64px;height:64px}}
.art-card .th{position:relative;overflow:hidden}
.doc-cover{width:100%;max-height:380px;object-fit:cover;border-radius:var(--r);margin:0 0 14px}
.addr.on{outline:2px solid var(--brand);outline-offset:-2px;background:#fff7f4}
select{border-radius:8px;border:1px solid #f0d8cb;background:#fff;color:var(--ink);padding:5px 8px}
.panel .coupon,.panel .cp{box-shadow:none;background:#fff9f5}
@media(max-width:600px){.doc-cover{max-height:220px}}
/* 窄屏（≤420）：吸底操作条保持一行——全选/删除/合计/按钮不折行 */
@media(max-width:420px){
  .actbar .in{gap:8px;padding:8px 10px}
  .actbar .in label,.actbar .in .allchk{font-size:13px;gap:4px}
  .actbar .in .link-btn,.actbar .in a.del,.actbar .in .rm{font-size:12px}
  .actbar .amt .l1{font-size:10px;white-space:nowrap}
  .actbar .amt .l2{font-size:17px;white-space:nowrap}
  .actbar .btn{height:38px;padding:0 14px;font-size:14px;white-space:nowrap;flex:none}
}
/* 去掉最后的蓝色残留：轻提示底色、快捷入口默认图标色、主题图标题色 */
#toast,.toast{background:#3a2a24;color:#fff;border-radius:999px}
.quick .icon-shell,.mb-tile .icon-shell{color:var(--brand)}
.theme-tile h3{color:var(--ink)}

/* ===== 375 / 320 窄屏修正（第三轮窄屏验收）：横向商品卡里价格不被购物车按钮压住 =====
   做法：窄屏下把购物车按钮挪到「规格」那一行的右端，价格独占最后一行。 */
@media(max-width:400px){
  .tabshelf-pane .product,#discoveryProducts .product,.new-grid .product,#recommendationProducts .product{grid-template-columns:44% 1fr}
  .tabshelf-pane .product .product-bottom:not(.state),#discoveryProducts .product .product-bottom:not(.state),.new-grid .product .product-bottom:not(.state),#recommendationProducts .product .product-bottom:not(.state){grid-row:2;align-self:start;justify-self:end;margin-top:-1px}
  .tabshelf-pane .product .brand,#discoveryProducts .product .brand,.new-grid .product .brand,#recommendationProducts .product .brand{padding-right:26px}
  .tabshelf-pane .product .buy,#discoveryProducts .product .buy,.new-grid .product .buy,#recommendationProducts .product .buy{width:22px;height:22px}
}
@media(max-width:340px){
  .tabshelf-pane .product h3,#discoveryProducts .product h3,.new-grid .product h3,#recommendationProducts .product h3{font-size:11px}
}
/* —— 320 / 360 宽补充：顶部搜索框不再被挤成一条缝；横向商品卡价格字号按窄屏收小 —— */
@media(max-width:400px){
  main .tabshelf-pane .product .price,main #discoveryProducts .product .price,main .new-grid .product .price,main #recommendationProducts .product .price{font-size:15px}
}
@media(max-width:360px){
  .header:has(.hdr-svc){grid-template-columns:1fr auto}
  .header:has(.hdr-svc) .logo{grid-column:1;grid-row:1}
  .header:has(.hdr-svc) .hdr-svc{grid-column:2;grid-row:1}
  .header:has(.hdr-svc) .search{grid-column:1/-1;grid-row:2;max-width:none;justify-self:stretch;width:100%}
  main .tabshelf-pane .product .price,main #discoveryProducts .product .price,main .new-grid .product .price,main #recommendationProducts .product .price{font-size:13px}
}
@media(max-width:360px){
  .zone-cover .product .product-bottom:not(.state){grid-row:2;align-self:start;justify-self:end;margin-top:-1px}
  .zone-cover .product .brand{padding-right:22px}
  .zone-cover .product .pricing{padding-right:0}
}
@media(max-width:360px){
  /* 购物车：数量步进器收窄，小计不再压到「＋」按钮；内页顶部搜索框改为独占一行（与首页一致） */
  .qty .minus,.qty .plus{width:28px;height:28px}
  .qty input,.qty .n,.qty span{width:30px;min-width:0}
  .header:not(:has(.hdr-svc)){grid-template-columns:1fr}
  .header:not(:has(.hdr-svc)) .search{grid-column:1;grid-row:2;max-width:none;justify-self:stretch;width:100%}
}
/* ===== 窄屏修正结束 ===== */

/* 手机热销好物只显示 3 张（盖过上面 display:block 的规则） */
@media(max-width:600px){main .product-grid.rank-grid .product:nth-child(n+4){display:none}}


/* ===== 手机网页二级商品页：独立页面，全宽双列大图（分类列表 / 专区）=====
   只留「返回 + 标题」；去掉品牌搜索栏、分类标签、底部导航；左右边距与列间距 8px。 */
.sub-bar{display:none}
@media(max-width:600px){
  body.page-sub .utility,body.page-sub .header,body.page-sub .main-nav,body.page-sub .mobile-nav,
  body.page-sub .crumb,body.page-sub .zone-chips,body.page-sub .ls-chips,body.page-sub .ls-side,body.page-sub footer{display:none!important}
  body.page-sub{padding-bottom:0}
  body.page-sub .sub-bar{display:flex;align-items:center;position:sticky;top:0;z-index:30;height:44px;padding:0 8px;background:rgba(255,246,239,.96);backdrop-filter:blur(8px)}
  .sb-back{width:36px;height:36px;display:grid;place-items:center;font-size:30px;line-height:1;color:#2b1a14;text-decoration:none}
  .sb-t{flex:1;text-align:center;font-size:16px;font-weight:800;color:#2b1a14;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sb-sp{width:36px}
  body.page-sub main.wrap,body.page-sub main.pg{width:100%;max-width:none;padding-left:8px;padding-right:8px}
  body.page-sub .page-hero{width:100%;margin:4px 0 0;padding:0}
  body.page-sub .ls-bar h1,body.page-sub .zone h1{display:none}
  body.page-sub .ls-bar{margin:6px 2px}
  body.page-sub .ls .product-grid,body.page-sub .zone .pgrid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  body.page-sub .ls-sorts,body.page-sub #sorts{display:none!important}
  /* 卡片：上方大图 + 下方名称、真实标签、价格、购买按钮 */
  body.page-sub .ls .product .image-box,body.page-sub .zone .gcard .th{aspect-ratio:var(--sub-ratio,1/1);max-height:none}
  html.ratio-contain body.page-sub .ls .product .image-box img,html.ratio-contain body.page-sub .zone .gcard .th img{object-fit:contain;background:#eee9df}
  body.page-sub main .product .buy{width:auto;height:28px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:700}
  body.page-sub main .product .buy svg{display:none}
  body.page-sub main .product .buy .t{position:static;width:auto;height:auto;overflow:visible;clip:auto;color:#fff}
  body.page-sub main .product .pricing{padding-right:78px}
  body.page-sub main .product .product-bottom:not(.state){right:8px;bottom:8px}
  body.page-sub .zone-hero{width:100%;margin:4px 0 6px;border-radius:14px}
  body.page-sub .zone{padding:0}
}


/* ===== 分类入口：数量不固定，后台增减；手机一屏约 6 个，超出可左右滑；电脑端自动排满一行 ===== */
.quick{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.quick::-webkit-scrollbar{display:none}
.quick a,.quick button{flex:0 0 calc((100% - 30px)/6);min-width:64px}
@media(min-width:601px){.quick{justify-content:space-around}.quick a,.quick button{flex:1 1 0;max-width:140px}}
@media(max-width:600px){
  .quick{display:flex!important;grid-template-columns:none!important;padding:2px 0 8px}
  .quick a:nth-child(n+7){display:flex!important}
  .quick a{flex:0 0 calc((100% - 20px)/6);min-width:0;scroll-snap-align:start}
  .quick{scroll-snap-type:x proximity}
}


/* ===== 手机首屏对齐：大 Hero(默认 6:5) → 活动横幅 → 今日主推双列大图卡 ===== */
#promoHost{order:0}
.promo-list{display:grid;gap:8px;margin-top:10px}
.promo{display:block;border-radius:14px;overflow:hidden;box-shadow:var(--sh)}
.promo picture,.promo img{display:block;width:100%}
.promo img{height:auto}
.promo[style] img{height:100%;object-fit:cover}
@media(max-width:600px){
  .hero{aspect-ratio:var(--hero-ratio,6/5)!important;height:auto!important;margin:2px 12px 0;border-radius:12px}
  .hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px}
  .promo-list{margin-top:8px}
  /* 今日主推：双列大图卡（上方大图 + 下方名称/规格/价格/购买），不是左小图右文字 */
  .tabshelf-pane .product-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .tabshelf-pane .product{display:block!important;padding:0 0 10px!important;border-radius:14px!important;grid-template-columns:none!important}
  .tabshelf-pane .product .image-box{aspect-ratio:1/1!important;border-radius:0!important;grid-row:auto!important;height:auto!important}
  .tabshelf-pane .product h3{font-size:13px!important;line-height:1.4!important;margin:8px 10px 0!important;-webkit-line-clamp:2!important;min-height:2.8em!important}
  .tabshelf-pane .product .brand{display:block!important;font-size:11px!important;margin:2px 10px 0!important;color:#8a7c75}
  .tabshelf-pane .product .pricing{margin:6px 10px 0!important;padding:0 36px 0 0!important;min-height:28px!important}
  .tabshelf-pane .product .price{font-size:19px!important}
  .tabshelf-pane .product .product-bottom:not(.state){position:absolute!important;right:8px!important;bottom:10px!important}
  .tabshelf-pane .product .buy{width:26px;height:26px}
}

/* 电脑端活动横幅：完整显示，不裁切。电脑图在后台单独上传（建议 4.5:1 以上的宽幅，文字做在图里）；手机图单独配 */
@media(min-width:601px){.promo{max-width:1280px;margin-inline:auto}.promo img{height:auto!important;max-height:none;object-fit:contain}}

/* ===== 手机：新品尝鲜 / 为你推荐 一排三个竖卡（大图在上，名称/规格/价格在下） ===== */
@media(max-width:600px){
  main .new-grid,main #recommendationProducts{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  main .new-grid .product,main #recommendationProducts .product{display:block!important;padding:0 0 8px!important;border-radius:12px!important;grid-template-columns:none!important;position:relative}
  main .new-grid .product .image-box,main #recommendationProducts .product .image-box{aspect-ratio:1/1!important;border-radius:0!important;grid-row:auto!important;height:auto!important}
  main .new-grid .product h3,main #recommendationProducts .product h3{font-size:12px!important;line-height:1.35!important;margin:6px 6px 0!important;-webkit-line-clamp:2!important;min-height:2.7em!important;height:auto!important}
  main .new-grid .product .brand,main #recommendationProducts .product .brand{display:block!important;font-size:10px!important;margin:2px 6px 0!important;color:#8a7c75}
  main .new-grid .product .ptags,main #recommendationProducts .product .ptags{display:none!important}
  main .new-grid .product .pricing,main #recommendationProducts .product .pricing{margin:4px 6px 0!important;padding:0 28px 0 0!important;min-height:24px!important}
  main .new-grid .product .price,main #recommendationProducts .product .price{font-size:16px!important}
  main .new-grid .product .price small,main #recommendationProducts .product .price small{font-size:10px!important}
  main .new-grid .product .product-bottom:not(.state),main #recommendationProducts .product .product-bottom:not(.state){position:absolute!important;right:5px!important;bottom:8px!important}
  main .new-grid .product .buy,main #recommendationProducts .product .buy{width:24px;height:24px}
}

/* 手机 Hero 近乎通栏：左右各留 4px、小圆角 */
@media(max-width:600px){
  .hero{margin:2px 4px 0!important;border-radius:8px!important}
  .hero picture,.hero picture img{border-radius:8px!important}
  .promo-list{margin-inline:0}
}

/* ===== Hero 轮播：轨道、指示点；高度由 .hero 的比例固定，切换不跳高 ===== */
.hero-track{position:absolute;inset:0;display:flex;touch-action:pan-y;will-change:transform}
.hero-slide{position:relative;flex:0 0 100%;height:100%;display:block;overflow:hidden;-webkit-user-drag:none;user-select:none}
.hero .backend-hero-link{display:none}
.hero-dots{position:absolute;left:0;right:0;bottom:8px;z-index:3;display:flex;justify-content:center;gap:6px;pointer-events:none}
.hero-dots[hidden],.hero-controls[hidden]{display:none!important}
.hero-dots button{pointer-events:auto;width:6px;height:6px;padding:0;border-radius:3px;background:rgba(255,255,255,.7);box-shadow:0 0 2px rgba(0,0,0,.25);transition:width .25s,background .25s}
.hero-dots button.on{width:16px;background:#fff}
@media(min-width:601px){.hero-dots{bottom:12px}.hero-dots button{width:8px;height:8px;border-radius:4px}.hero-dots button.on{width:22px}}

/* ===== 分类浏览页 /categories：左栏 22% + 右侧一行一个商品 ===== */
.cb-search{display:block;margin:8px 0;padding:10px 16px;border-radius:20px;background:#f6efe9;color:#a08c82;font-size:13px}
.cb{display:grid;grid-template-columns:22% 1fr;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--sh);min-height:60vh}
.cb-side{background:#fbf5f0;position:sticky;top:0;align-self:start;max-height:calc(100vh - 130px);overflow:auto}
.cb-side button{display:block;width:100%;padding:15px 4px;font-size:13px;color:#5c4f49;text-align:center;position:relative}
.cb-side button.on{background:#fff;color:var(--brand);font-weight:800}
.cb-side button.on::before{content:'';position:absolute;left:0;top:30%;height:40%;width:3px;background:var(--brand);border-radius:2px}
.cb-main{padding:0 10px 10px;min-width:0}
.cb-sort{display:flex;justify-content:flex-end;gap:16px;padding:10px 4px 6px}
.cb-sort button{font-size:13px;color:#8a7c75}.cb-sort button.on{color:var(--brand);font-weight:800}
.cb-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f5ede7}
.cb-im{position:relative;flex:0 0 96px;width:96px;height:96px;border-radius:8px;overflow:hidden;background:#eee9df}
.cb-im img{width:100%;height:100%;object-fit:cover}
.cb-out{position:absolute;left:0;right:0;bottom:0;text-align:center;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-style:normal;padding:2px 0}
.cb-bd{flex:1;min-width:0;display:flex;flex-direction:column}
.cb-nm{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cb-tags{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.cb-tags em{font-style:normal;font-size:10px;color:var(--brand);border:1px solid #e9a9a4;border-radius:3px;padding:0 4px}
.cb-sp,.cb-sales{font-size:11px;color:#8a7c75;margin-top:3px}.cb-sales{color:#a08c82}
.cb-ft{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:4px}
.cb-pr{color:var(--brand);font-weight:800;font-size:18px}.cb-pr small{font-size:11px}.cb-pr s{font-size:11px;color:#b3a69e;font-weight:400;margin-left:6px}
.cb-cart{width:26px;height:26px;border-radius:50%;background:var(--brand);display:grid;place-items:center}
.cb-cart svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cb-cart circle{fill:#fff;stroke:none}
.cb-more{display:block;margin:12px auto;padding:8px 30px;border-radius:18px;background:#fdecea;color:var(--brand);font-size:13px}
.cb-end,.cb-none{text-align:center;padding:20px 0;color:#a08c82;font-size:12px}
@media(min-width:601px){.cb{grid-template-columns:200px 1fr}.cb-im{flex-basis:130px;width:130px;height:130px}.cb-nm{font-size:15px}.cb-pr{font-size:22px}.cb-side button{font-size:15px;padding:18px 6px}}

.cb-cart.off{background:#c9c2bd}.cb-row .cb-cart.off::after{content:none}

/* ===== 电脑端：活动横幅一行三张(与商品区左右对齐)；视频购独立竖版卡片区，数量少不拉宽 ===== */
@media(min-width:601px){
  .promo-list{grid-template-columns:repeat(var(--promo-cols,3),1fr);gap:16px;margin-top:16px}
  .promo{max-width:none;margin-inline:0}
  .promo-list .promo img{aspect-ratio:3/1;height:auto!important;object-fit:cover}
  .promo-list[style*="--promo-cols:1"] .promo img{aspect-ratio:auto;object-fit:contain}
  .video-rail{gap:16px;justify-content:flex-start}
  .vcard{flex:0 0 200px;aspect-ratio:9/14}
  .vinfo b{font-size:14px}
}