/* PC 前台主题覆盖：统一旧页面主色、按钮、分页和表单为首页主题色体系。 */

/* ============ AlibabaSans 字体族（与 oopbuy 一致，自托管 woff2，全站生效） ============ */
/* 说明：AlibabaSans 为装饰字体，仅用于标题/价格/强调等已声明处；正文仍走系统字体栈。 */
@font-face {
    font-family: "AlibabaSans-Black";
    src: url("../fonts/AlibabaSans/AlibabaSans-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "AlibabaSans-Bold";
    src: url("../fonts/AlibabaSans/AlibabaSans-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "AlibabaSans-Regular";
    src: url("../fonts/AlibabaSans/AlibabaSans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* "AlibabaSans" 作为族名兜底，映射到 Regular */
@font-face {
    font-family: "AlibabaSans";
    src: url("../fonts/AlibabaSans/AlibabaSans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --site-primary: #FF186B;
    --site-primary-hover: #FF4689;
    --site-primary-soft: #FFF7FA;
    --site-primary-soft-2: #FFE4EF;
    --site-primary-border: #FFC0D6;
    --site-text: #111827;
    --site-text-secondary: #1F2937;
    --site-border: #E5E7EB;
    --site-card-shadow: 0 1px 3px rgba(17, 24, 39, .08), 0 1px 2px rgba(17, 24, 39, .04);
    --site-radius-button: 12px;
    --site-main-min-height: calc(100vh - 390px);
}

html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;
}

/* Keep short pages from collapsing and pulling the footer up. */
body > main,
body > .container,
body > .content,
body > .m-content,
body > .home-page,
body > #help,
body > #estimate,
body > #item,
body > #good_list {
    min-height: 520px;
    min-height: max(520px, var(--site-main-min-height));
}

body > .site-top,
body > .site-footer,
body > .floating-btn,
body > #geetest-box,
body > #topBanner {
    min-height: 0;
}

@media (max-width: 767px) {
    body > main,
    body > .container,
    body > .content,
    body > .m-content,
    body > .home-page,
    body > #help,
    body > #estimate,
    body > #item,
    body > #good_list {
        min-height: 420px;
        min-height: max(420px, calc(100vh - 300px));
    }
}

/* 基础链接：只统一旧内容区 hover，不覆盖首页 Tailwind 工具类的默认语义。 */
.content a:hover,
.main a:hover,
.breadcrumb a:hover,
.tag-box a:hover,
.tab-v2 a:hover,
.sky-form a:hover,
.sidebar-nav-v1 a:hover,
.table a:hover {
    color: var(--site-primary) !important;
}

/* 旧主按钮统一为首页右上角登录按钮形态。 */
.btn-u,
.btn-u.btn-u-red,
.btn-u.btn-u-orange,
.btn-u.btn-embossed,
.tab-v2 .btn-u,
.sky-form .btn-u,
.btn.btn-success,
.btn.btn-primary,
.panli_btn,
.pay .pay-button,
#rmbaccount .recharge-pop .btn.confirm-btn,
.orion-btn-primary,
.shop_item .shop-btn-group .shop-btn.selected,
.shop_item .shop-btn-group .shop-btn:hover,
.list-btn a.check,
.shop_list_title a,
#shipping {
    color: #fff !important;
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    border-radius: var(--site-radius-button) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

.btn-u:hover,
.btn-u:focus,
.btn-u.btn-u-red:hover,
.btn-u.btn-u-red:focus,
.btn-u.btn-u-orange:hover,
.btn-u.btn-u-orange:focus,
.btn-u.btn-embossed:hover,
.btn-u.btn-embossed:focus,
.tab-v2 .btn-u:hover,
.sky-form .btn-u:hover,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.panli_btn:hover,
.pay .pay-button:hover,
#rmbaccount .recharge-pop .btn.confirm-btn:hover,
.orion-btn-primary:hover,
.shop_item .shop-btn-group .shop-btn.selected:hover,
.shop_item .shop-btn-group .shop-btn:hover,
.list-btn a.check:hover,
.shop_list_title a:hover,
#shipping:hover {
    color: #fff !important;
    background: var(--site-primary-hover) !important;
    border-color: var(--site-primary-hover) !important;
}

.btn-u.disabled,
.btn-u[disabled],
.btn.disabled,
.btn[disabled],
button.disabled,
button[disabled],
input.disabled,
input[disabled] {
    opacity: .55 !important;
    cursor: not-allowed !important;
}

.btn-u.disabled:hover,
.btn-u[disabled]:hover,
.btn.disabled:hover,
.btn[disabled]:hover,
button.disabled:hover,
button[disabled]:hover,
input.disabled:hover,
input[disabled]:hover {
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
}

/* 旧描边/次级按钮。 */
.btn-u.btn-brd,
.btn-u.btn-u-default,
.btn.btn-default,
.orion-ghost-btn-primary,
.orion-btn-default,
.btn-outline-primary,
.list-btn a,
.help-page-nav {
    color: var(--site-primary) !important;
    background: #fff !important;
    border: 1px solid var(--site-primary) !important;
    border-radius: var(--site-radius-button) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease !important;
}

.btn-u.btn-brd:hover,
.btn-u.btn-u-default:hover,
.btn.btn-default:hover,
.btn.btn-default:focus,
.orion-ghost-btn-primary:hover,
.orion-btn-default:hover,
.btn-outline-primary:hover,
.list-btn a:hover,
.help-page-nav:hover {
    color: var(--site-primary-hover) !important;
    background: var(--site-primary-soft) !important;
    border-color: var(--site-primary-hover) !important;
}

/* Bootstrap/旧页面卡片、面包屑和内容容器的轻量统一。 */
.breadcrumbs {
    background: #fff !important;
    border-bottom: 1px solid #F3F4F6 !important;
}

.breadcrumbs h1,
.heading h2,
.heading-v3 h2,
.heading-v4 h2,
.panel-title,
.shopList,
.serveList {
    color: var(--site-text-secondary) !important;
}

.tag-box,
.tab-v2,
.panel.panel-default,
.sky-form,
.sidebar-nav-v1,
.view-info {
    border-color: #F3F4F6 !important;
    border-radius: 12px !important;
    box-shadow: var(--site-card-shadow) !important;
}

.view-info {
    background: #fff !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.view-info .view-title {
    color: #6B7280 !important;
}

.view-info .view-line {
    border-color: #F3F4F6 !important;
}

.color-blue,
.view-info .color-blue,
.product-details .color-blue,
.table .color-blue {
    color: var(--site-primary) !important;
}

.panel.panel-default > .panel-heading,
.table-head,
.table > thead > tr > th {
    background: #F9FAFB !important;
    color: #4B5563 !important;
    border-color: #F3F4F6 !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-color: #F3F4F6 !important;
}

/* Tab active/hover 统一为主题色体系。 */
.tab-v2 .nav-tabs,
.nav-tabs {
    border-bottom-color: #F3F4F6 !important;
}

.tab-v2 .nav-tabs > li > a,
.nav-tabs > li > a {
    color: #4B5563 !important;
    position: relative;
    border-radius: 0 !important;
}

.tab-v2 .nav-tabs > li.active > a,
.tab-v2 .nav-tabs > li.active > a:hover,
.tab-v2 .nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
#tab-name ul .curent {
    color: var(--site-primary) !important;
    background: #fff !important;
    border: 0 !important;
    border-color: transparent !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.tab-v2 .nav-tabs > li.active > a,
.tab-v2 .nav-tabs > li.active > a:hover,
.tab-v2 .nav-tabs > li.active > a:focus {
    padding: 9px 16px !important;
}

.tab-v2 .nav-tabs > li.active > a::after,
.tab-v2 .nav-tabs > li.active > a:hover::after,
.tab-v2 .nav-tabs > li.active > a:focus::after,
.nav-tabs > li.active > a::after,
.nav-tabs > li.active > a:hover::after,
.nav-tabs > li.active > a:focus::after,
#tab-name ul .curent::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: calc(100% - 32px);
    min-width: 16px;
    max-width: 100%;
    height: 2px;
    background: var(--site-primary);
    border-radius: 2px;
    transform: translateX(-50%);
    pointer-events: none;
}

#tab-name ul .curent {
    position: relative;
}

.tab-v2 .nav-tabs > li > a:hover,
.nav-tabs > li > a:hover {
    color: var(--site-primary) !important;
    background: var(--site-primary-soft) !important;
    border-color: var(--site-primary-soft-2) !important;
}

/* 旧侧栏：帮助页等仍使用 sidebar-nav-v1。 */
.sidebar-nav-v1 > li,
.sidebar-nav-v1 .list-group-item {
    border-color: #F3F4F6 !important;
}

.sidebar-nav-v1 > li.active > a,
.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 li.active > a,
.sidebar-nav-v1 li a:hover,
.sidebar-nav-v1 ul li.active a,
.sidebar-nav-v1 ul li:hover a {
    color: var(--site-primary) !important;
    background: var(--site-primary-soft) !important;
    border-color: var(--site-primary-soft-2) !important;
}

.sidebar-nav-v1 a {
    color: #374151 !important;
    text-decoration: none !important;
}

/* 分页统一。 */
.pagination > li > a,
.pagination > li > span,
.pagination li a,
.pagination li span {
    color: #4B5563 !important;
    border-color: #E5E7EB !important;
    border-radius: 9999px !important;
    margin: 0 3px !important;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination li:not(.disabled):hover,
.pagination li a:hover {
    color: var(--site-primary) !important;
    background: var(--site-primary-soft) !important;
    border-color: var(--site-primary-border) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination li.active,
.pagination li.active a,
.pagination li.active span {
    color: #fff !important;
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
}

.pagination li.disabled,
.pagination > .disabled > a,
.pagination > .disabled > span {
    color: #9CA3AF !important;
    background: #fff !important;
    border-color: #E5E7EB !important;
}

/* 表单 focus 统一为主题色。 */
.form-control:focus,
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form input:focus,
.sky-form select:focus,
.sky-form textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
    border-color: var(--site-primary) !important;
    box-shadow: 0 0 0 2px rgba(255, 24, 107, .14) !important;
    outline: none !important;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--site-primary);
}

/* 旧商品/支付/汇款组件选择态。 */
.product_Box .skuSpec .row .specItem .item.select,
ul.SaleProp li.selected a,
.goods_list .pic a:hover,
.pic a:hover {
    border-color: var(--site-primary) !important;
}

.shop-r .shop-l,
.item-seller-info .headline {
    border-color: var(--site-primary) !important;
    background: var(--site-primary) !important;
}

.summary p,
.goods_list .summary h1 a:hover,
.pay a,
.remit a,
.announcement_swiper .swiper-wrapper div a,
.panli_sale_wenzi .now_price,
.userbox__item a span,
.searchcon .input-group-addon,
.text-highlights-green,
.color-green:not(.text-success):not(.label-success),
.text-primary {
    color: var(--site-primary) !important;
}

/* 顶部新版 PC 导航中的主题色统一。 */
.site-iconbtn.is-active,
.site-navlink.is-active,
.site-locale-option:hover,
.site-locale-option:focus,
.site-locale-option.is-active,
.site-locale-option.is-active:hover {
    color: var(--site-primary) !important;
}

.site-search:focus-within,
.search-nav,
.search-nav:focus-within {
    border-color: var(--site-primary) !important;
}

.site-search:focus-within {
    box-shadow: 0 0 0 2px rgba(255, 24, 107, .14) !important;
}

#topBanner,
#cart_num,
.site-search-btn,
.site-authbtn.bg-\[\#FF186B\],
.bg-\[\#FF186B\] {
    background-color: var(--site-primary) !important;
}

.site-search-btn:hover,
.hover\:bg-\[\#FF4689\]:hover {
    background-color: var(--site-primary-hover) !important;
}

.site-authbtn.border-\[\#FF186B\],
.border-\[\#FF186B\] {
    border-color: var(--site-primary) !important;
}

.site-authbtn.text-\[\#FF186B\],
.text-\[\#FF186B\] {
    color: var(--site-primary) !important;
}

/* 价格/金额强调保持首页主题色；错误/删除类仍保留 Bootstrap/Tailwind 红色语义。 */
.color-red:not(.text-danger):not(.label-danger) {
    color: var(--site-primary) !important;
}

/* 旧 alert 保持语义色，只柔化圆角。 */
.alert,
.panel,
.table,
.form-control {
    border-radius: 10px;
}

/* 登录/注册/找回密码等纯 Tailwind 页面：强制主按钮具备背景和文字对比，避免与白色背景融为一体。 */
button.bg-primary,
a.bg-primary,
input.bg-primary,
.bg-primary,
#loginSubmit,
#userRegister,
#email-btn,
#modifyLoginPwd,
#getEmailCode,
#articleModal button.bg-primary,
#user_login button[class*="bg-primary"],
#user_register button[class*="bg-primary"],
#user_forgetpwd button[class*="bg-primary"] {
    color: #fff !important;
    background-color: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
}

button.bg-primary:hover,
a.bg-primary:hover,
input.bg-primary:hover,
.hover\:bg-primary\/90:hover,
.hover\:bg-primary:hover,
#loginSubmit:hover,
#userRegister:hover,
#email-btn:hover,
#modifyLoginPwd:hover,
#getEmailCode:hover,
#articleModal button.bg-primary:hover,
#user_login button[class*="bg-primary"]:hover,
#user_register button[class*="bg-primary"]:hover,
#user_forgetpwd button[class*="bg-primary"]:hover {
    color: #fff !important;
    background-color: var(--site-primary-hover) !important;
    border-color: var(--site-primary-hover) !important;
}

.text-primary,
.hover\:text-primary:hover {
    color: var(--site-primary) !important;
}

.border-primary,
.hover\:border-primary:hover,
.focus\:border-primary:focus {
    border-color: var(--site-primary) !important;
}

.ring-primary,
.focus\:ring-primary:focus {
    --tw-ring-color: var(--site-primary) !important;
}


/* Tailwind 旧橙色/蓝色工具类映射到首页主题色，补齐字体、图标、边框、背景和渐变。 */
.text-orange-500,
.text-orange-600,
.hover\:text-orange-500:hover,
.hover\:text-orange-600:hover,
.group:hover .group-hover\:text-orange-500,
.group:hover .group-hover\:text-orange-600,
.text-blue-500,
.text-blue-600,
.hover\:text-blue-500:hover,
.hover\:text-blue-600:hover {
    color: var(--site-primary) !important;
}

.text-orange-300,
.text-orange-400,
.text-orange-100,
.text-blue-300,
.text-blue-400 {
    color: var(--site-primary-border) !important;
}

.bg-orange-500,
.bg-orange-600,
.hover\:bg-orange-500:hover,
.hover\:bg-orange-600:hover,
.bg-blue-500,
.bg-blue-600,
.hover\:bg-blue-500:hover,
.hover\:bg-blue-600:hover {
    background-color: var(--site-primary) !important;
}

.bg-orange-50,
.bg-orange-100,
.hover\:bg-orange-50:hover,
.hover\:bg-orange-100:hover,
.bg-blue-50,
.bg-blue-100,
.hover\:bg-blue-50:hover,
.hover\:bg-blue-100:hover {
    background-color: var(--site-primary-soft) !important;
}

.border-orange-500,
.border-orange-600,
.hover\:border-orange-500:hover,
.hover\:border-orange-600:hover,
.focus\:border-orange-500:focus,
.focus\:border-orange-600:focus,
.border-blue-500,
.border-blue-600,
.hover\:border-blue-500:hover,
.hover\:border-blue-600:hover,
.focus\:border-blue-500:focus,
.focus\:border-blue-600:focus {
    border-color: var(--site-primary) !important;
}

.border-orange-300,
.border-orange-400,
.border-blue-300,
.border-blue-400 {
    border-color: var(--site-primary-border) !important;
}

.ring-orange-500,
.focus\:ring-orange-500:focus,
.ring-blue-500,
.focus\:ring-blue-500:focus {
    --tw-ring-color: var(--site-primary) !important;
}

.from-orange-500,
.from-orange-600,
.from-blue-500,
.from-blue-600 {
    --tw-gradient-from: var(--site-primary) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(255 24 107 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-orange-500,
.to-orange-600,
.to-blue-500,
.to-blue-600 {
    --tw-gradient-to: var(--site-primary-hover) var(--tw-gradient-to-position) !important;
}

.via-orange-500,
.via-orange-600,
.via-blue-500,
.via-blue-600 {
    --tw-gradient-to: rgb(255 24 107 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--site-primary) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* 常见 FontAwesome 图标跟随主题色，保留灰色/白色/状态色图标的语义。 */
.text-primary i,
.text-primary .fa,
.text-primary .fas,
.text-primary .far,
.text-primary .fab,
.color-blue i,
.color-green i,
a:hover > i:not(.text-gray-400):not(.text-gray-500):not(.text-white):not(.text-red-500):not(.text-red-600):not(.text-green-500):not(.text-green-600),
button:hover > i:not(.text-gray-400):not(.text-gray-500):not(.text-white):not(.text-red-500):not(.text-red-600):not(.text-green-500):not(.text-green-600) {
    color: var(--site-primary) !important;
}

/* 动态 JS 插入的加载/提示组件。 */
.animate-spin.border-orange-500,
.animate-spin.border-blue-600 {
    border-color: var(--site-primary) !important;
    border-top-color: transparent !important;
}

.fixed.bg-orange-500,
.fixed.bg-blue-500 {
    background-color: var(--site-primary) !important;
}

/* PC 前台按钮形态统一：覆盖 Tailwind rounded-button/rounded-sm、Bootstrap/旧模板直角按钮和 JS 动态按钮，保持右上角登录/注册按钮的 12px 圆角。 */
button:not(.site-iconbtn):not(.site-locale-btn):not(.site-search-cam):not(#mobileMenuBtn):not(#closeMenu):not(#backToTop),
input[type="submit"],
input[type="button"],
a.btn,
.btn,
.btn-u,
.orion-btn,
.orion-ghost-btn,
.pay-button,
.site-authbtn,
.help-page-nav,
.change_action_btns button,
.status_btns button,
.drop-down,
.modify-btn,
.checked_serve,
.notphoto,
[class*="rounded-button"] {
    border-radius: var(--site-radius-button) !important;
}

.rounded-button,
.\!rounded-button,
.rounded-sm,
.rounded-md,
button.rounded-sm,
button.rounded-md,
a.rounded-sm,
a.rounded-md,
input.rounded-sm,
input.rounded-md {
    border-radius: var(--site-radius-button) !important;
}

/* tab 选中下划线：对齐首页 subcat 的圆角短下划线（粉色 #FF186B、2px 高、2px 圆角）。
   用 ::after 伪元素贴在 tab 底部；带 px-* 的 Tailwind tab 会抵消左右 padding，
   让下划线更接近文字宽度。未选中时不渲染。 */
.tab-underline-active {
    position: relative;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    --tab-underline-x: 0px;
}
.tab-underline-active:hover,
.tab-underline-active:focus,
.tab-underline-active:focus-visible,
button.tab-underline-active,
button.tab-underline-active:hover,
button.tab-underline-active:focus,
button.tab-underline-active:focus-visible {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none;
    appearance: none;
}
.tab-underline-active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: calc(100% - var(--tab-underline-x));
    min-width: 16px;
    max-width: 100%;
    height: 2px;
    background: var(--site-primary);
    border-radius: 2px;
    transform: translateX(-50%);
    pointer-events: none;
}
.tab-underline-active.px-6 { --tab-underline-x: 3rem; }
.tab-underline-active.px-5 { --tab-underline-x: 2.5rem; }
.tab-underline-active.px-4 { --tab-underline-x: 2rem; }
.tab-underline-active.px-3 { --tab-underline-x: 1.5rem; }
.tab-underline-active.px-2 { --tab-underline-x: 1rem; }
.tab-underline-active.px-1 { --tab-underline-x: .5rem; }

/* 有主题背景/边框的操作按钮统一成首页主按钮/描边按钮。 */
button.bg-orange-500,
button.bg-orange-600,
button.bg-blue-500,
button.bg-blue-600,
button.bg-primary,
a.bg-orange-500,
a.bg-orange-600,
a.bg-blue-500,
a.bg-blue-600,
a.bg-primary,
input.bg-orange-500,
input.bg-orange-600,
input.bg-blue-500,
input.bg-blue-600,
input.bg-primary,
.change_action_btns button.bg-orange-500,
.status_btns button.text-orange-500,
.checked_serve {
    color: #fff !important;
    background-color: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
}

button.bg-white.border,
a.bg-white.border,
button.border-gray-200,
a.border-gray-200,
input.border-gray-200,
.notphoto,
.modify-btn,
.drop-down {
    border-color: var(--site-border) !important;
}

button.bg-white.border:hover,
a.bg-white.border:hover,
button.border-gray-200:hover,
a.border-gray-200:hover,
input.border-gray-200:hover,
.notphoto:hover,
.modify-btn:hover,
.drop-down:hover {
    color: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    background-color: var(--site-primary-soft) !important;
}


aside .bg-gradient-to-r.from-orange-500,
aside .bg-gradient-to-r.from-orange-500.to-orange-400,
aside .from-orange-500,
aside .to-orange-400 {
    background-image: linear-gradient(to right, var(--site-primary), var(--site-primary-hover)) !important;
}

aside a.banner-left:hover,
aside a.banner-left.text-orange-500,
aside a.banner-left:hover .font-medium,
aside a.banner-left.text-orange-500 .font-medium,
aside a.banner-left:hover i,
aside a.banner-left i.text-orange-500,
aside a.banner-left:hover .group-hover\:text-orange-500,
aside a.banner-left:hover .group-hover\:text-orange-600 {
    color: var(--site-primary) !important;
}

aside a.banner-left:hover,
aside a.banner-left.bg-gradient-to-r,
aside a.banner-left.from-orange-50 {
    background-image: linear-gradient(to right, var(--site-primary-soft), transparent) !important;
}

aside a.banner-left:hover span.w-10,
aside a.banner-left span.w-10.bg-orange-100,
aside a.banner-left:hover .group-hover\:bg-orange-100 {
    background-color: var(--site-primary-soft-2) !important;
}

.site-top .group > button,
.site-top button.border-\[\#FFC0D6\],
.site-top button.border-\[\#FDBA74\] {
    color: var(--site-primary) !important;
    border-color: var(--site-primary-border) !important;
    background-color: #fff !important;
}

.site-top .group > button:hover,
.site-top .group:focus-within > button {
    color: var(--site-primary-hover) !important;
    border-color: var(--site-primary) !important;
    background-color: var(--site-primary-soft) !important;
}

.site-top .group:hover > div a:hover,
.site-top .group:hover > div a:hover i {
    color: var(--site-primary) !important;
    background-color: var(--site-primary-soft) !important;
}

.oop-side-link:hover,
.oop-side-button:hover {
    color: var(--site-primary) !important;
    background: var(--site-primary-soft) !important;
}

.oop-side-count,
#slider_cart_num {
    color: #fff !important;
    background: var(--site-primary) !important;
}

.oop-side-group {
    border-color: #F3F4F6 !important;
}

.site-footer-link:hover,
.site-footer-legal a:hover {
    color: var(--site-primary) !important;
}

/* 补齐 hover 状态：按钮 hover 用深一档主题色，浅底 hover 用主题浅底。 */
.hover\:bg-orange-500:hover,
.hover\:bg-orange-600:hover,
.hover\:bg-blue-500:hover,
.hover\:bg-blue-600:hover,
.hover\:bg-primary:hover,
.hover\:bg-primary\/90:hover,
.hover\:bg-\[\#FF4689\]:hover,
.hover\:bg-\[\#EA580C\]:hover {
    background-color: var(--site-primary-hover) !important;
}

.hover\:bg-orange-50:hover,
.hover\:bg-orange-100:hover,
.hover\:bg-blue-50:hover,
.hover\:bg-blue-100:hover,
.hover\:bg-primary\/20:hover,
.lg\:hover\:bg-primary\/20:hover,
.hover\:bg-\[\#ffe6ef\]:hover,
.hover\:bg-\[\#fff2f7\]:hover,
.hover\:bg-\[\#FFF7FA\]:hover {
    background-color: var(--site-primary-soft) !important;
}

.hover\:text-orange-500:hover,
.hover\:text-orange-600:hover,
.hover\:text-blue-500:hover,
.hover\:text-blue-600:hover,
.hover\:text-primary:hover,
.hover\:text-\[\#FF186B\]:hover,
.hover\:text-\[\#ff186b\]:hover,
.hover\:text-\[\#EA580C\]:hover {
    color: var(--site-primary) !important;
}

.hover\:border-orange-500:hover,
.hover\:border-orange-600:hover,
.hover\:border-blue-500:hover,
.hover\:border-blue-600:hover,
.hover\:border-primary:hover,
.hover\:border-\[\#FF186B\]:hover,
.hover\:border-\[\#ff186b\]:hover {
    border-color: var(--site-primary) !important;
}

/* Auth page fields keep their own fill and text color in all input states. */
#user_login input:not([type="checkbox"]),
#user_login input:not([type="checkbox"]):focus,
#user_login input:not([type="checkbox"]):active,
#user_register input:not([type="checkbox"]),
#user_register input:not([type="checkbox"]):focus,
#user_register input:not([type="checkbox"]):active,
#user_register select,
#user_register select:focus,
#user_register select:active,
#user_forgetpwd input:not([type="checkbox"]),
#user_forgetpwd input:not([type="checkbox"]):focus,
#user_forgetpwd input:not([type="checkbox"]):active,
#user_forgetpwd select,
#user_forgetpwd select:focus,
#user_forgetpwd select:active {
    background-color: #fff !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    caret-color: #111827 !important;
}

#user_login input:not([type="checkbox"]):-webkit-autofill,
#user_login input:not([type="checkbox"]):-webkit-autofill:focus,
#user_register input:not([type="checkbox"]):-webkit-autofill,
#user_register input:not([type="checkbox"]):-webkit-autofill:focus,
#user_forgetpwd input:not([type="checkbox"]):-webkit-autofill,
#user_forgetpwd input:not([type="checkbox"]):-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #111827 !important;
    caret-color: #111827 !important;
}