/* ==========================================================================
   王炸 r184 · 用户前端增强（纯样式覆盖层）
     1) 考试 / 课程 列表卡片：半透明玫瑰玻璃卡 + 圆角 + 阴影（文字对比度仍很高）
     2) 考试状态标签：未开始=蓝 / 进行中=橙 / 已结束=灰
     3) 点击考试弹出的操作面板（原纯白“白板”）美化
     4) 「我的」：会员 / 剩余填充次数 信息卡；我的福袋 / 卡密兑换 弹窗
   --------------------------------------------------------------------------
   · 不改打包产物、不改接口、不改数据
   · 带 body 前缀 + !important，晚于旧主题加载（index.html 里排在 wz-theme-r164 之后）
   ========================================================================== */

/* ======================= 一、考试 / 课程 列表卡片 ======================= */
body.wz-app-page .Question_bank-room-item {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(255,252,248,.94) 100%),
    url("/assets/wz_rose_bg.webp") 58% 30% / cover no-repeat !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(31,41,55,.05), 0 10px 26px rgba(150,20,45,.10) !important;
}
/* 左侧红金状态装饰条：一眼区分“有考试 / 进行中” */
body.wz-app-page .Question_bank-room-item::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; z-index: 1;
  background: linear-gradient(180deg, #e8452f 0%, #c8102e 46%, #c8a24a 100%);
  opacity: .92; pointer-events: none;
}
body.wz-app-page .Question_bank-room-item .van-cell {
  background: transparent !important;
  padding-left: 16px !important;
}
/* 正文：保证任何角度都不被背景吃掉（深墨 + 极轻白描边） */
body.wz-app-page .Question_bank-room-item .course-title,
body.wz-app-page .Question_bank-room-item .content_Ellipsis,
body.wz-app-page .Question_bank-room-item .content_Ellipsisb,
body.wz-app-page .Question_bank-room-item .body-cell-content {
  color: #2b2a28 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}
body.wz-app-page .Question_bank-room-item .course-category,
body.wz-app-page .Question_bank-room-item .course-info {
  color: #5b5348 !important;
}
body.wz-app-page .Question_bank-room-item .course-progress { color: #a5142f !important; font-weight: 700 !important; }
body.wz-app-page .Question_bank-room-item .highlight { color: #c8102e !important; font-weight: 800 !important; }

/* ======================= 二、考试状态彩色标签 ======================= */
/* 未开始 = 蓝 */
body.wz-app-page .Question_bank-room-item .van-tag.wz-st1 {
  color: #1a63c8 !important; background: #e9f1ff !important; border-color: #bcd6ff !important;
}
/* 进行中 = 橙 */
body.wz-app-page .Question_bank-room-item .van-tag.wz-st2 {
  color: #c26600 !important; background: #fff3e0 !important; border-color: #ffd7a3 !important;
}
/* 已结束 = 灰 */
body.wz-app-page .Question_bank-room-item .van-tag.wz-st3 {
  color: #6b7280 !important; background: #eef1f5 !important; border-color: #d9dee6 !important;
}

/* ======================= 三、操作面板（原纯白白板） ======================= */
body .van-action-sheet {
  overflow: hidden !important;
  border-radius: 18px 18px 0 0 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.965) 0%, rgba(253,247,240,.985) 100%) !important;
  box-shadow: 0 -10px 30px rgba(120,12,32,.16) !important;
}
body .van-action-sheet::before {
  content: ""; display: block; height: 4px;
  background: linear-gradient(90deg, #c8102e 0%, #e8452f 42%, #c8a24a 100%);
  opacity: .92;
}
body .van-action-sheet__header {
  font-weight: 800 !important; color: #8e0b20 !important;
  background: transparent !important; border-bottom: 1px solid rgba(200,162,74,.22) !important;
}
body .van-action-sheet__item {
  color: #2b2a28 !important; font-weight: 600 !important; background: transparent !important;
}
body .van-action-sheet__item:active,
body .van-action-sheet__item:hover { background: rgba(200,16,46,.07) !important; }
body .van-action-sheet__subname { color: #9a9086 !important; }
body .van-action-sheet__gap { background: rgba(140,20,40,.06) !important; }
body .van-action-sheet__cancel { color: #a5142f !important; font-weight: 700 !important; }

/* ======================= 四、「我的」信息卡 / 弹窗 ======================= */
body.wz-app-page .wz-r184-memcard {
  display: flex !important; align-items: center !important; gap: 12px !important;
  margin: 10px 0 12px !important; padding: 13px 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.97) 0%, rgba(255,247,239,.99) 100%) !important;
  border: 1px solid rgba(200,162,74,.48) !important;
  box-shadow: 0 8px 22px rgba(150,20,45,.10) !important;
}
body.wz-app-page .wz-r184-memcard.is-member { border-color: rgba(200,162,74,.80) !important; }
body.wz-app-page .wz-r184-memcard.is-trial  { border-color: rgba(90,150,220,.60) !important; }
body.wz-app-page .wz-r184-mc-medal {
  flex: none !important; width: 44px !important; height: 44px !important; border-radius: 13px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 19px !important; font-weight: 800 !important; color: #fff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.16) !important;
}
body.wz-app-page .wz-r184-mc-main { flex: 1 !important; min-width: 0 !important; }
body.wz-app-page .wz-r184-mc-title { font-size: 15.5px !important; font-weight: 800 !important; color: #8e0b20 !important; line-height: 1.3 !important; }
body.wz-app-page .wz-r184-mc-sub { font-size: 12.5px !important; color: #6b6257 !important; margin-top: 3px !important; line-height: 1.55 !important; word-break: break-all !important; }
body.wz-app-page .wz-r184-mc-sub b { color: #c8102e !important; font-size: 17px !important; }

/* 弹窗 */
body .wz-r184-mask {
  position: fixed; inset: 0; z-index: 2147483200;
  background: rgba(24,16,20,.5);
  display: flex; align-items: flex-end; justify-content: center;
}
body .wz-r184-sheet {
  width: 100%; max-width: 560px; max-height: 86vh; overflow-y: auto; -webkit-overflow-scrolling: touch;
  background: linear-gradient(180deg, #fffdfb 0%, #fdf7f0 100%);
  border-radius: 18px 18px 0 0; padding: 0 0 22px;
  box-shadow: 0 -10px 34px rgba(90,10,26,.28); color: #2b2a28;
}
body .wz-r184-head {
  position: sticky; top: 0; z-index: 2;
  display: flex; align-items: center; justify-content: space-between;
  padding: 15px 16px 10px;
  background: linear-gradient(180deg, #fffdfb 0%, #fff9f3 100%);
  border-bottom: 1px solid rgba(200,162,74,.22);
}
body .wz-r184-head::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
  background: linear-gradient(90deg, #c8102e 0%, #e8452f 42%, #c8a24a 100%);
}
body .wz-r184-head b { font-size: 16px; font-weight: 800; color: #8e0b20; }
body .wz-r184-x {
  padding: 4px 11px; border-radius: 10px; font-size: 13px; cursor: pointer;
  background: rgba(200,16,46,.08); color: #a5142f;
}
body .wz-r184-body { padding: 12px 14px 4px; }
body .wz-r184-note {
  font-size: 12px; line-height: 1.65; color: #6b6257;
  background: rgba(200,162,74,.10); border: 1px solid rgba(200,162,74,.28);
  border-radius: 12px; padding: 9px 11px;
}
body .wz-r184-empty { text-align: center; padding: 26px 6px; color: #9a9086; font-size: 13px; line-height: 1.8; }

/* 券行 */
body .wz-r184-coupon {
  display: flex; align-items: center; gap: 11px;
  padding: 11px; border-radius: 14px; margin-top: 10px;
  background: linear-gradient(135deg, #fff8ec 0%, #fff3e0 100%);
  border: 1px solid #f0dcb6; box-shadow: 0 4px 12px rgba(184,146,74,.10);
}
body .wz-r184-coupon.is-dim { opacity: .6; filter: grayscale(.45); }
body .wz-r184-ic { flex: none; line-height: 0; }
body .wz-r184-cinfo { flex: 1; min-width: 0; }
body .wz-r184-cname { font-size: 14px; font-weight: 800; color: #8a5a12; }
body .wz-r184-cmeta { font-size: 11.5px; color: #8a8177; margin-top: 3px; line-height: 1.5; word-break: break-all; }
body .wz-r184-acts { display: flex; gap: 7px; flex: none; }
body .wz-r184-btn {
  border: 0; padding: 7px 13px; border-radius: 10px; font-size: 12.5px; font-weight: 700; cursor: pointer;
  background: linear-gradient(135deg, #ffcf6b, #ff9f43); color: #4a3200;
}
body .wz-r184-btn.primary { background: linear-gradient(135deg, #e8452f, #c8102e); color: #fff; }
body .wz-r184-btn.ghost { background: rgba(200,16,46,.09); color: #a5142f; }
body .wz-r184-btn:disabled { opacity: .5; cursor: default; }

/* 分区 */
body .wz-r184-sec {
  margin-top: 14px; padding: 12px; border-radius: 14px;
  background: rgba(255,255,255,.86); border: 1px solid rgba(200,162,74,.30);
}
body .wz-r184-sec h4 { margin: 0 0 9px; font-size: 13.5px; font-weight: 800; color: #8e0b20; }
body .wz-r184-row { display: flex; gap: 8px; align-items: center; }
body .wz-r184-input {
  flex: 1; min-width: 0; padding: 10px 12px; border-radius: 12px;
  border: 1px solid rgba(200,162,74,.45); background: #fffdfa; color: #2b2a28;
  font-size: 13.5px; outline: none;
}
body .wz-r184-hint { font-size: 11.5px; color: #9a9086; margin-top: 7px; line-height: 1.6; }
body .wz-r184-ex-line { font-size: 13px; color: #2b2a28; line-height: 1.7; }
body .wz-r184-ex-line b { color: #c8102e; }


/* =========================================================================
   王炸 r185（2026-10-05）· 按爷爷反馈补三处
   ① 「状态」筛选弹层（van-picker）美化：红金顶条 + 米白渐变 + 选中红字
   ③ 「我的应用」福袋 / 卡密 图标（结构与其它格子完全一致）
   ========================================================================= */

/* ---------- ① 底部弹层（筛选 picker）统一外观 ---------- */
.app-wrapper .van-popup--bottom {
  border-radius: 20px 20px 0 0 !important;
  background: linear-gradient(180deg, #fffaf5 0%, #fff4ee 100%) !important;
  box-shadow: 0 -12px 34px rgba(150, 20, 45, .22) !important;
  overflow: hidden !important;
}
.app-wrapper .van-popup--bottom::before {
  content: ""; display: block; height: 4px;
  background: linear-gradient(90deg, #c8102e 0%, #e5533d 46%, #c8a24a 100%);
}
.app-wrapper .van-picker { background: transparent !important; }
.app-wrapper .van-picker__toolbar { height: 50px !important; background: transparent !important; }
.app-wrapper .van-picker__cancel { color: #9c918a !important; font-size: 14.5px !important; }
.app-wrapper .van-picker__confirm { color: #c8102e !important; font-weight: 800 !important; font-size: 15.5px !important; }
.app-wrapper .van-picker__title { color: #7a2b1c !important; font-weight: 700 !important; font-size: 15px !important; }
.app-wrapper .van-picker__frame { left: 18px !important; right: 18px !important; }
.app-wrapper .van-picker__frame::after {
  border-top: 1.5px solid #e8b98a !important;
  border-bottom: 1.5px solid #e8b98a !important;
}
.app-wrapper .van-picker-column__item { color: #9a8d84 !important; font-size: 15px !important; }
.app-wrapper .van-picker-column__item--selected {
  color: #c8102e !important; font-weight: 800 !important; font-size: 16.5px !important;
}

/* ---------- ③ 我的应用：福袋 / 卡密 图标 ---------- */
.app-wrapper .mine-container .mine-power-group .van-cell[data-wz-t="bag"]::before {
  background-color: #e8912f;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2z'/%3E%3C/svg%3E");
}
.app-wrapper .mine-container .mine-power-group .van-cell[data-wz-t="card"]::before {
  background-color: #7a54d4;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M22 10V6c0-1.11-.9-2-2-2H4c-1.1 0-1.99.89-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2s.9-2 2-2z'/%3E%3C/svg%3E");
}
.app-wrapper .mine-container .mine-power-group .van-cell[data-wz-t="bag"] .van-cell__value span { background: linear-gradient(135deg, #fff0d9, #ffdfae) !important; color: #a86a0a !important; }
.app-wrapper .mine-container .mine-power-group .van-cell[data-wz-t="card"] .van-cell__value span { background: linear-gradient(135deg, #efe9ff, #ddd2ff) !important; color: #5a3fb0 !important; }


/* ===== r189 (2026-10-05): action-sheet content clipped at bottom / cannot scroll =====
   Higher specificity than "body .van-action-sheet{overflow:hidden !important}"
   (this file line 61, wz-mine-r166.css, index.html inline), so sheets can scroll. */
html body .van-action-sheet.van-popup,
html body .van-action-sheet {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  max-height: 88vh !important;
}
html body .van-action-sheet .van-action-sheet__content {
  overflow: visible !important;
  padding-bottom: calc(30px + env(safe-area-inset-bottom)) !important;
}