/* SANPKA: selected warm ivory / mist-sage visual system, 2026-10-05. */
page, body, uni-page-body { background-color: #F7F4ED; color: #243331; }
.text--w111-333 { color: #243331; }
.text--w111-666 { color: #5D6862; }
.bg--w111-f5f5f5 { background-color: #F0F1EC; }

/* A stable neutral header replaces the former enlarged carousel wallpaper. */
.page_count { background: #F7F4ED; }
.page_count .bg-img, .page_count .bag-gradient { display: none !important; }
.page_count .my-main, .page_count .mp-header { background: #F7F4ED !important; }
.page_count .mp-header .serch-box { height: 48px; }
.page_count .mp-header .serch-wrapper { padding-left: 16px; padding-right: 16px; }
.page_count .mp-header .logo { margin-right: 12px; }
.page_count .mp-header .input, .page_count .mp-header .uninput {
  background: #E8EBE4 !important; color: #606B64 !important;
  border: 1px solid rgba(85,107,93,.06); font-size: 13px;
}
.page_count .mp-header .input .iconfont { color: #606B64; }
.page_count .navTabBox { color: #243331; padding-left: 16px; }
.page_count .navTabBox .longTab .longItem { color: #243331 !important; font-size: 15px; }
.page_count .navTabBox .longTab .longItem.click { color: #B6403B !important; }
.page_count .navTabBox .longTab .longItem.click::after { background-color: #B6403B !important; }
.page_count .navTabBox .category .iconfont { color: #56675D !important; }
.page_count .category_count { background: #F1F3EE !important; color: #243331; }
.page_count .category_count .category_item { color: #43534A !important; }
.page_count .category_count .category_item.clicks { background: #DDE5DA !important; color: #35493E !important; }
.page_count .swiperBg { padding-top: 4px; padding-bottom: 16px; }
.page_count .page_swiper .dots { bottom: 8px; }

/* Navigation still uses the existing menu data and original routes. */
.index .menu { padding: 14px 0 16px; grid-row-gap: 18px; }
.index .menu .fs-24 { color: #2E3C35 !important; font-size: 12px; line-height: 18px; }
.index .menu .pictrue { border-radius: 8px; overflow: hidden; }
.news-scroll { min-height: 44px; }
.news-scroll .news-left .text { font-weight: 600; letter-spacing: .15px; }
.news-scroll .news-center { color: #59635E; }
.page-footer { border-top: 1px solid #E9ECE6; }
.page-footer .foot-item image, .page-footer .foot-item uni-image { width: 23px !important; height: 23px !important; }
.page-footer .txt { font-size: 11px; line-height: 17px; }

/* Preserve the working category layout, while making its states coherent. */
.productSort { background: #F3F4EF !important; color: #243331; }
.productSort .aside { background: #F9F9F5 !important; }
.productSort .aside .item { color: #566259; }
.productSort .aside .item.on { color: #B6403B !important; background: #FFFFFF !important; font-weight: 600; }
.productSort .aside .item.on::before { background: #B6403B !important; }
.productSort .cate_active { color: #435A4C !important; background: #E7EDE3 !important; border-color: #B8C6B5 !important; }
.productSort .card { border-radius: 12px; }
.productSort .card .title { color: #243331; }
.productSort .cate_name { color: #3D4942; }

/* Keep price emphasis restrained, with calm sage primary controls. */
.price, .goodsPrice { color: #B6403B; }
@media (prefers-reduced-motion: reduce) {
  .page_count .my-main { transition: none; }
}