/* ================================================================
   瑶瑶卡网 (acg-faka / Cartoon 主题) 深色高端皮肤
   对齐主站 yaoyao.chat：近黑蓝调背景 + 白→蓝→紫渐变 + 毛玻璃卡片
   注入方式：Header.html 引入本文件；移除该 <link> 即完整回滚
   ================================================================ */
:root{
  --yy-bg:#030305;
  --yy-text:#f5f5f7;
  --yy-text-soft:rgba(245,245,247,.62);
  --yy-text-mute:rgba(245,245,247,.42);
  --yy-blue:#8ec7ff;
  --yy-purple:#bda7ff;
  --yy-grad:linear-gradient(90deg,#ffffff 0%,#8ec7ff 42%,#bda7ff 100%);
  --yy-btn-grad:linear-gradient(135deg,#5b8def 0%,#9a6bff 100%);
  --yy-surface:rgba(255,255,255,.045);
  --yy-surface-2:rgba(255,255,255,.07);
  --yy-border:rgba(255,255,255,.10);
  --yy-border-strong:rgba(255,255,255,.16);
  --yy-shadow:0 26px 80px rgba(0,0,0,.48);
  --yy-radius:18px;
}

/* —— 背景 —— */
html{background:var(--yy-bg)!important;}
body{
  background:
    radial-gradient(circle at 50% -10%, rgba(95,170,255,.18), rgba(95,170,255,0) 46%),
    radial-gradient(circle at 86% 2%, rgba(170,96,255,.13), rgba(170,96,255,0) 40%),
    linear-gradient(180deg,#090f1a 0%,#05070d 52%,#030305 100%)!important;
  background-attachment:scroll!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  color:var(--yy-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
}

/* —— Bootstrap 工具类在深底下的救援 —— */
body,.panel,.panel-body,.card,.text-dark{color:var(--yy-text)!important;}
.text-muted,small.text-muted{color:var(--yy-text-soft)!important;}
.bg-white,.bg-light{background-color:transparent!important;}
hr,.dropdown-divider{border-color:var(--yy-border)!important;}
a{color:var(--yy-blue);}
a:hover{color:#cfe7ff;}

/* —— 顶部导航 —— */
.navbar-acg{
  background:rgba(10,14,22,.72)!important;
  -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
  border-bottom:1px solid var(--yy-border)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.40)!important;
}
.navbar-acg .nav-link,.navbar-acg .nav-icon,
.search-input .input-group-text,.search-input .form-control,.yy-lang-toggle{
  color:var(--yy-text-soft)!important;
}
.navbar-acg .nav-link:hover{color:var(--yy-text)!important;}
.navbar-acg .nav-link.active{color:#fff!important;}
.navbar-acg .navbar-brand,.navbar-acg .navbar-brand span,.navbar-acg .yy-brand-name{
  background:var(--yy-grad)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
  font-weight:700!important;letter-spacing:.2px;
}
.navbar-toggler{border-color:var(--yy-border)!important;}
.navbar-toggler-icon{filter:invert(1) brightness(1.4) opacity(.7);}
.search-input .input-group-text,.search-input .form-control{
  background:var(--yy-surface)!important;border-color:var(--yy-border)!important;
}
.search-input .form-control::placeholder{color:var(--yy-text-mute)!important;}
.yy-lang-toggle{border-color:var(--yy-border-strong)!important;background:var(--yy-surface)!important;font-weight:400!important;}

/* —— 用户下拉 —— */
#username,#username.text-dark{color:var(--yy-text)!important;}
.dropdown-menu{
  background:rgba(16,20,30,.97)!important;border:1px solid var(--yy-border)!important;
  box-shadow:var(--yy-shadow)!important;border-radius:14px!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.dropdown-item{color:var(--yy-text-soft)!important;}
.dropdown-item:hover,.dropdown-item:focus{background:var(--yy-surface-2)!important;color:#fff!important;}
.dropdown-item.text-danger{color:#ff7a7a!important;}

/* —— 面板/卡片 —— */
.panel{
  background:var(--yy-surface)!important;border:1px solid var(--yy-border)!important;
  border-radius:var(--yy-radius)!important;
  -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
  box-shadow:var(--yy-shadow)!important;color:var(--yy-text)!important;
}
.panel-header{
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;
  border-bottom:1px solid var(--yy-border)!important;color:var(--yy-text)!important;box-shadow:none!important;
}
.card{
  background:var(--yy-surface)!important;border:1px solid var(--yy-border)!important;
  border-radius:14px!important;color:var(--yy-text)!important;
}
.card:hover{border-color:var(--yy-border-strong)!important;}
.list-group-item{background:var(--yy-surface)!important;border-color:var(--yy-border)!important;color:var(--yy-text)!important;}

/* —— 按钮 —— */
.btn-primary{
  background:var(--yy-btn-grad)!important;border:none!important;color:#fff!important;
  box-shadow:0 10px 26px rgba(110,120,255,.30)!important;
}
.btn-primary:hover,.btn-primary:focus{filter:brightness(1.08)!important;color:#fff!important;}
.btn-success{background:linear-gradient(135deg,#2fae72,#34c759)!important;border:none!important;color:#fff!important;}
.btn-danger{background:linear-gradient(135deg,#e0556a,#ff6b6b)!important;border:none!important;}
.btn-outline-primary{border-color:var(--yy-blue)!important;color:var(--yy-blue)!important;}
.btn-outline-primary:hover{background:rgba(120,185,255,.14)!important;color:#fff!important;}
.btn-light,.btn-secondary{background:var(--yy-surface-2)!important;border:1px solid var(--yy-border)!important;color:var(--yy-text)!important;}
.btn-link{color:var(--yy-blue)!important;}

/* —— 表单 —— */
.form-control,.form-select,textarea,input.form-control{
  background:var(--yy-surface)!important;border:1px solid var(--yy-border)!important;color:var(--yy-text)!important;
}
.form-control:focus,.form-select:focus{
  border-color:rgba(120,185,255,.55)!important;box-shadow:0 0 0 3px rgba(95,170,255,.18)!important;background:var(--yy-surface-2)!important;color:var(--yy-text)!important;
}
.form-control::placeholder{color:var(--yy-text-mute)!important;}
label,.form-label,.col-form-label{color:var(--yy-text-soft)!important;}
.input-group-text{background:var(--yy-surface)!important;border-color:var(--yy-border)!important;color:var(--yy-text-soft)!important;}

/* —— 表格 —— */
.table{color:var(--yy-text)!important;--bs-table-color:var(--yy-text);}
.table>:not(caption)>*>*{background-color:transparent!important;border-color:var(--yy-border)!important;color:var(--yy-text)!important;}
.table thead th{color:var(--yy-text-soft)!important;border-color:var(--yy-border-strong)!important;}
.table-hover>tbody>tr:hover>*{background-color:var(--yy-surface)!important;}

/* —— 徽章/提示/分页 —— */
.badge.bg-light,.badge.bg-white{color:#111!important;}
.alert{background:var(--yy-surface)!important;border:1px solid var(--yy-border)!important;color:var(--yy-text)!important;}
.page-link{background:var(--yy-surface)!important;border-color:var(--yy-border)!important;color:var(--yy-text-soft)!important;}
.page-item.active .page-link{background:var(--yy-btn-grad)!important;border-color:transparent!important;color:#fff!important;}
.text-success{color:#4be0a0!important;}

/* —— layer / layui 弹窗（购买、提示框）—— */
.layui-layer{background:rgba(16,20,30,.98)!important;color:var(--yy-text)!important;border:1px solid var(--yy-border)!important;box-shadow:var(--yy-shadow)!important;border-radius:16px!important;}
.layui-layer-title{background:transparent!important;color:var(--yy-text)!important;border-bottom:1px solid var(--yy-border)!important;}
.layui-layer-content{color:var(--yy-text)!important;}
.layui-layer-btn .layui-layer-btn0{background:var(--yy-btn-grad)!important;border:none!important;color:#fff!important;}
.layui-layer-setwin span{filter:invert(.85);}

/* ================================================================
   商品详情页 / 深灰文字 / 粉色高亮 修正（用户反馈）
   ================================================================ */
/* 覆盖主题变量：粉色 danger → 紫，muted → 浅 */
:root{
  --acg-danger:#9a6bff!important;
  --acg-text-muted:rgba(245,245,247,.55)!important;
}

/* —— 深灰标题/名称 → 白 —— */
h1,h2,h3,h4,h5,h6,
.section-title,.panel-title,.panel-body,
.order-no,.goods-name,.card-title,.card-name,.notice{
  color:var(--yy-text)!important;
}
/* —— 深灰次要/元信息 → 柔白 —— */
.order-time,.payment-time,.payment-dst,.amount-label,.password-label,
.order-query-form .form-label,.card-loading,
.load-more-loading span,.load-more-end span,.meta,.item-message{
  color:var(--yy-text-soft)!important;
}

/* —— 价格：高端金色 —— */
.price{color:#ffd479!important;}
.price .unit{color:#e9c074!important;}

/* —— 规格选择按钮（未选 / 选中）—— */
.sku,.switch-race,.switch-sku,.optional-card{
  background:var(--yy-surface-2)!important;border:1px solid var(--yy-border)!important;
  color:var(--yy-text)!important;
}
.sku:hover,.optional-card:hover{border-color:var(--yy-border-strong)!important;}
.sku.is-primary,.switch-race.is-primary,.switch-sku.is-primary,.optional-card.is-primary{
  background:linear-gradient(135deg,#5b8def 0%,#9a6bff 100%)!important;
  border-color:transparent!important;color:#fff!important;
  box-shadow:0 8px 22px rgba(110,120,255,.32)!important;
}
/* sku 上的小价格气泡 —— 金色 */
.sku .badge-money,.sku .badge-moeny,.badge-money{
  background:linear-gradient(135deg,#ffd479,#e08a4f)!important;color:#2a1c05!important;
  border-color:rgba(255,255,255,.85)!important;
}

/* —— 数量加减：白/粉框 → 深色玻璃，按钮蓝紫 —— */
.input-group.qty-group,.qty-group{
  background:var(--yy-surface)!important;border:1px solid var(--yy-border)!important;
  box-shadow:none!important;border-radius:12px!important;
}
.input-group.qty-group>button,.qty-group>button{
  background:linear-gradient(135deg,#5b8def,#9a6bff)!important;color:#fff!important;border:none!important;
}
.input-group.qty-group>input[type="number"],.qty-group>input{
  color:var(--yy-text)!important;background:transparent!important;
}

/* —— 角标 / 促销 ribbon —— */
.soldout-ribbon,.snap-up{background:linear-gradient(90deg,#5b8def,#9a6bff)!important;}

/* —— 状态徽章 badge-soft —— */
.badge-soft{background:var(--yy-surface-2)!important;color:var(--yy-text)!important;border:1px solid var(--yy-border)!important;}
.badge-soft-success{color:#4be0a0!important;}
.badge-soft-primary,.badge-soft-info{color:#8ec7ff!important;}

/* —— 批发表：粉字 → 浅紫 —— */
.wholesale-table thead th,.wholesale-table tbody td{color:#bda7ff!important;}

/* —— 商品图卡片 —— */
.acg-card{background:var(--yy-surface)!important;border:1px solid var(--yy-border)!important;}

/* —— 支付方式列表 —— */
.pay-list .pay{background:var(--yy-surface-2)!important;border:1px solid var(--yy-border)!important;color:var(--yy-text)!important;}
.pay-list .pay.is-primary,.pay-list .pay.active,.pay-list .pay.selected{
  border-color:rgba(120,185,255,.6)!important;background:rgba(95,170,255,.14)!important;
}

/* —— 滚动条 —— */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22);}
::-webkit-scrollbar-track{background:transparent;}
/* === 自动(亮度判定)：暗色文字 → 白/柔白 === */
#username,
.card-name,
.card-text,
.card-title,
.goods-name,
.goods-title,
.load-more-loading span,
.notice,
.order-no,
.order-query-form .form-label,
.panel-body,
.panel-title,
.password-label,
.section-title{color:var(--yy-text)!important;}
#user-balance,
.amount-label,
.card-loading,
.card-value,
.cash-pay .form-label,
.chip,
.input-group.qty-group > input[type="number"],
.load-more-end .fa-check-circle,
.load-more-end span,
.shipment-badge.shipment-paid,
.shipment-badge.shipment-pending,
.shipment-badge.shipment-shipped,
.shipment-badge.shipment-waiting,
footer{color:var(--yy-text-soft)!important;}

/* ================================================================
   用户反馈二轮：公告 / 详情描述 / 付款方式放大
   ================================================================ */
/* —— ① 首页公告：玻璃质感横幅 —— */
.item-message{
  color:#d3e6ff!important;
  font-size:15px!important;
  font-weight:500!important;
  margin:16px auto 0!important;
  max-width:760px!important;
  padding:11px 20px!important;
  background:linear-gradient(135deg,rgba(95,170,255,.13),rgba(170,96,255,.11))!important;
  border:1px solid rgba(120,185,255,.22)!important;
  border-radius:14px!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 8px 24px rgba(0,0,0,.25)!important;
}

/* —— ② 宝贝详情描述：明亮易读 + 覆盖描述里写死的黑字 —— */
.item-detail .panel-body{color:#e7ecf4!important;font-size:15px!important;line-height:1.9!important;}
.item-detail .panel-body *{color:inherit!important;background-color:transparent!important;}
.item-detail .panel-body a{color:var(--yy-blue)!important;}
.item-detail .panel-body strong,.item-detail .panel-body b,
.item-detail .panel-body h1,.item-detail .panel-body h2,
.item-detail .panel-body h3,.item-detail .panel-body h4{color:#ffffff!important;}
.item-detail .panel-body img{max-width:100%!important;border-radius:10px!important;}
.item-detail .panel-body table,.item-detail .panel-body td,.item-detail .panel-body th{border-color:var(--yy-border)!important;}

/* —— ③ 付款方式（微信/支付宝）放大 —— */
.cash-pay .form-label{font-size:16px!important;font-weight:600!important;color:var(--yy-text)!important;}
.cash-pay .pay-list,.pay-list{gap:.8rem!important;}
.pay-list .pay{
  padding:.72rem 1.2rem!important;
  font-size:16.5px!important;
  font-weight:600!important;
  gap:9px!important;
  border-radius:14px!important;
  background:var(--yy-surface-2)!important;
  border:1px solid var(--yy-border)!important;
  color:var(--yy-text)!important;
}
.pay-list .pay img{width:30px!important;height:30px!important;}
.pay-list .pay.is-primary,.pay-list .pay.active,.pay-list .pay.selected{
  border-color:rgba(120,185,255,.65)!important;
  background:rgba(95,170,255,.16)!important;
  box-shadow:0 10px 24px rgba(110,120,255,.28)!important;
}

/* ================================================================
   付款方式 — 大尺寸高端按钮（覆盖前版，三轮反馈）
   ================================================================ */
.cash-pay .pay-list,.pay-list{
  display:flex!important;gap:14px!important;flex-wrap:wrap!important;padding-top:12px!important;
  border-top:1px solid var(--yy-border)!important;
}
.pay-list .pay{
  flex:1 1 200px!important;
  min-height:66px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:12px!important;
  padding:16px 22px!important;
  font-size:18px!important;font-weight:700!important;letter-spacing:.3px!important;
  border-radius:16px!important;
  color:var(--yy-text)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1.5px solid var(--yy-border)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
.pay-list .pay:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(120,185,255,.5)!important;
  box-shadow:0 16px 38px rgba(95,170,255,.24)!important;
}
.pay-list .pay img{width:36px!important;height:36px!important;}
.pay-list .pay.is-primary,.pay-list .pay.active,.pay-list .pay.selected{
  border-color:rgba(120,185,255,.85)!important;
  background:linear-gradient(135deg,rgba(95,170,255,.24),rgba(154,107,255,.18))!important;
  box-shadow:0 14px 36px rgba(110,120,255,.42)!important;
  color:#fff!important;
}

/* ================================================================
   四轮反馈：公告面板强制亮色 / 占位文字还原 / 付款背景实色重设计
   ================================================================ */
/* —— ① 公告面板：强制覆盖后台 HTML 里写死的黑字 —— */
.yy-notice-panel .panel-body{color:#e7ecf4!important;line-height:1.9!important;font-size:15px!important;}
.yy-notice-panel .panel-body *{color:#e7ecf4!important;background-color:transparent!important;}
.yy-notice-panel .panel-body a{color:var(--yy-blue)!important;}
.yy-notice-panel .panel-body strong,.yy-notice-panel .panel-body b,
.yy-notice-panel .panel-body h1,.yy-notice-panel .panel-body h2,
.yy-notice-panel .panel-body h3,.yy-notice-panel .panel-body h4{color:#ffffff!important;}
.yy-notice-panel .panel-body img{max-width:100%!important;border-radius:10px!important;}

/* —— ② 占位文字还原为普通柔白 —— */
.item-message{
  background:none!important;border:none!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  color:var(--yy-text-soft)!important;font-size:14px!important;
  padding:22px 0!important;max-width:none!important;margin:0 auto!important;
}

/* —— ③ 付款按钮背景：实色高端卡片 —— */
.pay-list .pay{
  background:#141a26!important;
  border:1.5px solid rgba(255,255,255,.12)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.35)!important;
}
.pay-list .pay:hover{
  background:#19202e!important;
  border-color:rgba(120,185,255,.5)!important;
  box-shadow:0 14px 32px rgba(95,170,255,.22)!important;
}
.pay-list .pay.is-primary,.pay-list .pay.active,.pay-list .pay.selected{
  background:linear-gradient(135deg,#1d2a45 0%,#241d46 100%)!important;
  border-color:#6f9bff!important;
  box-shadow:0 14px 34px rgba(110,120,255,.42)!important;
  color:#fff!important;
}

/* —— 公告：精准覆盖 <font color> 老式颜色属性（重新设计配色）—— */
.yy-notice-panel .panel-body font{color:#e7ecf4!important;}
.yy-notice-panel .panel-body font[color="#000000"],
.yy-notice-panel .panel-body font[color="#000"],
.yy-notice-panel .panel-body font[color="black"]{color:#e7ecf4!important;}
.yy-notice-panel .panel-body font[color="#c24f4a"]{color:#ffd479!important;}
.yy-notice-panel .panel-body b,.yy-notice-panel .panel-body font b{color:inherit!important;}

/* —— 付款区容器 .cash-pay：白灰底 → 深色 —— */
.cash-pay{
  background:rgba(255,255,255,.04)!important;
  border:1px solid var(--yy-border)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30)!important;
}
.cash-pay .pay-list{border-top:1px solid var(--yy-border)!important;}

/* ================================================================
   隐藏唯一分类促销按钮 + 付款/数量按钮复刻主站玻璃质感
   ================================================================ */
/* —— ① 隐藏「担保交易」分类按钮行 —— */
.chip-list{display:none!important;}
.panel-body > .mb-3:has(.chip-list){display:none!important;}

/* —— ② 付款方式：主站 secondary 玻璃按钮 —— */
.pay-list .pay{
  color:rgba(255,255,255,.96)!important;
  background:rgba(255,255,255,.095)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:16px!important;
  box-shadow:0 24px 60px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.22)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.pay-list .pay:hover{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.34)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.pay-list .pay.is-primary,.pay-list .pay.active,.pay-list .pay.selected{
  color:#fff!important;
  background-color:rgba(255,255,255,.14)!important;
  background-image:linear-gradient(120deg,rgba(90,160,255,.30),rgba(180,90,255,.26),rgba(255,90,160,.18),rgba(90,220,255,.22))!important;
  background-blend-mode:screen!important;
  border-color:rgba(150,190,255,.55)!important;
  box-shadow:0 30px 84px rgba(70,90,200,.42),inset 0 1px 0 rgba(255,255,255,.34)!important;
}

/* —— ③ 购买数量：玻璃框 + 玻璃加减按钮 —— */
.input-group.qty-group,.qty-group{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.input-group.qty-group>button,.qty-group>button{
  background:rgba(255,255,255,.10)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.20)!important;border-radius:10px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;
  transition:background .18s ease,transform .18s ease!important;
}
.input-group.qty-group>button:hover,.qty-group>button:hover{
  background:rgba(255,255,255,.2)!important;transform:translateY(-1px)!important;
}
.input-group.qty-group>input[type="number"],.qty-group>input{
  color:#fff!important;background:transparent!important;font-weight:700!important;
}

/* —— 付款按钮整体改小一点 —— */
.pay-list .pay{
  flex:1 1 150px!important;
  min-height:50px!important;
  padding:11px 16px!important;
  font-size:15px!important;
  gap:8px!important;
  border-radius:13px!important;
}
.pay-list .pay img{width:26px!important;height:26px!important;}

/* —— 订单结果卡密展示框：浅白底 → 深色(配合金色提示) —— */
.card-content,.card-content-no-password{
  background:rgba(255,255,255,.05)!important;
  border:1px solid var(--yy-border)!important;
  color:#e7ecf4!important;
}
.card-display{color:#e7ecf4!important;}
.card-display-content{
  background:rgba(255,255,255,.04)!important;
  border:1px solid var(--yy-border)!important;
  color:#e7ecf4!important;
}

/* —— 付款按钮：高度不变，宽度改窄(不再撑满整行) —— */
.pay-list .pay{flex:0 1 auto!important;}

/* —— 付款按钮：加长(撑满可用宽度，2个各占约半行) —— */
.pay-list .pay{flex:1 1 auto!important;min-width:160px!important;}

/* —— 付款按钮：在撑满基础上缩短约30%(限制最大宽度) —— */
.pay-list .pay{flex:0 1 auto!important;min-width:150px!important;max-width:170px!important;}

/* —— 付款按钮再加长一点 —— */
.pay-list .pay{max-width:200px!important;}
/* —— 详情页顶部提示：金色(覆盖深色主题的inherit) —— */
.item-detail .panel-body [style*="ffd479"]{color:#ffd479!important;font-weight:800!important;}

/* —— 付款按钮加长到 250px —— */
.pay-list .pay{max-width:250px!important;}

/* ================================================================
   公告栏 — 极光流光动态背景(纯CSS,蓝紫呼吸流动)
   ================================================================ */
.yy-notice-panel{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  background:rgba(8,11,18,.58)!important;
}
.yy-notice-panel::before{
  content:"";
  position:absolute;
  inset:-45%;
  z-index:0;
  background:
    radial-gradient(38% 48% at 28% 30%, rgba(95,170,255,.50), transparent 60%),
    radial-gradient(46% 56% at 72% 38%, rgba(154,107,255,.46), transparent 62%),
    radial-gradient(40% 50% at 48% 78%, rgba(80,220,255,.34), transparent 60%),
    radial-gradient(52% 62% at 86% 82%, rgba(255,120,200,.24), transparent 60%);
  filter:blur(38px) saturate(1.25);
  animation:yyAurora 16s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes yyAurora{
  0%   {transform:translate3d(-6%,-4%,0) rotate(0deg)  scale(1.05);}
  33%  {transform:translate3d(5%,3%,0)   rotate(8deg)  scale(1.16);}
  66%  {transform:translate3d(-3%,6%,0)  rotate(-6deg) scale(1.10);}
  100% {transform:translate3d(6%,-5%,0)  rotate(5deg)  scale(1.18);}
}
.yy-notice-panel .panel-header,
.yy-notice-panel .panel-body{position:relative;z-index:1;}
@media (prefers-reduced-motion:reduce){
  .yy-notice-panel::before{animation:none;}
}

/* —— 公告极光：换成绿/青/紫北极光配色 + 加速50%(16s→10.5s) —— */
.yy-notice-panel::before{
  background:
    radial-gradient(38% 48% at 28% 30%, rgba(60,220,150,.50), transparent 60%),
    radial-gradient(46% 56% at 72% 38%, rgba(45,210,200,.46), transparent 62%),
    radial-gradient(40% 50% at 48% 78%, rgba(120,110,255,.38), transparent 60%),
    radial-gradient(52% 62% at 86% 82%, rgba(255,210,120,.20), transparent 60%)!important;
  animation-duration:10.5s!important;
}

/* —— 公告极光：玫瑰金配色(玫瑰粉+香槟+金) —— */
.yy-notice-panel::before{
  background:
    radial-gradient(38% 48% at 28% 30%, rgba(255,126,176,.48), transparent 60%),
    radial-gradient(46% 56% at 72% 38%, rgba(255,176,122,.44), transparent 62%),
    radial-gradient(40% 50% at 48% 78%, rgba(255,217,160,.36), transparent 60%),
    radial-gradient(52% 62% at 86% 82%, rgba(214,120,190,.24), transparent 60%)!important;
  animation-duration:10.5s!important;
}

/* —— 公告极光：海洋青蓝配色(青+天蓝+深蓝) —— */
.yy-notice-panel::before{
  background:
    radial-gradient(38% 48% at 28% 30%, rgba(45,210,200,.48), transparent 60%),
    radial-gradient(46% 56% at 72% 38%, rgba(74,180,255,.46), transparent 62%),
    radial-gradient(40% 50% at 48% 78%, rgba(58,107,255,.38), transparent 60%),
    radial-gradient(52% 62% at 86% 82%, rgba(120,230,255,.26), transparent 60%)!important;
  animation-duration:10.5s!important;
}

/* —— 公告极光：单色靛蓝(干净不杂) —— */
.yy-notice-panel::before{
  background:
    radial-gradient(40% 50% at 30% 32%, rgba(95,140,255,.42), transparent 62%),
    radial-gradient(46% 56% at 72% 40%, rgba(110,150,255,.34), transparent 64%),
    radial-gradient(44% 54% at 50% 80%, rgba(80,120,235,.30), transparent 62%)!important;
  animation-duration:10.5s!important;
}

/* —— 公告极光：金紫奥华(金+紫+玫红) —— */
.yy-notice-panel::before{
  background:
    radial-gradient(38% 48% at 28% 30%, rgba(255,212,121,.42), transparent 60%),
    radial-gradient(46% 56% at 72% 38%, rgba(154,107,255,.50), transparent 62%),
    radial-gradient(40% 50% at 48% 78%, rgba(224,85,154,.42), transparent 60%),
    radial-gradient(52% 62% at 86% 82%, rgba(154,107,255,.30), transparent 60%)!important;
  animation-duration:10.5s!important;
}

/* —— 公告极光：速度改为7秒 —— */
.yy-notice-panel::before{animation-duration:7s!important;}

/* —— 修复商品卡片浅灰阴影(深色下发灰像边框bug) —— */
.acg-card{box-shadow:0 10px 30px rgba(0,0,0,.35)!important;}
.acg-card:hover{box-shadow:0 16px 40px rgba(95,170,255,.20)!important;}
.acg-card.soldout,.acg-card.soldout:hover{box-shadow:0 8px 24px rgba(0,0,0,.30)!important;}

/* —— 公告极光：换回玫瑰金(玫瑰粉+香槟+金) —— */
.yy-notice-panel::before{
  background:
    radial-gradient(38% 48% at 28% 30%, rgba(255,126,176,.48), transparent 60%),
    radial-gradient(46% 56% at 72% 38%, rgba(255,176,122,.44), transparent 62%),
    radial-gradient(40% 50% at 48% 78%, rgba(255,217,160,.36), transparent 60%),
    radial-gradient(52% 62% at 86% 82%, rgba(214,120,190,.24), transparent 60%)!important;
  animation-duration:7s!important;
}

/* —— 付款按钮：固定实际宽度 200px —— */
.pay-list .pay{flex:0 0 auto!important;width:200px!important;min-width:200px!important;max-width:200px!important;}