/* ==========================================================================
   王炸 r166 · 「我的」页 QQ空间风换肤（纯样式覆盖层）
   - 不改打包产物、不动业务逻辑；加载在 </body> 前，晚于 wz-theme-r164.css
   - 结构对应：.mine-container > .mine-header / .mine-power-group / .mine-footer
   ========================================================================== */

/* ---------- 页面留白（让封面能顶到屏幕左右边） ---------- */
.app-wrapper .content-wrapper .mine-container {
  padding: 0 12px 108px !important;
  background: transparent !important;
  min-height: 100vh;
}

/* ---------- ① 封面：QQ空间式主视觉 ---------- */
.app-wrapper .mine-container .mine-header.van-cell-group {
  position: relative !important;
  overflow: hidden !important;
  margin: 0 -12px 16px !important;
  padding: 30px 18px 26px !important;
  border-radius: 0 0 26px 26px !important;
  background: linear-gradient(155deg, #d4143a 0%, #a80f29 46%, #74091a 100%) !important;
  box-shadow: 0 12px 30px rgba(150, 20, 45, .32),
              inset 0 -3px 0 rgba(247, 217, 138, .82) !important;
}
/* 右上角暖光 */
.app-wrapper .mine-container .mine-header::before {
  content: ""; position: absolute; right: -56px; top: -72px;
  width: 224px; height: 224px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,222,150,.55) 0%, rgba(255,222,150,.12) 46%, rgba(255,222,150,0) 72%);
  pointer-events: none;
}
/* 左下角波纹 */
.app-wrapper .mine-container .mine-header::after {
  content: ""; position: absolute; left: -46px; bottom: -86px;
  width: 196px; height: 196px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.15) 0%, rgba(255,255,255,0) 70%);
  pointer-events: none;
}
.app-wrapper .mine-container .mine-header .header-row { position: relative; z-index: 2; }

/* 头像：只加投影与描边，不动 App 的"段位色环"（青铜/白银/黄金/钻石） */
.app-wrapper .mine-container .mine-header .avatar-frame-wrap {
  position: relative; z-index: 2;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .35));
}
.app-wrapper .mine-container .mine-header .el-avatar {
  border: 3px solid rgba(255, 233, 175, .96) !important;
  background: #fff !important;
  box-sizing: border-box;
}

/* 昵称 / 到期 / 等级 */
.app-wrapper .mine-container .mine-header .mine-nickname {
  color: #fff !important; font-size: 19px !important; font-weight: 800 !important;
  letter-spacing: .4px; text-shadow: 0 2px 10px rgba(0, 0, 0, .38);
}
.app-wrapper .mine-container .mine-header .mine-expire {
  color: rgba(255, 238, 210, .95) !important; font-size: 12.5px !important; margin-top: 5px;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .3);
}
.app-wrapper .mine-container .mine-header .mine-vip-badge { margin-top: 7px; }
.app-wrapper .mine-container .mine-header .mine-vip-badge-txt {
  color: #ffe8b4 !important; text-shadow: 0 1px 8px rgba(0, 0, 0, .35);
}
.app-wrapper .mine-container .mine-header .mine-vip-medal {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}

/* 积分胶囊 */
.app-wrapper .mine-container #wz-points-chip {
  background: linear-gradient(135deg, #ffeab8, #ffc861) !important;
  border: 1px solid rgba(255, 243, 205, .95) !important;
  color: #5c3a00 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .18) !important;
}

/* ---------- ② 功能格：2 列磁贴（QQ空间"应用"格） ---------- */
.app-wrapper .mine-container .mine-power-group.van-cell-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
/* 「我的应用」小标题 */
.app-wrapper .mine-container .mine-power-group.van-cell-group::before {
  content: "我的应用";
  grid-column: 1 / -1;
  font-size: 12.5px; font-weight: 700; color: #8a6a4a;
  letter-spacing: 1px; padding: 2px 3px 0;
}

.app-wrapper .mine-container .mine-power-group .van-cell {
  position: relative !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: flex-start !important;
  min-height: 104px !important;
  margin: 0 !important;
  padding: 46px 10px 14px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .97) !important;
  border: 1px solid rgba(200, 162, 74, .30) !important;
  box-shadow: 0 6px 18px rgba(150, 60, 50, .10) !important;
  overflow: hidden !important;
  transition: transform .12s ease, box-shadow .12s ease;
}
.app-wrapper .mine-container .mine-power-group .van-cell:active {
  transform: scale(.975); box-shadow: 0 3px 10px rgba(150, 60, 50, .14) !important;
}
.app-wrapper .mine-container .mine-power-group .van-cell__title {
  flex: none !important; width: 100% !important; text-align: center !important;
}
.app-wrapper .mine-container .mine-power-group .van-cell__title span {
  font-size: 13.5px !important; font-weight: 700 !important;
  color: #40302a !important; line-height: 1.4;
}
.app-wrapper .mine-container .mine-power-group .van-cell__value {
  flex: none !important; width: 100% !important; text-align: center !important; margin-top: 6px !important;
}
.app-wrapper .mine-container .mine-power-group .van-cell__value span {
  display: inline-block !important;
  padding: 2px 11px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #fff4d6, #ffe0a3) !important;
  color: #a8700a !important; font-size: 11.5px !important; font-weight: 700 !important;
  border: 1px solid rgba(200, 162, 74, .35) !important;
}
.app-wrapper .mine-container .mine-power-group .van-cell__right-icon { display: none !important; }

/* 磁贴图标（34px 圆角块 + 白色 SVG） */
.app-wrapper .mine-container .mine-power-group .van-cell[data-wz-t]::before {
  content: "" !important;
  position: absolute !important; top: 11px !important; left: 50% !important;
  transform: translateX(-50%) !important;
  width: 34px !important; height: 34px !important;
  border-radius: 11px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 19px 19px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .14) !important;
}
.app-wrapper .mine-container .mine-power-group .van-cell[data-wz-t="buy"]::before {
  background-color: #e8452f;
  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='M3 7l4.5 3L12 4l4.5 6L21 7l-1.8 11.2A2 2 0 0 1 17.2 20H6.8a2 2 0 0 1-2-1.8L3 7z'/%3E%3C/svg%3E");
}
.app-wrapper .mine-container .mine-power-group .van-cell[data-wz-t="invite"]::before {
  background-color: #e0567f;
  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='M3 8h18v4H3zM4.5 13h15v6h-15zM11 8h2v11h-2zM12 3.6l1.9 2.1A2.6 2.6 0 0 1 15.3 8H8.7a2.6 2.6 0 0 1 1.4-2.3L12 3.6z'/%3E%3C/svg%3E");
}
.app-wrapper .mine-container .mine-power-group .van-cell[data-wz-t="times"]::before {
  background-color: #c8a24a;
  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='M13.2 2L4 13.6h5.6L8.4 22 20 10.4h-5.8L13.2 2z'/%3E%3C/svg%3E");
}
.app-wrapper .mine-container .mine-power-group .van-cell[data-wz-t="device"]::before {
  background-color: #4a7fd4;
  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='M8 2h8a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm2 17h4v1.4h-4z'/%3E%3C/svg%3E");
}

/* ---------- ③ 退出登录：白卡红字，收尾更干净 ---------- */
.app-wrapper .mine-container .mine-footer { margin: 20px 0 0 !important; padding: 0 !important; }
.app-wrapper .mine-container .mine-footer .logout-btn.van-button {
  width: 100% !important; height: 46px !important; border-radius: 14px !important;
  background: rgba(255, 255, 255, .97) !important;
  border: 1px solid rgba(200, 16, 46, .26) !important;
  color: #c8102e !important; font-weight: 700 !important; font-size: 15px !important;
  box-shadow: 0 6px 18px rgba(150, 60, 50, .10) !important;
}
/* ---------- ④ r166 修正：被移除的入口必须 !important 隐藏 ----------
   （上面的 .van-cell{display:flex!important} 会盖掉行内 display:none，这里补一条） */
.app-wrapper .mine-container .mine-power-group .van-cell[data-wz-hide="1"] {
  display: none !important;
}
/* ==========================================================================
   王炸 r167 · 课程 / 考试 / 公告 三页换肤 + 操作弹窗美化
   - 与「我的」页同一套语言：红金渐变顶栏 + 白卡磁贴 + 圆润胶囊
   - 仍是纯覆盖层：只改样式，不动结构、不动接口
   ========================================================================== */

/* ---------- ① 顶部渐变带：让搜索区"浮"在封面上 ---------- */
.app-wrapper .class-room,
.app-wrapper .notice-page { position: relative; }
.app-wrapper .class-room::before,
.app-wrapper .notice-page::before {
  content: ""; position: absolute; left: -12px; right: -12px; top: -14px; height: 104px;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(158deg, #d4143a 0%, #a80f29 52%, #7c0b1c 100%);
  box-shadow: 0 10px 26px rgba(150, 20, 45, .26), inset 0 -3px 0 rgba(247, 217, 138, .75);
  pointer-events: none; z-index: 0;
}
.app-wrapper .class-room > *:not(.van-popup):not(.van-overlay),
.app-wrapper .notice-page > *:not(.van-popup):not(.van-overlay) { position: relative; z-index: 1; }

/* ---------- ② 搜索框 ---------- */
.app-wrapper .van-search { background: transparent !important; padding: 10px 12px 8px !important; }
.app-wrapper .van-search .van-search__content,
.app-wrapper .van-search .van-search__content--round,
.app-wrapper .van-search .van-search__content--square {
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid rgba(255, 226, 160, .70) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .16) !important;
}
.app-wrapper .van-search .van-field__control::placeholder { color: #b9a79a !important; }
.app-wrapper .van-search .van-icon-search { color: #c8102e !important; font-size: 17px !important; }
.app-wrapper .van-search__action span { color: #fff !important; font-weight: 700 !important; text-shadow: 0 1px 6px rgba(0,0,0,.3); }

/* ---------- ③ 状态下拉（考试页） ---------- */
.app-wrapper .class-room > .van-cell.van-field {
  margin: 34px 12px 12px !important;   /* r167 fix: clear the gradient band bottom */
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid rgba(255, 226, 160, .70) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .16) !important;
  overflow: hidden;
}
.app-wrapper .class-room > .van-cell.van-field .van-field__label { color: #a8700a !important; font-weight: 700 !important; }
.app-wrapper .class-room > .van-cell.van-field .van-cell__right-icon { color: #c8102e !important; }

/* ---------- ④ 列表：每一条自己成卡（卡片流） ---------- */
.app-wrapper .Question_bank-room-item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.app-wrapper .Question_bank-room-item > .van-cell,
.app-wrapper .Question_bank-room-item > .van-swipe-cell {
  position: relative !important;
  margin: 0 0 11px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid rgba(200, 162, 74, .22) !important;
  box-shadow: 0 6px 18px rgba(150, 60, 50, .10) !important;
  overflow: hidden !important;
}
.app-wrapper .Question_bank-room-item > .van-swipe-cell .van-cell { background: transparent !important; }
.app-wrapper .Question_bank-room-item > .van-cell::after,
.app-wrapper .Question_bank-room-item > .van-swipe-cell::after { display: none !important; }
/* 考试卡左侧金红竖条 */
.app-wrapper .Question_bank-room-item > .van-swipe-cell::before {
  content: ""; position: absolute; left: 0; top: 13px; bottom: 13px; width: 4px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, #e8452f, #c8a24a);
  z-index: 2;
}

/* 课程缩略图 */
.app-wrapper .course-image {
  border-radius: 13px !important; overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(150, 60, 50, .16) !important;
  flex: 0 0 auto !important;
}
.app-wrapper .course-image .van-image__img { object-fit: cover !important; }

/* 标题 / 标签 / 分类 / 学时 */
.app-wrapper .course-title { font-size: 15px !important; font-weight: 700 !important; color: #33251f !important; line-height: 1.45 !important; }
.app-wrapper .course-title .van-tag {
  border-radius: 999px !important; padding: 1px 8px !important;
  background: linear-gradient(135deg, #e8fff0, #c9f2d8) !important;
  color: #1f7a45 !important; border: 1px solid rgba(31, 122, 69, .22) !important;
  font-weight: 700 !important; font-size: 10.5px !important;
}
.app-wrapper .course-category {
  display: inline-block !important; padding: 2px 10px !important; border-radius: 999px !important;
  background: linear-gradient(135deg, #fff4d8, #ffe1a6) !important;
  color: #a8700a !important; font-size: 11.5px !important; font-weight: 700 !important;
  border: 1px solid rgba(200, 162, 74, .35) !important;
}
.app-wrapper .course-progress { color: #97826f !important; font-size: 12px !important; }
.app-wrapper .course-progress .highlight { color: #c8102e !important; font-weight: 800 !important; font-size: 13px !important; }

/* 考试卡里的时间/状态行 */
.app-wrapper .course-info .van-highlight { display: block !important; font-size: 12px !important; line-height: 1.95 !important; }
.app-wrapper .course-info .van-highlight > span:first-child { color: #9a8578 !important; }
.app-wrapper .course-info .van-highlight__tag {
  background: transparent !important; color: #c8102e !important;
  font-weight: 700 !important; padding: 0 !important; font-variant-numeric: tabular-nums;
}
.app-wrapper .course-info .van-tag--success {
  border-radius: 999px !important; padding: 1px 9px !important;
  background: linear-gradient(135deg, #e8fff0, #c9f2d8) !important;
  color: #1f7a45 !important; border: 1px solid rgba(31, 122, 69, .22) !important;
  font-weight: 700 !important;
}
.app-wrapper .ansfull-mark {
  display: inline-block !important; margin-left: 6px !important;
  padding: 1px 9px !important; border-radius: 999px !important;
  background: linear-gradient(135deg, #ffe9b8, #ffc861) !important;
  color: #7a4a00 !important; font-weight: 700 !important; font-size: 11px !important;
  border: 1px solid rgba(200, 162, 74, .40) !important;
}
.app-wrapper .swipe-pin-btn {
  border-radius: 12px !important; font-weight: 700 !important;
  background: linear-gradient(135deg, #e8452f, #b31527) !important; color: #fff !important;
}
.app-wrapper .van-list__finished-text { color: #b0a094 !important; font-size: 12.5px !important; }

/* ---------- ⑤ 公告页：分类胶囊 + 卡片 ---------- */
.app-wrapper .notice-page .category-tabs {
  display: flex !important; gap: 8px !important;
  margin: 30px 0 0 !important;             /* r167 fix: clear the gradient band bottom */
  padding: 4px 2px 14px !important; overflow-x: auto !important;
}
.app-wrapper .notice-page .category-tab {
  flex: 0 0 auto !important;
  border-radius: 999px !important; padding: 7px 15px !important;
  background: rgba(255, 255, 255, .95) !important;
  border: 1px solid rgba(255, 226, 160, .70) !important;
  color: #6b5a4e !important; font-size: 13px !important; font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .12) !important;
}
.app-wrapper .notice-page .category-tab.active {
  background: linear-gradient(135deg, #e8452f, #b31527) !important;
  border-color: transparent !important; color: #fff !important;
  box-shadow: 0 6px 16px rgba(200, 16, 46, .32) !important;
}
.app-wrapper .notice-card {
  position: relative !important; overflow: hidden !important;
  border-radius: 16px !important;
  border: 1px solid rgba(200, 162, 74, .22) !important;
  box-shadow: 0 6px 18px rgba(150, 60, 50, .10) !important;
}
.app-wrapper .notice-card::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(180deg, #e8452f, #c8a24a);
}
.app-wrapper .notice-card.is-pinned::before { background: linear-gradient(180deg, #ff5a5a, #c8102e); }
.app-wrapper .notice-card .card-title { font-weight: 800 !important; color: #33251f !important; font-size: 15px !important; }
.app-wrapper .notice-card .pin-badge {
  border-radius: 999px !important; padding: 1px 8px !important;
  background: linear-gradient(135deg, #ffe9b8, #ffc861) !important; color: #7a4a00 !important;
  font-size: 11px !important; font-weight: 700 !important;
}
.app-wrapper .notice-card .card-content { color: #5b4a41 !important; line-height: 1.78 !important; font-size: 13.5px !important; }
.app-wrapper .notice-card .card-footer { color: #a08b7e !important; font-size: 12px !important; }
.app-wrapper .notice-card .van-tag--small { border-radius: 999px !important; font-weight: 700 !important; }

/* ---------- ⑥ 操作弹窗（一键填充/更新分数/… 六项菜单） ---------- */
.van-action-sheet { border-radius: 22px 22px 0 0 !important; overflow: hidden !important; }
.van-action-sheet__description {
  font-weight: 800 !important; font-size: 15px !important; color: #33251f !important;
  background: linear-gradient(180deg, #fff7ee, #ffffff) !important;
  padding: 16px 20px !important;
}
.van-action-sheet__content .van-action-sheet__item {
  position: relative !important;
  padding: 13px 20px 13px 58px !important;
  min-height: 56px !important;
  border-bottom: 1px solid rgba(200, 162, 74, .14) !important;
  display: flex !important; flex-direction: column !important; justify-content: center !important;
  align-items: flex-start !important; text-align: left !important;
}
.van-action-sheet__content .van-action-sheet__item .van-action-sheet__name,
.van-action-sheet__content .van-action-sheet__item .van-action-sheet__subname { text-align: left !important; }
.van-action-sheet__content .van-action-sheet__item::before {
  content: "" !important; position: absolute !important;
  left: 16px !important; top: 50% !important; transform: translateY(-50%) !important;
  width: 30px !important; height: 30px !important; border-radius: 10px !important;
  background-repeat: no-repeat !important; background-position: center !important; background-size: 17px 17px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .14) !important;
}
.van-action-sheet__content .van-action-sheet__item:nth-child(1)::before {
  background-color: #e8452f;
  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='M13.2 2L4 13.6h5.6L8.4 22 20 10.4h-5.8L13.2 2z'/%3E%3C/svg%3E");
}
.van-action-sheet__content .van-action-sheet__item:nth-child(2)::before {
  background-color: #c8a24a;
  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='M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.3 5.9 20.6l1.4-6.8L2.2 9.1l6.9-.8z'/%3E%3C/svg%3E");
}
.van-action-sheet__content .van-action-sheet__item:nth-child(3)::before {
  background-color: #4a7fd4;
  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='M12 5V2L7 6l5 4V7a5 5 0 1 1-5 5H5a7 7 0 1 0 7-7z'/%3E%3C/svg%3E");
}
.van-action-sheet__content .van-action-sheet__item:nth-child(4)::before {
  background-color: #7a5cd4;
  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='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm.9 4.6h-1.8v5.2l4 2.4.9-1.5-3.1-1.9V7.6z'/%3E%3C/svg%3E");
}
.van-action-sheet__content .van-action-sheet__item:nth-child(5)::before {
  background-color: #2fa87a;
  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='M6 2h8l4 4v16H6V2zm2 8h8v2H8v-2zm0 4h8v2H8v-2z'/%3E%3C/svg%3E");
}
.van-action-sheet__content .van-action-sheet__item:nth-child(6)::before {
  background-color: #e0567f;
  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='M7 3h10v3a5 5 0 0 1-10 0V3zM5 4h2v2H5V4zm12 0h2v2h-2V4zM11 12h2v4h3v3H8v-3h3v-4z'/%3E%3C/svg%3E");
}
.van-action-sheet__content .van-action-sheet__name { font-weight: 700 !important; color: #3a2a22 !important; font-size: 14.5px !important; }
.van-action-sheet__content .van-action-sheet__subname { color: #a08b7e !important; font-size: 12px !important; margin-top: 2px !important; }
.van-action-sheet__cancel { color: #c8102e !important; font-weight: 800 !important; font-size: 15px !important; }
/* ==========================================================================
   王炸 r168 · 定时任务页换肤（.task-room-item 卡片 + 进度条 + 进度弹窗 + 日志框）
   - 该页复用了 .class-room，顶部渐变带/搜索框沿用 r167
   - 重点：TaskRoom 的进度条 class(.wz-tp*) 只有 8px 灰蓝小条，这里统一成红金胶囊
   ========================================================================== */

/* ---------- 页面底色：去掉自带的 #f5f5f5 / #f5f7fa ---------- */
.app-wrapper .class-room,
body.wz-app-page .app-wrapper .task-room-body { background: transparent !important; }
body.wz-app-page .app-wrapper .task-room-body { padding: 2px 12px 108px !important; min-height: auto !important; }
/* 任务页搜索框自带 radius:8 + overflow:hidden，会切掉白盒阴影 */
.app-wrapper .van-search { border-radius: 14px !important; overflow: visible !important; }

/* ---------- 任务卡 ---------- */
body.wz-app-page .app-wrapper .task-room-item {
  position: relative !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid rgba(200, 162, 74, .22) !important;
  box-shadow: 0 6px 18px rgba(150, 60, 50, .10) !important;
  overflow: hidden !important;
}
body.wz-app-page .app-wrapper .task-room-item::before {
  content: "" !important; position: absolute !important;
  left: 0 !important; top: 13px !important; bottom: 13px !important; width: 4px !important;
  border-radius: 0 4px 4px 0 !important;
  background: linear-gradient(180deg, #e8452f, #c8a24a) !important;
  z-index: 2 !important;
}
body.wz-app-page .app-wrapper .task-room-item .van-cell { background: transparent !important; padding: 13px 14px 14px !important; }
body.wz-app-page .app-wrapper .task-room-item .van-cell--inset,
body.wz-app-page .app-wrapper .task-room-item .van-cell.van-cell--inset { margin: 0 !important; border-radius: 0 !important; }
body.wz-app-page .app-wrapper .task-room-item .van-cell__title,
body.wz-app-page .app-wrapper .task-room-item .van-cell__label { margin-left: 6px !important; }

/* 标题 / 运行中标记 */
body.wz-app-page .app-wrapper .task-room-item .task-title { margin-left: 20px !important; font-size: 15px !important; font-weight: 700 !important; color: #33251f !important; line-height: 1.45 !important; }
body.wz-app-page .app-wrapper .task-room-item .task-ellipsis { color: #c8102e !important; font-size: 12px !important; }
body.wz-app-page .app-wrapper .task-room-item .van-tag--success {
  border-radius: 999px !important; padding: 1px 9px !important;
  background: linear-gradient(135deg, #e8fff0, #c9f2d8) !important;
  color: #1f7a45 !important; border: 1px solid rgba(31, 122, 69, .22) !important; font-weight: 700 !important;
}

/* 周期 / 上次执行 */
body.wz-app-page .app-wrapper .task-room-item .task-info { margin-left: 20px !important; margin-top: 6px !important; font-size: 12px !important; color: #97826f !important; }
body.wz-app-page .app-wrapper .task-room-item .task-category {
  padding: 2px 10px !important; border-radius: 999px !important;
  background: linear-gradient(135deg, #fff4d8, #ffe1a6) !important;
  color: #a8700a !important; font-weight: 700 !important; font-size: 11.5px !important;
  border: 1px solid rgba(200, 162, 74, .35) !important;
}
body.wz-app-page .app-wrapper .task-room-item .task-time { color: #a08b7e !important; }

/* ---------- 进度条（原样式：8px 灰底蓝条） ---------- */
.app-wrapper .wz-tp { margin-top: 9px !important; }
.app-wrapper .wz-tp-bar {
  position: relative !important; height: 16px !important; border-radius: 999px !important;
  background: rgba(200, 162, 74, .16) !important;
  border: 1px solid rgba(200, 162, 74, .26) !important;
  overflow: hidden !important;
}
.app-wrapper .wz-tp-bar > i {
  position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important;
  display: block !important; border-radius: 999px !important;
  background: linear-gradient(90deg, #e8452f, #ff8a4c, #ffc861) !important;
  transition: width .35s ease !important;
}
.app-wrapper .wz-tp-bar > em {
  position: absolute !important; right: 5px !important; top: 50% !important; transform: translateY(-50%) !important;
  height: 12px !important; line-height: 12px !important; padding: 0 7px !important;
  border-radius: 999px !important; background: rgba(255, 255, 255, .94) !important;
  color: #a8700a !important; font-size: 9.5px !important; font-weight: 800 !important; font-style: normal !important;
}
.app-wrapper .wz-tp-txt { font-size: 11.5px !important; color: #97826f !important; margin-top: 5px !important; line-height: 1.5 !important; }

/* ---------- 按钮（查看进度 / 删除） ---------- */
body.wz-app-page .app-wrapper .task-room-item .task-btns { display: flex !important; align-items: center !important; }
body.wz-app-page .app-wrapper .task-room-item .task-btns .van-button {
  border: 0 !important; border-radius: 999px !important; font-weight: 700 !important;
  min-width: 66px !important; height: 28px !important; padding: 0 12px !important;
}
body.wz-app-page .app-wrapper .task-room-item .task-btns .van-button--warning {
  background: linear-gradient(135deg, #ffd479, #f0a020) !important; color: #5a3a00 !important;
  box-shadow: 0 3px 10px rgba(240, 160, 32, .28) !important;
}
body.wz-app-page .app-wrapper .task-room-item .task-btns .van-button--danger {
  background: linear-gradient(135deg, #e8452f, #c8102e) !important; color: #fff !important;
  box-shadow: 0 3px 10px rgba(200, 16, 46, .28) !important;
}

/* ---------- 进度弹窗 / 日志框 ---------- */
.van-dialog { border-radius: 20px !important; overflow: hidden !important; }
.van-dialog__header { font-weight: 800 !important; color: #33251f !important; }
.van-dialog__confirm { color: #c8102e !important; font-weight: 700 !important; }
.van-dialog__cancel { color: #97826f !important; }
.wz-tpdlg { padding: 4px 14px 10px !important; }
.wz-tpdlg-t { font-size: 15px !important; font-weight: 800 !important; color: #33251f !important; }
.wz-tpdlg-p { font-size: 12.5px !important; color: #97826f !important; margin-top: 4px !important; }
.wz-tpdlg-bar {
  position: relative !important; height: 15px !important; border-radius: 999px !important;
  background: rgba(200, 162, 74, .16) !important; border: 1px solid rgba(200, 162, 74, .26) !important;
  overflow: hidden !important; margin: 8px 0 !important;
}
.wz-tpdlg-bar > i { border-radius: 999px !important; background: linear-gradient(90deg, #e8452f, #ffc861) !important; }
.wz-tpdlg-bar > b {
  position: absolute !important; right: 5px !important; top: 50% !important; transform: translateY(-50%) !important;
  height: 12px !important; line-height: 12px !important; padding: 0 7px !important;
  border-radius: 999px !important; background: rgba(255, 255, 255, .94) !important;
  color: #a8700a !important; font-size: 9.5px !important; font-weight: 800 !important;
}
.wz-tpdlg-m { font-size: 12px !important; color: #97826f !important; line-height: 1.7 !important; }
.wz-tpdlg-h {
  font-size: 11.5px !important; color: #b0a094 !important; font-weight: 700 !important;
  margin: 10px 0 2px !important; padding-top: 8px !important;
  border-top: 1px dashed rgba(200, 162, 74, .30) !important;
}
.app-wrapper .log-box {
  background: #fdf8f2 !important; border-radius: 12px !important;
  border: 1px solid rgba(200, 162, 74, .20) !important; padding: 10px !important;
}
.app-wrapper .log-item { color: #6b5a4e !important; border-bottom: 1px dashed rgba(200, 162, 74, .28) !important; }
.app-wrapper .log-empty { color: #b0a094 !important; }

/* ---------- 空状态 ---------- */
body.wz-app-page .app-wrapper .task-room-body .van-empty { padding: 34px 0 10px !important; }
.app-wrapper .van-empty__description { color: #8a7568 !important; font-size: 13px !important; }
/* ==========================================================================
   r168 补丁：r164 把 body.wz-app-page .van-cell-group--inset 统一做成白卡(特异性 0,2,1)，
   会把"每条自己成卡"的卡片流压成一个大白块 —— 这里用更高特异性(0,3,1)压平外层容器
   ========================================================================== */
body.wz-app-page .app-wrapper .Question_bank-room-item,
body.wz-app-page .app-wrapper .task-room-list-flat {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}