/* ============================================================
   PUBG选号平台 · UI 现代化覆盖样式  optimize-ui.css
   仅覆盖视觉表现，不改结构与功能；删除本文件引用即可回滚
   ============================================================ */

:root{
  --bg-0:#0a0916;
  --bg-1:#100e20;
  --panel:#17152f;
  --panel-2:#1d1a3a;
  --card:#1e1b3c;
  --card-hi:#252149;
  --line:rgba(255,255,255,.07);
  --line-strong:rgba(255,255,255,.12);
  --text:#ece9fb;
  --text-2:#c6c2e4;
  --muted:#948fb8;
  --accent:#ff7a1a;
  --accent-lt:#ff9d45;
  --accent-dk:#e85d00;
  --gold:#ffc53d;
  --accent-soft:rgba(255,122,26,.13);
  --r-card:14px;
  --r-panel:16px;
  --r-pill:999px;
}

/* ---------- 全局基底 ---------- */
uni-page-body, .home-page{
  background:
    radial-gradient(900px 420px at 50% -8%, rgba(255,122,26,.10), transparent 60%),
    radial-gradient(700px 500px at 85% 0%, rgba(110,80,220,.14), transparent 60%),
    linear-gradient(180deg,#121026 0%, #0c0a1a 100%) !important;
  color:var(--text);
}
body{ background:#0c0a1a; }

::selection{ background:rgba(255,122,26,.35); color:#fff; }

/* 滚动条 */
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.12); border-radius:99px; border:2px solid transparent; background-clip:content-box; }
::-webkit-scrollbar-thumb:hover{ background:rgba(255,122,26,.4); background-clip:content-box; }
::-webkit-scrollbar-track{ background:transparent; }

/* ---------- 布局容器 ---------- */
.goodsbigBox{ max-width:1320px; margin:0 auto; padding:0 20px; box-sizing:border-box; }

/* ---------- 顶部导航 ---------- */
.headerBox{
  position:sticky; top:0; z-index:100;
  background:rgba(13,11,28,.82);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.header{ height:64px; display:flex; align-items:center; justify-content:center; }
.header_menu{ display:flex; align-items:center; gap:6px; }
.header_menu_item{
  padding:9px 18px; border-radius:10px;
  color:var(--text-2); font-size:15px; font-weight:600; letter-spacing:.5px;
  cursor:pointer; transition:all .25s ease; white-space:nowrap;
}
.header_menu_item:hover{ color:#fff; background:rgba(255,255,255,.07); }
.header_menu_item.header_menu_itemSel{
  color:var(--accent-lt);
  background:var(--accent-soft);
  box-shadow:inset 0 0 0 1px rgba(255,122,26,.28);
}

/* ---------- 筛选面板 ---------- */
.middle_box{
  margin:22px 0 6px; padding:20px 22px 16px;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));
  border:1px solid var(--line); border-radius:var(--r-panel);
  box-shadow:0 14px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);
}
.middle_center_item{
  display:flex; align-items:flex-start; gap:14px;
  padding:11px 0; border-bottom:1px dashed rgba(255,255,255,.06) !important;
}
.middle_center_item:last-child{ border-bottom:none !important; }
/* 移动端筛选行同样去掉原站黄色虚线 */
.middle_center_itemh5{ border-bottom:1px dashed rgba(255,255,255,.06) !important; }
.middle_center_item_name{
  flex:0 0 84px; width:84px; padding-top:7px;
  color:var(--muted); font-size:13px; font-weight:600; text-align:right; white-space:nowrap;
}
.middle_center_item_right{ flex:1; display:flex; flex-wrap:wrap; gap:9px; align-items:center; }
.middle_center_item_right_item{
  padding:6px 15px; border-radius:var(--r-pill);
  background:rgba(255,255,255,.05); border:1px solid transparent;
  color:var(--text-2); font-size:13px; line-height:1.4;
  cursor:pointer; transition:all .2s ease; user-select:none;
}
.middle_center_item_right_item:hover{
  color:var(--accent-lt); background:var(--accent-soft);
  border-color:rgba(255,122,26,.35); transform:translateY(-1px);
}
.middle_center_item_right_item.middle_center_item_right_itemSel{
  color:#fff; border-color:transparent;
  background:linear-gradient(135deg,var(--accent-lt),var(--accent-dk));
  box-shadow:0 5px 14px rgba(232,93,0,.38), inset 0 1px 0 rgba(255,255,255,.22);
}

/* 输入框 */
.middle .el-input__inner{
  height:34px; line-height:34px; border-radius:8px;
  background:rgba(0,0,0,.28); border:1px solid var(--line-strong);
  color:var(--text); font-size:13px; padding:0 12px; transition:all .2s;
}
.middle .el-input__inner::placeholder{ color:#6f6a92; }
.middle .el-input__inner:focus{ border-color:var(--accent); box-shadow:0 0 0 3px rgba(255,122,26,.15); outline:none; }

/* 按钮 */
.middle .el-button{
  height:34px; padding:0 18px; border-radius:8px; font-size:13px; font-weight:600;
  transition:all .2s ease;
}
.middle .el-button--primary{
  background:linear-gradient(135deg,var(--accent-lt),var(--accent-dk));
  border-color:transparent; color:#fff;
  box-shadow:0 6px 16px rgba(232,93,0,.35);
}
.middle .el-button--primary:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.middle .el-button--default{
  background:rgba(255,255,255,.06); border:1px solid var(--line-strong); color:var(--text-2);
}
.middle .el-button--default:hover{ color:var(--accent-lt); border-color:rgba(255,122,26,.4); background:var(--accent-soft); }
/* 展开按钮做成轻量描边按钮 */
.middle .middle_center_item_rightInp .el-button{
  background:transparent; border:1px solid var(--line-strong); color:var(--muted);
  height:30px; padding:0 14px; border-radius:8px;
}
.middle .middle_center_item_rightInp .el-button:hover{ color:var(--accent-lt); border-color:rgba(255,122,26,.4); }

/* ---------- 商品网格 ---------- */
.goodsBox{ margin-top:14px; }
.goods.goodsWeb{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;
  gap:20px !important;
}
.goods_item{
  width:100% !important; margin:0 !important;
  position:relative; display:flex; flex-direction:column;
  background:linear-gradient(180deg,var(--card-hi),var(--card));
  border:1px solid var(--line); border-radius:var(--r-card);
  overflow:hidden; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.goods_item:hover{
  border-color:rgba(255,122,26,.45);
  box-shadow:0 14px 34px rgba(0,0,0,.45);
}
.goods_item_imgBox{
  position:relative; aspect-ratio:1/1; overflow:hidden;
  background:#0d0b1d;
}
.goods_item_img{
  width:100%; height:100%; object-fit:cover; display:block;
}
.goods_item_bpIcon{
  position:absolute; left:10px; bottom:10px; z-index:2;
  height:22px; width:auto;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));
}
.goods_item_name{
  padding:12px 14px 6px; margin:0;
  color:var(--text-2); font-size:13px; line-height:1.55; font-weight:500;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.goods_item_footer{
  margin-top:auto; padding:8px 14px 14px;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.goods_item_price{
  color:var(--accent-lt); font-size:19px; font-weight:800; letter-spacing:.4px;
  text-shadow:0 2px 10px rgba(255,122,26,.3);
}
.goods_item_footer_shuxing{
  flex-shrink:0; padding:4px 11px; border-radius:var(--r-pill);
  background:linear-gradient(135deg,#ffd868,#f2a91f);
  color:#412a02; font-size:11px; font-weight:700;
  box-shadow:0 3px 8px rgba(242,169,31,.3);
}

/* hover 查看详情（沿用原站 display 切换，仅去掉遮罩、美化按钮） */
.goods_item_fix{ background:transparent !important; }
.goods_item:hover .goods_item_fix{ display:block !important; }
.goods_item_fix_title{
  width:auto !important; height:auto !important;
  position:absolute !important; top:50% !important; left:50% !important;
  transform:translate(-50%,-50%) !important;
  padding:9px 22px; border-radius:var(--r-pill); white-space:nowrap;
  background:linear-gradient(135deg,var(--accent-lt),var(--accent-dk));
  color:#fff !important; font-size:13px !important; font-weight:700 !important;
  letter-spacing:1px; text-align:center;
  box-shadow:0 10px 24px rgba(232,93,0,.45), inset 0 1px 0 rgba(255,255,255,.25);
}

/* ---------- 分页 ---------- */
.webpaginationBox{ margin:34px 0 20px; display:flex; justify-content:center; }
.webpagination.el-pagination{
  padding:8px; border-radius:12px;
  background:rgba(255,255,255,.04); border:1px solid var(--line);
  font-weight:600;
}
.webpagination .el-pagination__total{ color:var(--muted); font-size:13px; margin-right:8px; }
.webpagination .btn-prev, .webpagination .btn-next,
.webpagination .el-pager li{
  min-width:34px; height:34px; line-height:34px; margin:0 3px;
  border-radius:8px; background:rgba(255,255,255,.05);
  color:var(--text-2); font-size:13px; font-weight:600;
  transition:all .2s ease;
}
.webpagination .btn-prev, .webpagination .btn-next{ padding:0 12px; }
.webpagination .btn-prev:hover, .webpagination .btn-next:hover,
.webpagination .el-pager li:hover{ color:var(--accent-lt); background:var(--accent-soft); }
.webpagination .el-pager li.number.active{
  background:linear-gradient(135deg,var(--accent-lt),var(--accent-dk));
  color:#fff; box-shadow:0 5px 14px rgba(232,93,0,.4);
}
.webpagination .el-pager li.more{ background:transparent; }

/* ---------- 移动端适配 ---------- */
@media (max-width: 900px){
  .goods.goodsWeb{ grid-template-columns:repeat(auto-fill,minmax(180px,1fr)) !important; gap:14px !important; }
}
@media (max-width: 768px){
  .goodsbigBox{ padding:0 12px; }
  .header{ height:54px; }
  .header_menu{ gap:2px; width:100%; justify-content:flex-start; padding:0 6px; overflow-x:auto; }
  .header_menu_item{ padding:7px 14px; font-size:14px; }
  .middle_box{ padding:14px 14px 10px; margin:14px 0 4px; border-radius:14px; }
  .middle_center_item{ gap:10px; padding:9px 0; }
  .middle_center_item_name{ flex-basis:68px; width:68px; font-size:12px; padding-top:6px; }
  .middle_center_item_right{ gap:7px; }
  .middle_center_item_right_item{ padding:5px 11px; font-size:12px; }
  .goods.goodsWeb{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important; gap:12px !important; }
  .goods_item_name{ font-size:12px; padding:10px 10px 4px; }
  .goods_item_footer{ padding:6px 10px 10px; }
  .goods_item_price{ font-size:16px; }
  .goods_item_footer_shuxing{ font-size:10px; padding:3px 8px; }
  .goods_item_bpIcon{ height:18px; }
  .webpaginationBox{ margin:22px 0 14px; }
}
@media (max-width: 420px){
  .goods.goodsWeb{ grid-template-columns:repeat(2,1fr) !important; }
  .middle_center_item_name{ flex-basis:60px; width:60px; }
}

/* ============================================================
   首页落地页（app-enhance 注入）
   ============================================================ */
#enhance-home, #enhance-chooser, #enhance-cdk,
#enhance-cdk-list, #enhance-acctype,
#enhance-recycle, #enhance-recycle-detail{ display:none; width:100%; box-sizing:border-box; }
body.eh-landing #enhance-home{ display:block; }
body.eh-chooser #enhance-chooser{ display:flex; }
body.eh-cdk #enhance-cdk{ display:flex; }
body.eh-cdk-list #enhance-cdk-list{ display:flex; }
body.eh-acctype #enhance-acctype{ display:flex; }
body.eh-recycle #enhance-recycle{ display:flex; }
body.eh-recycle-detail #enhance-recycle-detail{ display:flex; }

/* 商品目录仅 catalog 视图可见；home/chooser/cdk 下隐藏原站区块 */
body.eh-landing .middle_box, body.eh-landing .goodsBox,
body.eh-chooser .middle_box, body.eh-chooser .goodsBox,
body.eh-cdk .middle_box, body.eh-cdk .goodsBox,
body.eh-cdk-list .middle_box, body.eh-cdk-list .goodsBox,
body.eh-acctype .middle_box, body.eh-acctype .goodsBox,
body.eh-recycle .middle_box, body.eh-recycle .goodsBox,
body.eh-recycle-detail .middle_box, body.eh-recycle-detail .goodsBox{ display:none !important; }
/* 移动端筛选区块（含始终渲染的无冒号行）在非目录视图隐藏 */
body.eh-landing .h5_middle_boxShow, body.eh-landing .h5_middle_boxFix,
body.eh-chooser .h5_middle_boxShow, body.eh-chooser .h5_middle_boxFix,
body.eh-cdk .h5_middle_boxShow, body.eh-cdk .h5_middle_boxFix,
body.eh-cdk-list .h5_middle_boxShow, body.eh-cdk-list .h5_middle_boxFix,
body.eh-acctype .h5_middle_boxShow, body.eh-acctype .h5_middle_boxFix,
body.eh-recycle .h5_middle_boxShow, body.eh-recycle .h5_middle_boxFix,
body.eh-recycle-detail .h5_middle_boxShow, body.eh-recycle-detail .h5_middle_boxFix{ display:none !important; }
/* uni-app 框架容器默认撑满视口，非目录视图改为内容自然高度 */
body.eh-landing #app, body.eh-landing uni-app, body.eh-landing uni-page, body.eh-landing uni-page-wrapper, body.eh-landing uni-page-body,
body.eh-chooser #app, body.eh-chooser uni-app, body.eh-chooser uni-page, body.eh-chooser uni-page-wrapper, body.eh-chooser uni-page-body,
body.eh-cdk #app, body.eh-cdk uni-app, body.eh-cdk uni-page, body.eh-cdk uni-page-wrapper, body.eh-cdk uni-page-body,
body.eh-cdk-list #app, body.eh-cdk-list uni-app, body.eh-cdk-list uni-page, body.eh-cdk-list uni-page-wrapper, body.eh-cdk-list uni-page-body,
body.eh-acctype #app, body.eh-acctype uni-app, body.eh-acctype uni-page, body.eh-acctype uni-page-wrapper, body.eh-acctype uni-page-body,
body.eh-recycle #app, body.eh-recycle uni-app, body.eh-recycle uni-page, body.eh-recycle uni-page-wrapper, body.eh-recycle uni-page-body,
body.eh-recycle-detail #app, body.eh-recycle-detail uni-app, body.eh-recycle-detail uni-page, body.eh-recycle-detail uni-page-wrapper, body.eh-recycle-detail uni-page-body{ min-height:0 !important; height:auto !important; }
body.eh-landing .home-page > .footer,
body.eh-chooser .home-page > .footer,
body.eh-cdk .home-page > .footer,
body.eh-cdk-list .home-page > .footer,
body.eh-acctype .home-page > .footer,
body.eh-recycle .home-page > .footer,
body.eh-recycle-detail .home-page > .footer{ display:none !important; }

/* 默认隐藏原站商品区：eh 视图类应用前的瞬间也不露出，仅 catalog 视图恢复 */
body.pages-index-index .middle_box,
body.pages-index-index .goodsBox{ display:none !important; }
body.eh-catalog .middle_box,
body.eh-catalog .goodsBox{ display:block !important; }

/* Hero */
.eh-hero{
  position:relative; max-width:1200px; margin:26px auto 8px; box-sizing:border-box;
  padding:62px 56px 52px; border-radius:22px; overflow:hidden;
  background:
    radial-gradient(720px 320px at 88% -25%, rgba(255,122,26,.30), transparent 62%),
    radial-gradient(620px 420px at -5% 115%, rgba(110,80,220,.32), transparent 62%),
    linear-gradient(160deg,#221e46,#14112c 72%);
  border:1px solid var(--line-strong);
  box-shadow:0 24px 60px rgba(0,0,0,.5);
}
.eh-hero::before{
  content:""; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:38px 38px;
  -webkit-mask-image:radial-gradient(72% 92% at 28% 18%,#000,transparent);
  mask-image:radial-gradient(72% 92% at 28% 18%,#000,transparent);
}
.eh-hero-badge{
  position:relative; display:inline-flex; align-items:center; gap:8px;
  padding:6px 14px; border-radius:999px;
  background:rgba(255,122,26,.14); border:1px solid rgba(255,122,26,.35);
  color:var(--accent-lt); font-size:12px; font-weight:700; letter-spacing:1px;
}
.eh-hero-title{
  position:relative; margin:20px 0 12px;
  font-size:44px; line-height:1.22; font-weight:900; color:#fff; letter-spacing:1px;
}
.eh-sub{ position:relative; color:var(--text-2); font-size:16px; margin:0 0 30px; }
.eh-hero-actions{ position:relative; display:flex; gap:14px; flex-wrap:wrap; }
.eh-btn{
  height:46px; padding:0 30px; border-radius:12px;
  font-size:15px; font-weight:700; cursor:pointer;
  transition:all .25s ease; border:1px solid transparent;
}
.eh-btn-primary{
  background:linear-gradient(135deg,var(--accent-lt),var(--accent-dk));
  color:#fff; box-shadow:0 12px 26px rgba(232,93,0,.4);
}
.eh-btn-primary:hover{ transform:translateY(-2px); filter:brightness(1.08); }
.eh-btn-ghost{ background:rgba(255,255,255,.05); border-color:var(--line-strong); color:var(--text); }
.eh-btn-ghost:hover{ border-color:rgba(255,122,26,.5); color:var(--accent-lt); }
.eh-chips{ position:relative; display:flex; gap:10px; flex-wrap:wrap; margin-top:26px; }
.eh-chips span{
  padding:5px 13px; border-radius:999px; font-size:12px;
  color:var(--muted); background:rgba(255,255,255,.05); border:1px solid var(--line);
}

/* 区块标题 */
.eh-section{ max-width:1200px; margin:38px auto 0; box-sizing:border-box; }
.eh-sec-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.eh-sec-title{
  display:flex; align-items:center; gap:10px;
  font-size:21px; font-weight:800; color:#fff; letter-spacing:.5px;
}
.eh-sec-title::before{
  content:""; width:5px; height:22px; border-radius:3px;
  background:linear-gradient(180deg,var(--accent-lt),var(--accent-dk));
}
.eh-more{ font-size:13px; color:var(--accent-lt); cursor:pointer; font-weight:600; }
.eh-more:hover{ color:#fff; }

/* 今日热门 */
.eh-hot-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.eh-hot-card{
  display:flex; flex-direction:column;
  background:linear-gradient(180deg,var(--card-hi),var(--card));
  border:1px solid var(--line); border-radius:14px; overflow:hidden;
  cursor:pointer; transition:all .28s ease;
}
.eh-hot-card:hover{
  transform:translateY(-5px); border-color:rgba(255,122,26,.5);
  box-shadow:0 18px 38px rgba(0,0,0,.5);
}
.eh-hot-imgbox{ position:relative; aspect-ratio:16/9; background:#0d0b1d; overflow:hidden; }
.eh-hot-imgbox img{ width:100%; height:100%; object-fit:cover; display:block; }
.eh-hot-bp{
  position:absolute; left:8px; bottom:8px; padding:3px 9px; border-radius:999px;
  background:rgba(10,8,20,.7); color:#ffd868; font-size:10px; font-weight:700;
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
}
.eh-hot-name{
  padding:10px 12px 6px; font-size:12.5px; line-height:1.5; color:var(--text-2);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:45px;
}
.eh-hot-foot{
  margin-top:auto; padding:6px 12px 12px;
  display:flex; align-items:center; justify-content:space-between;
}
.eh-hot-price{ color:var(--accent-lt); font-size:16px; font-weight:800; }
.eh-hot-tag{
  padding:2px 9px; border-radius:999px;
  background:linear-gradient(135deg,#ffd868,#f2a91f);
  color:#412a02; font-size:10px; font-weight:700;
}

/* 最新公告 */
.eh-news-list{
  background:linear-gradient(180deg,var(--panel-2),var(--panel));
  border:1px solid var(--line); border-radius:16px; padding:6px 18px;
}
.eh-news-item{
  display:flex; align-items:center; gap:12px;
  padding:14px 4px; cursor:pointer; border-bottom:1px solid var(--line);
}
.eh-news-item:last-child{ border-bottom:none; }
.eh-news-item:hover .eh-news-title{ color:var(--accent-lt); }
.eh-news-dot{
  width:8px; height:8px; border-radius:50%; flex:none;
  background:var(--accent); box-shadow:0 0 10px rgba(255,122,26,.7);
}
.eh-news-title{ flex:1; font-size:14px; color:var(--text); font-weight:600; transition:color .2s; }
.eh-news-date{ font-size:12px; color:var(--muted); white-space:nowrap; }

.eh-footer{
  max-width:1200px; margin:44px auto 30px;
  text-align:center; color:var(--muted); font-size:12px; line-height:2;
}

/* 公告弹窗 */
#eh-modal{
  position:fixed; inset:0; z-index:9999; display:none;
  align-items:center; justify-content:center; padding:20px;
  background:rgba(5,4,12,.72);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
#eh-modal.eh-show{ display:flex; }
.eh-modal-box{
  width:100%; max-width:720px; max-height:84vh;
  display:flex; flex-direction:column;
  background:#191633; border:1px solid var(--line-strong);
  border-radius:16px; overflow:hidden;
}
.eh-modal-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px; border-bottom:1px solid var(--line);
}
#eh-modal-title{ font-size:16px; font-weight:800; color:#fff; }
#eh-modal-close{
  width:32px; height:32px; border-radius:8px;
  background:rgba(255,255,255,.07); border:none;
  color:#fff; font-size:18px; cursor:pointer; line-height:1;
}
#eh-modal-close:hover{ background:rgba(255,122,26,.4); }
.eh-modal-body{ padding:20px; overflow-y:auto; color:var(--text-2); font-size:14px; line-height:1.8; }
.eh-modal-body img{ max-width:100%; height:auto; border-radius:8px; }

/* 落地页响应式 */
@media (max-width:1000px){
  .eh-hot-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:768px){
  .eh-hero{ padding:40px 24px 34px; margin-top:16px; }
  .eh-hero-title{ font-size:30px; }
  .eh-sub{ font-size:14px; margin-bottom:24px; }
  .eh-btn{ height:42px; padding:0 22px; font-size:14px; }
  .eh-hot-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .eh-section{ margin-top:28px; }
  .eh-sec-title{ font-size:18px; }
}

/* ============================================================
   商品选择页：左右两个图片背景选项（居中）
   ============================================================ */
#enhance-chooser{
  min-height:calc(100vh - 64px);
  align-items:center; justify-content:center;
  padding:30px 20px; box-sizing:border-box;
}
.eh-chooser-wrap{
  width:100%; max-width:1100px;
  display:grid; grid-template-columns:1fr 1fr; gap:26px;
}
.eh-choice{
  position:relative; display:block;
  aspect-ratio:4/3; border-radius:20px; overflow:hidden;
  border:1px solid var(--line-strong);
  cursor:pointer; isolation:isolate;
  box-shadow:0 22px 50px rgba(0,0,0,.5);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.eh-choice:hover{
  transform:translateY(-8px);
  border-color:rgba(255,122,26,.6);
  box-shadow:0 30px 64px rgba(0,0,0,.6), 0 0 30px rgba(255,122,26,.22);
}
.eh-choice-img{
  position:absolute; inset:0; z-index:-2;
  background-size:cover; background-position:center;
  transform:scale(1.02); transition:transform .6s ease;
}
#eh-choice-img-account{ background:linear-gradient(135deg,#2b2552,#15122c); }
#eh-choice-img-cdk{ background:linear-gradient(135deg,#15324d,#12102a); }
.eh-choice:hover .eh-choice-img{ transform:scale(1.1); }
.eh-choice-mask{
  position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(180deg,rgba(8,6,18,.25) 0%,rgba(8,6,18,.55) 55%,rgba(8,6,18,.88) 100%);
}
.eh-choice-body{
  position:absolute; left:0; right:0; bottom:0;
  padding:26px 28px 24px;
}
.eh-choice-kicker{
  display:inline-block; margin-bottom:10px;
  padding:4px 12px; border-radius:999px;
  background:rgba(255,122,26,.18); border:1px solid rgba(255,122,26,.4);
  color:var(--accent-lt); font-size:11px; font-weight:700; letter-spacing:1.5px;
}
.eh-choice-title{
  color:#fff; font-size:28px; font-weight:900; letter-spacing:1px; margin:0 0 8px;
  text-shadow:0 4px 14px rgba(0,0,0,.6);
}
.eh-choice-desc{ color:var(--text-2); font-size:13.5px; line-height:1.6; margin:0; }
.eh-choice-go{
  position:absolute; top:22px; right:24px;
  width:42px; height:42px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);
  color:#fff; font-size:20px;
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  transition:all .3s ease;
}
.eh-choice:hover .eh-choice-go{
  background:linear-gradient(135deg,var(--accent-lt),var(--accent-dk));
  border-color:transparent; transform:translateX(4px);
}

/* ============================================================
   CDK 激活码占位页
   ============================================================ */
#enhance-cdk{
  min-height:calc(100vh - 64px);
  align-items:center; justify-content:center;
  padding:30px 20px; box-sizing:border-box;
}
#enhance-cdk-list{
  min-height:calc(100vh - 64px);
  align-items:flex-start; justify-content:center;
  padding:30px 20px; box-sizing:border-box;
}
.eh-cdk-box{
  width:100%; max-width:520px; text-align:center;
  padding:56px 40px 48px; border-radius:22px;
  background:
    radial-gradient(420px 200px at 50% -10%,rgba(255,122,26,.22),transparent 70%),
    linear-gradient(180deg,var(--panel-2),var(--panel));
  border:1px solid var(--line-strong);
  box-shadow:0 24px 56px rgba(0,0,0,.5);
}
.eh-cdk-icon{
  width:84px; height:84px; margin:0 auto 22px;
  border-radius:22px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--accent-lt),var(--accent-dk));
  box-shadow:0 14px 30px rgba(232,93,0,.4);
  font-size:40px;
}
.eh-cdk-title{ margin:0 0 10px; font-size:24px; font-weight:900; color:#fff; letter-spacing:1px; }
.eh-cdk-sub{ margin:0 0 30px; color:var(--muted); font-size:14px; line-height:1.7; }
.eh-cdk-actions{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.eh-cdk-actions .eh-btn{ height:42px; padding:0 24px; font-size:14px; }

/* 目录页「返回选择」悬浮条 */
#eh-cat-bar{
  position:fixed; top:76px; left:16px; z-index:90;
  display:none; align-items:center; gap:7px;
  padding:8px 15px; border-radius:999px;
  background:rgba(20,17,42,.85); border:1px solid var(--line-strong);
  color:var(--text-2); font-size:12.5px; font-weight:600;
  cursor:pointer; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  transition:all .25s ease;
}
#eh-cat-bar:hover{ color:var(--accent-lt); border-color:rgba(255,122,26,.5); }
body.eh-catalog #eh-cat-bar{ display:flex; }

/* 选择页 / CDK 响应式 */
@media (max-width:768px){
  #enhance-chooser, #enhance-cdk{ min-height:calc(100vh - 54px); padding:20px 14px; }
  .eh-chooser-wrap{ grid-template-columns:1fr; gap:18px; }
  .eh-choice{ aspect-ratio:16/10; border-radius:16px; }
  .eh-choice-title{ font-size:23px; }
  .eh-choice-body{ padding:20px 22px 20px; }
  .eh-cdk-box{ padding:44px 26px 38px; }
  #eh-cat-bar{ top:62px; left:10px; padding:7px 13px; }
}

/* ============================================================
   v4：金色「立即变现」按钮
   ============================================================ */
.eh-btn-gold{
  background:linear-gradient(135deg,#ffd868,#f2a91f);
  color:#3d2702; border-color:transparent;
  box-shadow:0 12px 26px rgba(242,169,31,.35);
}
.eh-btn-gold:hover{ transform:translateY(-2px); filter:brightness(1.06); }

/* ============================================================
   v4：顶级账号分区
   ============================================================ */
.eh-top-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.eh-top-card{
  position:relative; display:flex; flex-direction:column;
  background:linear-gradient(180deg,#2a2447,#1c1938);
  border:1px solid rgba(255,197,61,.28); border-radius:15px; overflow:hidden;
  cursor:pointer; transition:all .3s ease;
}
.eh-top-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,197,61,.65);
  box-shadow:0 18px 40px rgba(0,0,0,.5), 0 0 26px rgba(255,197,61,.16);
}
.eh-top-imgbox{ position:relative; aspect-ratio:16/9; background:#0d0b1d; overflow:hidden; }
.eh-top-imgbox img{ width:100%; height:100%; object-fit:cover; display:block; }
.eh-top-badge{
  position:absolute; left:8px; top:8px; display:inline-flex; align-items:center; gap:4px;
  padding:3px 10px; border-radius:999px;
  background:linear-gradient(135deg,#ffd868,#f2a91f);
  color:#412a02; font-size:10px; font-weight:800; letter-spacing:.5px;
  box-shadow:0 4px 10px rgba(242,169,31,.4);
}
.eh-top-name{
  padding:11px 13px 6px; font-size:13px; line-height:1.5; color:var(--text-2);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:51px;
}
.eh-top-foot{
  margin-top:auto; padding:7px 13px 13px;
  display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.eh-top-price{
  color:var(--gold); font-size:17px; font-weight:800;
  text-shadow:0 2px 10px rgba(255,197,61,.25);
}
.eh-top-go{
  padding:4px 12px; border-radius:999px; font-size:11px; font-weight:700;
  color:#3d2702; background:linear-gradient(135deg,#ffd868,#f2a91f);
}

/* ============================================================
   v4：今日热门推荐 · 左右分栏（账号左 / CDK右 / 中间分隔）
   ============================================================ */
.eh-hot-split{
  position:relative; display:grid; grid-template-columns:1fr 1fr;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));
  border:1px solid var(--line); border-radius:var(--r-panel);
  padding:24px 10px 26px;
  box-shadow:0 14px 40px rgba(0,0,0,.35);
}
.eh-hot-col{ padding:0 30px; min-width:0; }
.eh-hot-col-head{
  display:flex; align-items:center; gap:10px; margin-bottom:16px;
}
.eh-col-tag{
  display:inline-flex; align-items:center;
  padding:6px 14px; border-radius:10px;
  font-size:15px; font-weight:800; letter-spacing:.5px; white-space:nowrap;
}
.eh-col-tag-acc{
  color:var(--accent-lt); background:var(--accent-soft);
  box-shadow:inset 0 0 0 1px rgba(255,122,26,.3);
}
.eh-col-tag-cdk{
  color:#5cc8ff; background:rgba(60,150,230,.13);
  box-shadow:inset 0 0 0 1px rgba(60,150,230,.3);
}
.eh-col-sub{ flex:1; color:var(--muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.eh-hot-col-head .eh-more{ white-space:nowrap; }

/* 中间分隔线 */
.eh-split-line{
  position:absolute; top:22px; bottom:22px; left:50%; width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.16) 18%,rgba(255,255,255,.16) 82%,transparent);
}
.eh-split-diamond{
  position:absolute; top:50%; left:50%;
  width:9px; height:9px; transform:translate(-50%,-50%) rotate(45deg);
  background:var(--accent);
  box-shadow:0 0 0 4px rgba(255,122,26,.15), 0 0 12px rgba(255,122,26,.7);
}

/* 紧凑商品列表 */
.eh-mini-list{ display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.eh-mini-card{
  display:flex; gap:10px; align-items:center; padding:9px;
  background:rgba(255,255,255,.04); border:1px solid var(--line);
  border-radius:11px; cursor:pointer; min-width:0;
  transition:all .22s ease;
}
.eh-mini-card:hover{
  border-color:rgba(255,122,26,.45); background:rgba(255,122,26,.08);
  transform:translateY(-2px);
}
.eh-mini-img{
  flex:none; width:58px; height:58px; border-radius:9px; overflow:hidden; background:#0d0b1d;
}
.eh-mini-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.eh-mini-info{ flex:1; min-width:0; }
.eh-mini-name{
  font-size:12px; line-height:1.45; color:var(--text-2);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.eh-mini-price{ margin-top:5px; color:var(--accent-lt); font-size:14px; font-weight:800; }
.eh-col-empty{
  grid-column:1/-1; padding:26px 10px; text-align:center;
  color:var(--muted); font-size:12.5px; line-height:1.8;
}

/* ============================================================
   v4：回收说明详情页
   ============================================================ */
#enhance-recycle-detail{
  min-height:calc(100vh - 64px);
  align-items:flex-start; justify-content:center;
  padding:34px 20px; box-sizing:border-box;
}
.eh-rd-box{
  width:100%; max-width:820px;
  padding:34px 40px 36px; border-radius:20px;
  background:
    radial-gradient(520px 220px at 50% -12%,rgba(255,122,26,.18),transparent 70%),
    linear-gradient(180deg,var(--panel-2),var(--panel));
  border:1px solid var(--line-strong);
  box-shadow:0 22px 54px rgba(0,0,0,.5);
}
.eh-rd-back{
  display:inline-block; margin-bottom:18px;
  color:var(--text-2); font-size:13px; font-weight:600; cursor:pointer;
}
.eh-rd-back:hover{ color:var(--accent-lt); }
.eh-rd-title{ margin:0 0 18px; font-size:24px; font-weight:900; color:#fff; letter-spacing:.5px; }
.eh-rd-content{ color:var(--text-2); font-size:14px; line-height:1.9; }
.eh-rd-content h3{
  color:#fff; font-size:16px; margin:22px 0 10px; padding-left:11px;
  border-left:4px solid var(--accent);
}
.eh-rd-content p{ margin:9px 0; }
.eh-rd-content img{ max-width:100%; border-radius:10px; }
.eh-rd-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }

/* ============================================================
   v4：响应式（窄屏分栏改上下堆叠，分隔线转横向）
   ============================================================ */
@media (max-width:1000px){
  .eh-top-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  /* 今日热门：手机端也保持左右两栏，不折叠 */
  .eh-hot-split{ grid-template-columns:1fr 1fr; padding:16px 6px 18px; gap:0; }
  .eh-hot-col{ padding:0 8px; }
  .eh-split-line{ top:16px; bottom:16px; }
  .eh-hot-col-head{ gap:6px; margin-bottom:10px; flex-wrap:nowrap; }
  .eh-col-tag{ padding:4px 9px; font-size:12px; border-radius:8px; }
  .eh-col-sub{ display:none; }
  .eh-hot-col-head .eh-more{ font-size:11px; }
  /* 每栏内部改为单列纵向排列 */
  .eh-mini-list{ grid-template-columns:1fr; gap:7px; }
  .eh-mini-card{ padding:6px; gap:7px; border-radius:9px; }
  .eh-mini-img{ width:38px; height:38px; border-radius:7px; }
  .eh-mini-name{ font-size:10.5px; line-height:1.4; }
  .eh-mini-price{ font-size:12px; margin-top:3px; }
  .eh-rd-box{ padding:26px 22px 28px; }
  #enhance-recycle-detail{ min-height:calc(100vh - 54px); padding:20px 12px; }
}
@media (max-width:420px){
  .eh-top-grid{ grid-template-columns:1fr 1fr; gap:12px; }
  .eh-hot-split{ padding:14px 4px 16px; }
  .eh-hot-col{ padding:0 5px; }
  .eh-col-tag{ padding:3px 7px; font-size:11px; }
  .eh-hot-col-head .eh-more{ display:none; }
  .eh-mini-img{ width:32px; height:32px; }
  .eh-mini-name{ font-size:10px; -webkit-line-clamp:2; }
  .eh-mini-price{ font-size:11px; }
}

/* ============================================================
   v5：CDK 商城页（系列分区 + 横向滑动）
   ============================================================ */
.eh-cdk-page{ width:100%; max-width:1280px; margin:0 auto; padding:24px 20px 60px; box-sizing:border-box; }
.eh-cdk-back{
  background:rgba(255,255,255,.06); border:1px solid var(--line); color:var(--text-2);
  padding:7px 16px; border-radius:20px; font-size:13px; cursor:pointer; margin-bottom:18px;
}
.eh-cdk-back:hover{ border-color:rgba(255,122,26,.5); color:var(--accent-lt); }
.eh-cdk-sec{ margin-bottom:34px; min-width:0; }
.eh-cdk-sec-head{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.eh-cdk-dot{ width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 10px rgba(255,122,26,.8); flex:none; }
.eh-cdk-sec-head h3{ margin:0; font-size:19px; color:var(--text); font-weight:800; }
.eh-cdk-sec-sub{ color:var(--muted); font-size:12.5px; }
.eh-cdk-wrap{ position:relative; min-width:0; }
.eh-cdk-track{
  display:flex; gap:14px; overflow-x:auto; scroll-behavior:smooth;
  padding:6px 4px 14px; scrollbar-width:thin; -webkit-overflow-scrolling:touch;
}
.eh-cdk-card{
  flex:none; width:150px; box-sizing:border-box;
  background:rgba(255,255,255,.04); border:1px solid var(--line);
  border-radius:13px; padding:10px; cursor:pointer; transition:all .22s ease;
}
.eh-cdk-card:hover{ border-color:rgba(255,122,26,.5); transform:translateY(-3px); background:rgba(255,122,26,.08); }
.eh-cdk-img{ width:100%; height:110px; border-radius:9px; overflow:hidden; background:#0d0b1d; margin-bottom:9px; }
.eh-cdk-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.eh-cdk-name{
  font-size:12.5px; line-height:1.45; color:var(--text-2);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:36px;
}
.eh-cdk-price{ margin-top:6px; color:var(--accent-lt); font-weight:800; font-size:15px; }
.eh-cdk-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:38px; height:38px; border-radius:50%;
  border:1px solid var(--line); background:rgba(20,16,40,.9);
  color:var(--text); font-size:20px; line-height:1; cursor:pointer; z-index:2;
  display:flex; align-items:center; justify-content:center;
}
.eh-cdk-arrow:hover{ border-color:var(--accent); color:var(--accent-lt); }
.eh-cdk-arrow-l{ left:-10px; }
.eh-cdk-arrow-r{ right:-10px; }
.eh-cdk-empty{ color:var(--muted); font-size:12.5px; padding:24px 10px; }
.eh-cdk-loading{ color:var(--muted); font-size:13px; padding:40px 0; text-align:center; }
@media (max-width:768px){
  .eh-cdk-page{ padding:16px 12px 44px; }
  .eh-cdk-sec{ margin-bottom:26px; }
  .eh-cdk-sec-head h3{ font-size:16px; }
  .eh-cdk-card{ width:128px; padding:8px; }
  .eh-cdk-img{ height:92px; margin-bottom:7px; }
  .eh-cdk-name{ font-size:11.5px; min-height:32px; }
  .eh-cdk-price{ font-size:13.5px; }
  .eh-cdk-arrow{ display:none; }
}

/* ============================================================
   v7 CDK 分类卡片框架 + 分类商品网格
   ============================================================ */
#enhance-cdk, #enhance-cdk-list{ justify-content:center; }
.eh-cdk-home, .eh-cdk-goods-page{ width:100%; max-width:1100px; margin:0 auto; padding:24px 20px 60px; box-sizing:border-box; position:relative; }
.eh-cdk-h2{ font-size:30px; color:#fff; margin:14px 0 6px; text-align:center; letter-spacing:1px; }
.eh-cdk-hsub{ color:var(--muted); font-size:14px; text-align:center; margin:0 0 30px; }
.eh-cdk-cate-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.eh-cdk-cate-card{ width:100%; }
.eh-cdk-goods-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:18px; }
.eh-cg-card{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:12px; overflow:hidden; cursor:pointer; transition:.2s; }
.eh-cg-card:hover{ border-color:rgba(255,122,26,.55); transform:translateY(-3px); }
.eh-cg-img{ position:relative; aspect-ratio:1/1; background-size:cover; background-position:center; background-color:#141428; }
.eh-cg-soldout{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(10,10,20,.62); color:#ffb066; font-weight:bold; font-size:15px; letter-spacing:2px; }
.eh-cg-info{ padding:10px 12px 12px; }
.eh-cg-info h4{ margin:0 0 6px; font-size:13.5px; color:#eee; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.eh-cg-price{ color:var(--accent-lt); font-size:17px; font-weight:bold; }
.eh-detail-sold-badge{ position:fixed; left:50%; top:70px; transform:translateX(-50%); background:#ff7a1a; color:#fff; padding:7px 18px; border-radius:20px; font-size:14px; z-index:9999; box-shadow:0 4px 14px rgba(255,122,26,.4); }
@media (max-width:768px){
  .eh-cdk-home, .eh-cdk-goods-page{ padding:16px 12px 44px; }
  .eh-cdk-h2{ font-size:22px; }
  .eh-cdk-cate-grid{ gap:12px; }
  .eh-cdk-goods-grid{ grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:12px; }
  .eh-cg-info h4{ font-size:12px; }
  .eh-cg-price{ font-size:15px; }
}

/* ============================================================
   v8 账号类型卡片选择（库存号 / 百元成品号）
   ============================================================ */
#enhance-acctype{
  min-height:calc(100vh - 64px);
  align-items:center; justify-content:center;
  padding:30px 20px; box-sizing:border-box;
}
.eh-acc-page{ width:100%; max-width:1000px; margin:0 auto; padding:24px 20px 60px; box-sizing:border-box; position:relative; }
.eh-acc-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.eh-acc-card{ width:100%; }
[data-eh-hide]{ display:none !important; }
/* 商品列表预览图正方形 */
.goods_item_imgBox{ aspect-ratio:1/1 !important; }
.goods_item_img{
  width:100% !important;
  height:100% !important;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}
@media (max-width:768px){
  .eh-acc-page{ padding:16px 12px 44px; }
  .eh-acc-grid{ gap:12px; }
}

/* 启动遮罩：视图就绪前盖住原始内容 */
#eh-splash{
  position:fixed; inset:0; z-index:99999;
  background:radial-gradient(circle at 50% 35%, #171b30 0%, #0b0d18 70%);
  display:flex; align-items:center; justify-content:center;
  transition:opacity .28s ease;
}
#eh-splash.eh-splash-hide{ opacity:0; pointer-events:none; }
.eh-splash-box{ text-align:center; }
.eh-splash-spin{
  width:46px; height:46px; margin:0 auto 18px;
  border:3px solid rgba(255,122,26,.25);
  border-top-color:#ff7a1a;
  border-radius:50%;
  animation:ehspin .8s linear infinite;
}
@keyframes ehspin{ to{ transform:rotate(360deg); } }
.eh-splash-title{ color:#fff; font-size:20px; font-weight:800; letter-spacing:2px; }
.eh-splash-sub{ color:#8a90ad; font-size:13px; margin-top:8px; }

/* ===== v8m 移动端修复 ===== */
@media (max-width:768px){
  /* 桌面筛选区在手机端不恢复（原编译样式手机端本就隐藏） */
  body.eh-catalog .middle_box{ display:none !important; }
  /* 选择账号类型：上下两个正方形卡片 */
  .eh-acc-grid{ grid-template-columns:1fr !important; gap:14px !important; }
  .eh-acc-card{ aspect-ratio:1/1 !important; }
  .eh-acc-card .eh-choice-desc{ display:none; }
  .eh-acc-card .eh-choice-title{ font-size:24px; }
  /* CDK 分类卡片正方形 */
  .eh-cdk-cate-grid{ gap:12px !important; }
  .eh-cdk-cate-card{ aspect-ratio:1/1 !important; }
  .eh-cdk-cate-card .eh-choice-title{ font-size:20px; }
  /* 筛选面板宽度约束，不超出商品区 */
  .h5_middle_boxShow{
    width:calc(100% - 20px) !important;
    max-width:100vw !important;
    box-sizing:border-box !important;
    overflow-x:auto;
  }
  .h5_middle_boxFix{ max-width:100vw !important; box-sizing:border-box; }
  .h5_middle_box{ max-width:100vw !important; box-sizing:border-box; }
}

/* ===== v8r 筛选区对齐与手机端疏朗化 ===== */
/* 桌面端：统一标签列宽度与右区间距 */
.middle_center_item{
  grid-template-columns:96px 1fr !important;
  column-gap:16px;
  padding:9px 0;
  align-items:start;
}
.middle_center_item_name{
  width:96px;
  text-align:right;
  padding-top:7px;
  color:var(--text-2);
}
.middle_center_item_right{
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.middle_center_item_right_item{ margin:0 !important; }

/* 手机端：标签独占一行，标签区换行不溢出，增大点击区 */
@media (max-width:768px){
  .h5_middle_boxShow{ padding:16px 14px !important; }
  .h5_middle_boxShow .middle_center_item{
    grid-template-columns:1fr !important;
    row-gap:8px;
    padding:11px 0;
  }
  .h5_middle_boxShow .middle_center_item_name{
    width:auto;
    text-align:left;
    padding:0;
  }
  .h5_middle_boxShow .middle_center_item_right{
    gap:9px;
    max-width:100%;
  }
  .h5_middle_boxShow .middle_center_item_right_item{
    margin:0 !important;
    padding:8px 14px !important;
    min-height:34px;
    display:inline-flex;
    align-items:center;
    box-sizing:border-box;
  }
}
/* ===== v8s 筛选对齐强化 + 选项按钮美化 ===== */
.middle_center .middle_center_item{
  grid-template-columns:104px 1fr !important;
  column-gap:18px !important;
}
.middle_center .middle_center_item .middle_center_item_name{
  width:104px !important;
  text-align:right !important;
}
.middle_center_item_zhankaibtn{
  margin:6px 0 0 !important;
  border-radius:8px !important;
}
.middle_center_item > .middle_center_item_zhankaibtn{
  grid-column:2 !important;
  justify-self:start;
}
/* 未选项：低调描边胶囊 */
.middle_center_item_right_item{
  padding:7px 15px !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:var(--text-2) !important;
  font-size:13px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  transition:border-color .18s,background .18s,color .18s;
}
.middle_center_item_right_item:hover{
  border-color:rgba(255,122,26,.55) !important;
  color:#fff !important;
  background:rgba(255,122,26,.10) !important;
}
/* 选中项：橙色渐变 */
.middle_center_item_right_itemSel,
.middle_center_item_right_itemSel:hover{
  background:linear-gradient(135deg,var(--accent-lt),var(--accent-dk)) !important;
  border-color:transparent !important;
  color:#fff !important;
  font-weight:700;
  box-shadow:0 6px 16px rgba(255,122,26,.35);
}
/* 手机端标签仍独占一行左对齐 */
@media (max-width:768px){
  .h5_middle_boxShow .middle_center_item{
    grid-template-columns:1fr !important;
  }
  .h5_middle_boxShow .middle_center_item_name{
    width:auto !important;
    text-align:left !important;
  }
}
/* v8t 展开按钮归位 */
.middle_center_item > div:has(> .middle_center_item_zhankaibtn){
  grid-column:2 !important;
  justify-self:start;
}
