/* ============================================================
   购物车 cart · 统一设计令牌
   与官网 web/www（www-unified.css）、用户中心 QRuser-unified.css
   保持同一套视觉语言。
   主色: #165DFF (Arco 蓝) | 渐变 | 圆角 10px | 统一阴影
   说明：本文件在 head.tpl(custom.css 之后)引入，把购物车原本
   散落的蓝色（#3860f4/#0e52ff/#2948df/#0056ff）统一为令牌主色，
   并把「黄色渐变 CTA」统一为蓝渐变，与官网风格一致。
   ============================================================ */
:root{
  --Original: #165DFF;
  --Original-2: #3D7FFF;
  --gradient1: linear-gradient(135deg,#3D7FFF 0%,#165DFF 100%);
  --txtcl: #1d2129;
  --radius: 10px;
  --global-shadow: 0 10px 30px rgba(22,93,255,.10);
  /* 导航布局变量 */
  --nav-width: 268px;
  --nav-offset: 300px;
  --soft: #eef3ff;
  /* 价格色：与参考站一致的正红（¥ 与数字同色，单位为灰） */
  --price-color: #ff0000;
}

/* 配置页：隐藏文档级原生滚动条（左栏/右列均内部滚动，页面锁定一屏，避免右侧滚动条闪现）。
   用 :has(.allocation-wrap) 限定到配置页，不影响列表页等需要文档滚动的页面。 */
html:has(.allocation-wrap){ scrollbar-width:none; -ms-overflow-style:none; }
html:has(.allocation-wrap)::-webkit-scrollbar{ display:none; width:0; height:0; }

/* ---- 主色链接 ---- */
a{color:var(--Original);}
a:hover{color:var(--Original);opacity:.85;}

/* ---- 产品卡统一 ---- */
.smc-card{
  border-radius:var(--radius)!important;
  box-shadow:var(--global-shadow)!important;
  border:1px solid #e1e6f0!important;
}
.smc-card:before{background:var(--Original)!important;}
.smc-card .card-top .title{color:var(--txtcl);}
.smc-card .card-bottom .bottom-wrap .price-detail .font-num{color:var(--price-color)!important;}

/* ---- 主按钮：默认蓝渐变 -> 统一渐变 ---- */
.button-base{
  background:var(--gradient1)!important;
  border:none!important;
  color:#fff!important;
  border-radius:var(--radius)!important;
  box-shadow:0 6px 16px rgba(22,93,255,.22)!important;
}
.button-base:hover{filter:brightness(1.05);color:#fff!important;}

/* ---- 原本的黄色渐变 CTA -> 统一蓝渐变（与官网一致） ---- */
a.button-base.button-yellowgradient.h34,
a.button-base.button-yellowgradient.h34:hover{
  background:var(--gradient1)!important;
  color:#fff!important;
  border:none!important;
  text-shadow:none!important;
  box-shadow:0 6px 16px rgba(22,93,255,.22)!important;
}
/* 售罄按钮：保留中性灰，避免产生「可购买」的误导 */
a.button-base.button-yellowgradient.h34.no,
a.button-base.button-yellowgradient.h34.no:hover{
  background:#f2f3f5!important;
  color:#9aa3b2!important;
  border:1px solid #e3e6ec!important;
  box-shadow:none!important;
}

/* ---- 蓝边框 / 蓝渐变按钮 ---- */
a.button-base.button-radius-4.button-blueborder.h34-border.ml16{
  border:1px solid var(--Original)!important;
  background:#fff!important;
  color:var(--Original)!important;
  box-shadow:none!important;
}
a.button-base.button-radius-4.button-bluegradient.h34{
  background:var(--gradient1)!important;
  color:#fff!important;
  border:none!important;
}

/* ---- 左侧分类导航 active ---- */
/* ===== 左侧分类侧栏：完全对齐 server 演示的分组选择风格 ===== */
/* 一级分组标题：无实底、深色文字、padding 10px 20px、左对齐 */
.products-nav>ul li.product_Level{
  min-height:auto!important;
  padding:10px 20px!important;
  line-height:20px!important;
  text-align:left!important;
  background:transparent!important;
}
.products-nav>ul li.product_Level>a{
  display:block;
  position:relative;
  font-size:14px!important;
  color:var(--tc-text,#374567)!important;
  font-weight:400!important;
}
.products-nav>ul li.product_Level:hover{background:#f2f6ff!important;}
/* 一级去掉左侧 +/− 图标，改用右侧三角箭头指示展开/收起 */
.products-nav>ul li.product_Level:before{content:none!important;}
.products-nav>ul li.product_Level>a::after{
  content:"";position:absolute;right:0;top:50%;
  width:0;height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid #999;
  transform:translateY(-50%);
  transition:transform .3s;
}
.products-nav>ul li.product_Level.active>a::after,
.products-nav>ul li#open>a::after{
  transform:translateY(-50%) rotate(180deg);
  border-top-color:var(--Original)!important;
}
/* 二级分组项：深色文字 14px、左 3px 透明边框、hover 浅蓝、选中蓝边+浅蓝底 */
.products-nav>ul li.products-secondary{
  min-height:auto!important;
  padding:0!important;
  line-height:normal!important;
  background:transparent!important;
}
.products-nav .product_second{
  min-height:40px!important;
  padding:0 20px 0 26px!important;
  border-left:3px solid transparent!important;
  border-bottom:none!important;
  box-sizing:border-box;
}
.products-nav .product_second a{
  color:var(--tc-text,#374567)!important;
  font-size:14px!important;
  font-weight:400!important;
}
.products-nav .product_second:hover{background:#f2f6ff!important;}
.products-nav .product_second.active{
  border-left:3px solid var(--Original)!important;
  background:#e0eeff!important;
}
.products-nav .product_second.active a{
  color:var(--tc-text,#374567)!important;
  font-weight:400!important;
}
/* 去掉分组列表的所有分隔线（演示侧栏无分隔线，含一级标题下那条） */
.products-nav>ul li:after{content:none!important;}
/* 左侧产品分组导航：grid 第一列，与右侧产品卡片区域等高，消除底部留白 */
.products-nav {
  grid-column: 1;
  align-self: start;            /* 不拉伸，高度由 JS inline max-height 决定，ul 才能内部滚动 */
  background: #fff;
  max-height: none;             /* 覆盖主题默认限高，实际高度由 syncNavHeight() 写 inline max-height */
  overflow: visible;            /* 由内部 ul 滚动；搜索建议下拉可溢出显示 */
  float: none;
  /* 列表页左栏：吸顶 + 内部滚动（对齐配置页 configureproduct 的左侧列表体验）。
     分组很多时左栏自身可下滑，且随页面滚动始终停留在视口内。 */
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin-bottom: 0;            /* 去掉 custom.css 的 50px，避免撑出滚动条 */
  position: sticky;
  top: 62px;                   /* 桌面端吸顶：固定头部约 62px，左栏停留其下 */
  z-index: 5;
}
/* 左栏分组列表：超出一屏时在栏内滚动（分组很多时也能全部触达） */
.products-nav > .products-search { flex: 0 0 auto; }
.products-nav > ul {
  flex: 1 1 auto;
  min-height: 0;               /* 允许在受限高度内收缩，从而触发内部滚动 */
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #c9cdd4 transparent;
}
.products-nav > ul::-webkit-scrollbar { width: 4px; }
.products-nav > ul::-webkit-scrollbar-track { background: transparent; }
.products-nav > ul::-webkit-scrollbar-thumb { background: #c9cdd4; border-radius: 4px; }
.products-nav > ul::-webkit-scrollbar-thumb:hover { background: #86909c; }
.products-nav>ul li:before,
.products-secondary:before{color:var(--Original)!important;}
.products-secondary:before{background:var(--Original)!important;}
.second .text-white{color:var(--Original)!important;}

/* ---- 价格 / 强调 ---- */
td.font-weight-bold.text-dark.text-right{color:var(--Original)!important;}
button#addToCartBtn{
  background:var(--gradient1)!important;
  border:none!important;
}
.btn-custom-group .active{
  background-color:var(--Original)!important;
  color:#fff!important;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle{
  background-color:var(--Original)!important;
  border-color:var(--Original)!important;
  color:#fff!important;
}

/* ---- 滑块 / 选中态 ---- */
input[type="range"]::-webkit-slider-thumb{border:4px solid var(--Original)!important;}
input[type="range"]::-moz-range-thumb{border:4px solid var(--Original)!important;}

/* ---- 通用圆角 ---- */
.configoption_form,
.card-back{border-radius:var(--radius)!important;}

/* ============================================================
   购物车产品页：桌面端全宽铺满（覆盖 custom.css 的 1240px 固定宽度）
   左分类固定宽度，右侧产品区自适应铺满左右
   ============================================================ */
.products-gray-wrap { min-width: 100% !important; }
/* 收窄分类栏下方留白（topbar-categories.tpl 内联 margin-top:24px 必须用 !important 覆盖），
   让左栏更贴近分类栏。注意 custom.css:71 的 .products-gray-wrap{overflow-x:hidden} 会让另一轴计算成 auto
   （裁剪容器），所以不能用负 margin 推 .products-nav，只能收窄 wrap 的上边距（proconfig.css 同款做法）。 */
/* overflow:visible 关键：取消 custom.css 的 overflow-x:hidden，否则 .products-nav 的
   position:sticky 会因祖先成为滚动容器而失效，左栏无法吸顶 */
.products-gray-wrap { margin-top: 6px !important; overflow: visible !important; }
.products-wrap {
  display: grid;
  grid-template-columns: var(--nav-width, 268px) 1fr;
  column-gap: calc(var(--nav-offset, 300px) - var(--nav-width, 268px)); /* 与右侧保持原 32px 间距 */
  align-items: start;             /* 左栏不被拉伸，sticky 才能生效 */
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  padding-left: 24px;
  padding-right: 24px;
  overflow: visible;             /* 关键：取消 overflow:hidden，否则 sticky 失效 */
  clear: none;
}
.index-banner { width: 100% !important; }
.container { width: 100% !important; max-width: 100% !important; }
.configoption_form { width: 100% !important; max-width: 100% !important; }

/* 右侧产品区：grid 第二列自适应铺满，撑高父容器（使左栏 sticky 跟随整页） */
.config-content-parent.product_card {
  grid-column: 2;
  min-width: 0;
  width: auto !important;
  float: none;
}
.products-banner-buttons {
  width: auto !important;
  margin-left: var(--nav-offset, 300px) !important;
}

/* 移动端恢复堆叠，避免左侧 300px 留白 */
@media all and (max-width: 768px) {
  .products-wrap { display: block; padding-left: 10px; padding-right: 10px; }
  .products-nav { position: static; max-height: none; }
  .config-content-parent.product_card { width: 100% !important; float: none; }
  .compliance-notice { grid-column: auto; }
  .products-banner-buttons { margin-left: 0 !important; width: 100% !important; }
}

/* ============================================================
   产品浏览页：每排显示 5 个产品（覆盖 custom.css 的 3 列布局）
   用 flex + gap 布局，卡片宽度按 5 列自适应
   ============================================================ */
.config-content-parent.product_card {
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px;
  align-content: flex-start;
}
.col-sm-product {
  width: calc((100% - 80px) / 5) !important;  /* 5 列，4 个 20px 间隙 */
  margin-right: 0 !important;
  margin-bottom: 40px !important;
  display: block !important;
}
/* 取消原 3 列的 nth-child 负边距 */
.product_card > div:nth-child(3n+3) {
  margin-right: 0 !important;
}

/* 产品卡：等高 + 「立即购买」按钮对齐到卡片最底部 */
.col-sm-product { display: flex !important; flex-direction: column !important; }
.smc-card.card-md {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}
.smc-card.card-md .card-bottom { margin-top: auto !important; }

/* 价格在上、立即购买按钮换到下一行（覆盖 custom.css 的同行 float 布局） */
.smc-card.card-md .card-bottom .bottom-wrap.label-tags {
  height: auto !important;
  padding: 20px 0 24px 0 !important;
}
.smc-card.card-md .card-bottom .bottom-wrap .price-detail {
  display: block !important;
  width: 100% !important;
}
.smc-card.card-md .card-bottom .bottom-wrap.label-tags .button-base {
  float: none !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 14px !important;
}

/* 中等屏幕：3 列 */
@media all and (max-width: 1400px) {
  .col-sm-product { width: calc((100% - 40px) / 3) !important; }
}
/* 平板：2 列 */
@media all and (max-width: 992px) {
  .col-sm-product { width: calc((100% - 20px) / 2) !important; }
}

/* 隐藏购物车遗留空容器，避免其参与 grid 布局挤占右侧内容 */
#output {
  display: none;
}
/* 手机：1 列 */
@media all and (max-width: 768px) {
  .col-sm-product { width: 100% !important; }
}

/* ============================================================
   产品浏览页底部：机房合规声明提示条
   ============================================================ */
.compliance-notice {
  grid-column: 1 / -1;           /* 跨整行，位于产品区下方 */
  width: calc(100% - (var(--nav-offset, 300px) + 40px));
  margin-left: calc(var(--nav-offset, 300px) + 40px);
  margin-top: 20px;
  padding: 18px 22px;
  background: #fff8f3;
  border: 1px solid #ffd9bf;
  border-left: 4px solid var(--Original);
  border-radius: var(--radius);
  font-size: 13px;
  line-height: 24px;
  color: #8a5a3a;
  box-sizing: border-box;
}
.compliance-notice strong {
  color: var(--Original);
  font-weight: 700;
}
/* 移动端：合规提示恢复整行 */
@media all and (max-width: 768px) {
  .compliance-notice { width: 100% !important; margin-left: 0 !important; }
}

/* ============================================================
   购物车页：完全隐藏整站底部栏，聚焦结账流程、避免底部布局张力
   仅作用于购物车主题（unified.css 只在购物车页加载），不影响全站其它页面
   ============================================================ */
footer.footer,
.footer {
  display: none !important;
}

/* ============================================================
   产品区空状态（未查询到该区域下的相关产品）
   父容器 .config-content-parent.product_card 是 flex 换行布局，
   必须用 flex:1 1 100% 撑满整行，否则会被压成一条窄白块
   ============================================================ */
.no-data {
  flex: 1 1 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 340px;
  margin-top: 0;
  padding: 48px 24px;
  background: none;
  border: 0;
  box-shadow: none;
  text-align: center;
}
.no-data .empty {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.empty .empty-ico {
  display: block;
  line-height: 0;
}
.empty .empty-ico svg {
  display: block;
  width: 104px;
  height: 88px;
}
.empty p {
  margin: 18px 0 0;
  padding: 0;
  background: none;
  background-image: none;
  border: 0;
  box-shadow: none;
  color: #86909c;
  font-size: 15px;
  line-height: 24px;
}
@media all and (max-width: 768px) {
  .no-data { min-height: 280px; padding: 36px 16px; }
  .empty .empty-ico svg { width: 88px; height: 74px; }
  .empty p { font-size: 14px; line-height: 22px; }
}

/* ============================================================
   遗留强调色补齐：custom.css 中尚未被上面规则覆盖的硬编码蓝，
   统一跟随主题主色（切换配色预设后不再残留蓝色）
   ============================================================ */
/* 左侧一级分组：选中/展开态（li#open + li.active）
   对齐 server 演示：无实底、文字保持深色，仅右侧三角箭头变主色并旋转 */
.products-nav > ul li#open,
.products-nav > ul li.active {
  background: transparent !important;
  border-right-color: transparent !important;
}
.products-nav > ul li#open > a,
.products-nav > ul li.active > a {
  color: var(--tc-text, #374567) !important;
  font-weight: 400 !important;
}
.products-nav > ul li#open:before,
.products-nav > ul li.active:before {
  content: none !important;
}
/* 产品卡「库存」标签 */
.smc-card .card-tag { color: var(--Original) !important; }
.smc-card .card-tag:before { background: var(--Original) !important; }
/* 顶部横幅按钮 */
.tpm-prod-hero__btn {
  background: var(--gradient1) !important;
  border-color: var(--Original) !important;
}
.index-banner-top ul > li button { color: var(--Original) !important; }
/* 移动端横幅标题竖条 */
h1.banner-title { border-left-color: var(--Original) !important; }

/* ============================================================
   购物车清单 / 产品配置页（回退到 cart/default 模板，页面基于
   Bootstrap + 会员中心头部）：把 Bootstrap 强调色统一到主题主色
   ============================================================ */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--Original) !important;
  border-color: var(--Original) !important;
  color: #fff !important;
}
.btn-outline-primary {
  color: var(--Original) !important;
  border-color: var(--Original) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active {
  background-color: var(--Original) !important;
  border-color: var(--Original) !important;
  color: #fff !important;
}
.text-primary { color: var(--Original) !important; }
a.text-primary:hover, a.text-primary:focus { color: var(--Original) !important; }
.bg-primary { background-color: var(--Original) !important; }
.btn-custom.active,
label.btn-custom.active,
.btn-custom-group .active {
  background-color: var(--Original) !important;
  border-color: var(--Original) !important;
  color: #fff !important;
}
input[type="range"]::-webkit-slider-thumb,
input[type="range"]::-moz-range-thumb {
  border-color: var(--Original) !important;
}
/* 会员中心侧栏菜单选中/悬停（7yuser/header.tpl:56-61 内联写死 #165DFF，
   特异性含 ID，必须用相同选择器 + 后加载才能覆盖）
   / 充值方式选中卡片 */
.vertical-menu #sidebar-menu .metismenu a:hover,
.vertical-menu #sidebar-menu .metismenu li.mm-active > a,
.vertical-menu #sidebar-menu .metismenu li.active > a,
.vertical-menu #sidebar-menu .metismenu li.mm-active > a i,
.vertical-menu #sidebar-menu .metismenu li.active > a i {
  color: var(--Original) !important;
}
.vertical-menu #sidebar-menu .metismenu a:hover,
.vertical-menu #sidebar-menu .metismenu li.mm-active > a,
.vertical-menu #sidebar-menu .metismenu li.active > a {
  background: var(--tc-blue-l) !important;
}
.addfunds-payment.active { border-color: var(--Original) !important; }

/* ============================================================
   产品卡片：完全对齐 server 演示（sky-productList / product-card）
   直角卡片 + #d4d6d9 边框 + 浅灰标题栏 + 13px/26px 灰色描述
   + 24px 主色价格 + 整宽直角「立即购买」按钮
   ============================================================ */
/* 卡片外框：直角、灰边、参考站阴影；悬停变主色边框 */
.product_card .smc-card {
  border: 1px solid #d4d6d9 !important;
  border-radius: 0 !important;
  box-shadow: 0 5px 20px 3px rgba(230, 233, 249, .3) !important;
  background: #fff !important;
  transition: all .3s !important;
}
.product_card .smc-card:hover {
  border-color: var(--Original) !important;
  box-shadow: -2px -2px 20px rgba(55, 99, 170, .1), 8px 8px 20px rgba(55, 99, 170, .1) !important;
}
/* 去掉旧版左上角蓝色装饰条 */
.product_card .smc-card:before { display: none !important; }
/* 底部不留白：让「立即购买」贴住卡片下边缘（对齐演示的整宽按钮） */
.product_card .smc-card.card-md { padding-bottom: 0 !important; }

/* 头部：浅灰底、14px 标题、右侧库存（带竖分隔线） */
.product_card .smc-card .card-top {
  margin: 0 !important;
  padding: 14px 16px !important;
  background: #f7f7f9 !important;
  border-bottom: none !important;
}
.product_card .smc-card .card-top .header-title {
  display: flex; justify-content: space-between; align-items: flex-start; width: 100%;
}
.product_card .smc-card .card-top .title {
  color: #000 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 20px !important;
}
.product_card .smc-card .card-top .stock-info {
  position: relative; flex: 0 0 auto; margin: 0 !important; padding-left: 10px;
  color: var(--Original); font-size: 12px; line-height: 20px; white-space: nowrap;
}
.product_card .smc-card .card-top .stock-info:after {
  content: ""; position: absolute; left: 0; top: 4px; width: 1px; height: 12px; background: #d4d6d9;
}

/* 描述：13px / 26px 灰字 */
.product_card .smc-card .card-content {
  margin: 0 !important; padding: 10px 20px 0 !important;
  color: #83838e !important; font-size: 13px !important; line-height: 26px !important;
}
.product_card .smc-card .card-content * { color: #83838e; font-size: 13px; line-height: 26px; }
.product_card .smc-card .card-content li { height: auto !important; line-height: 26px !important; font-size: 13px !important; }
.product_card .smc-card .card-content a { color: var(--Original); }

/* 价格区：左右留白 20px，按钮本身整宽贴边 */
.product_card .smc-card .card-bottom .bottom-wrap.label-tags {
  height: auto !important; margin: 0 !important; padding: 2px 0 0 !important; border-top: none !important;
}
.product_card .smc-card .card-bottom .bottom-wrap .price-detail {
  display: block !important; width: 100% !important; padding: 0 20px;
  font-size: 12px !important; color: #777 !important;
}
.product_card .smc-card .card-bottom .bottom-wrap .price-detail .font-num {
  font-size: 24px !important; font-weight: bold !important; color: var(--price-color) !important;
}
/* ¥ 前缀：与价格同色，字号略小于数字、同基线（对齐演示「¥49.00 起/月」） */
.product_card .smc-card .card-bottom .bottom-wrap .price-detail .price-currency {
  font-size: 20px !important; font-weight: bold !important; color: var(--price-color) !important;
}
.product_card .smc-card .card-bottom .bottom-wrap .price-detail .price-detaily {
  font-size: 14px !important; color: #777 !important; font-weight: 400 !important; margin-left: 4px;
}
/* 每日等价提示：与月价并排、明显小于月价（12px 灰）；整段不拆行，宽度不够时整体换行 */
.product_card .smc-card .card-bottom .bottom-wrap .price-detail .daily-tip {
  display: inline !important;
  font-size: 12px !important; font-weight: 400 !important; color: #777 !important;
  margin-left: 8px !important; white-space: nowrap;
}
.product_card .smc-card .card-bottom .bottom-wrap .price-detail .original_price {
  display: block !important; font-size: 12px !important; font-weight: 400 !important; color: #777 !important;
  text-decoration: none !important;
}
/* 折扣前缀：(7.0折) 红色加粗，后接灰色「原价¥99.00」（对齐演示 .original-price .discount） */
.product_card .smc-card .card-bottom .bottom-wrap .price-detail .original_price .discount {
  color: #ff0003 !important; font-weight: bold !important; font-size: 12px !important; padding-right: 4px;
}

/* 立即购买：整宽、直角、实心主色按钮 */
.product_card .smc-card .card-bottom .bottom-wrap.label-tags .button-base {
  float: none !important; display: block !important; width: 100% !important; height: auto !important;
  margin: 12px 0 0 !important; padding: 0 !important; text-align: center !important;
  background: var(--Original) !important; border: none !important; border-radius: 0 !important;
  color: #fff !important; font-size: 14px !important; font-weight: 500 !important;
  line-height: 42px !important; box-shadow: none !important; text-shadow: none !important;
  transition: all .2s cubic-bezier(.22, .61, .36, 1) !important;
}
.product_card .smc-card .card-bottom .bottom-wrap.label-tags .button-base:hover {
  color: #fff !important; filter: none !important; transform: translateY(-1px);
}
/* 售罄：中性灰、不可点（选择器带 a. 才能压过 .button-yellowgradient.h34.no） */
.product_card .smc-card .card-bottom .bottom-wrap.label-tags a.button-base.no,
.product_card .smc-card .card-bottom .bottom-wrap.label-tags a.button-base.no:hover {
  background: #d8d8d8 !important; color: #5a5a5a !important; border: none !important;
  box-shadow: none !important; text-shadow: 0 .1em 0 #f0f0f0 !important;
  transform: none !important; cursor: not-allowed !important;
}

/* 移动端：对齐演示 mobileend.css（描述 14px/28px、按钮 46px） */
@media all and (max-width: 768px) {
  .product_card .smc-card .card-content,
  .product_card .smc-card .card-content * { font-size: 14px !important; line-height: 28px !important; }
  .product_card .smc-card .card-bottom .bottom-wrap.label-tags .button-base { line-height: 46px !important; }
}

/* ===== 未登录优惠提示条（浅蓝底 + 蓝色信息图标，商品列表 / 产品配置页共用） ===== */
.unlogin-tip {
  grid-column: 2;
  width: auto;
  box-sizing: border-box;
  margin-left: 0;
  margin-bottom: 20px;
  padding: 10px 16px 10px 42px;
  position: relative;
  background: #d5e7ff;
  border: 0;
  border-radius: 4px;
  font-size: 13px;
  line-height: 22px;
  color: #1d2129;
}
.unlogin-tip::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 12px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%233370FF'/%3E%3Cpath d='M8 3.9a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2zM7.05 7.5h1.9v4.9h-1.9z' fill='%23fff'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
.unlogin-tip a { color: #3370ff; text-decoration: none; }
.unlogin-tip a:hover { text-decoration: underline; }
.unlogin-tip a::after {
  content: "\203A";
  display: inline-block;
  margin: 0 6px;
  color: #86909c;
  font-size: 13px;
  line-height: 1;
  vertical-align: 1px;
  text-decoration: none;
}
.unlogin-tip--mobile { display: none; }
@media all and (max-width: 768px) {
  .unlogin-tip { width: 100% !important; margin-left: 0 !important; }
  .unlogin-tip--desktop { display: none !important; }
  .unlogin-tip--mobile { display: block !important; margin-top: 16px; }
}