/* H5 会员扁平覆盖：仅「我的」入口 + 会员内页，不改 style.css 主干 */

:root {
  --h5-bg: #f6f6f6;
  --h5-card: #ffffff;
  --h5-text: #121212;
  --h5-muted: #8590a6;
  --h5-border: #ebebeb;
  --h5-primary: #4e6ef2;
  --h5-primary-600: #3f60e6;
}

/* ========== 底部 Tab「我的」 ========== */
body.tw-h5-my {
  background: var(--h5-bg);
}

body.tw-h5-my .tw-h5-my {
  padding: 0 0 0.24rem;
}

body.tw-h5-my .tw-h5-profile {
  background: var(--h5-card);
  border-bottom: 1px solid var(--h5-border);
  padding: 0.28rem 0.3rem 0.12rem;
}

body.tw-h5-my .tw-h5-profile-main {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

body.tw-h5-my .tw-h5-avatar {
  flex: 0 0 1.28rem;
  width: 1.28rem;
  height: 1.28rem;
}

body.tw-h5-my .tw-h5-avatar img {
  display: block;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 0.16rem;
  object-fit: cover;
}

body.tw-h5-my .tw-h5-meta {
  flex: 1;
  min-width: 0;
}

body.tw-h5-my .tw-h5-meta strong {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1rem;
  font-size: 0.34rem;
  font-weight: 600;
  color: var(--h5-text);
  line-height: 1.3;
}

body.tw-h5-my .tw-h5-meta p,
body.tw-h5-my .tw-h5-meta h3 {
  margin: 0.08rem 0 0;
  font-size: 0.24rem;
  font-weight: 400;
  color: var(--h5-muted);
}

body.tw-h5-my .tw-h5-meta a {
  color: inherit;
}

body.tw-h5-my .tw-h5-set {
  flex: 0 0 auto;
  font-size: 0.26rem;
  color: var(--h5-primary) !important;
}

body.tw-h5-my .tw-h5-set img {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
}

body.tw-h5-my .auth-badge {
  display: inline-flex;
  align-items: center;
  height: 0.36rem;
  padding: 0 0.12rem;
  border-radius: 0.06rem;
  font-size: 0.2rem;
  font-weight: 500;
  background: #eef4ff;
  color: var(--h5-primary);
  vertical-align: middle;
}

body.tw-h5-my .auth-badge-red {
  background: #fff1f0;
  color: #ee2e2c;
}

body.tw-h5-my .auth-badge-gray {
  background: #f4f5f7;
  color: #66758c;
}

body.tw-h5-my .tw-h5-stats {
  margin-top: 0.24rem;
  padding-top: 0.16rem;
  border-top: 1px solid var(--h5-border);
}

body.tw-h5-my .tw-h5-stats ul {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
}

body.tw-h5-my .tw-h5-stats li {
  flex: 1;
  text-align: center;
}

body.tw-h5-my .tw-h5-stats a {
  display: block;
  color: var(--h5-muted);
  font-size: 0.22rem;
}

body.tw-h5-my .tw-h5-stats b {
  display: block;
  margin-bottom: 0.06rem;
  font-size: 0.32rem;
  font-weight: 600;
  color: var(--h5-text);
}

body.tw-h5-my .tw-h5-stats b i {
  font-size: 0.22rem;
  font-weight: 400;
  margin-right: 0.04rem;
}

body.tw-h5-my .tw-h5-menu {
  margin: 0.2rem 0.24rem 0;
  background: var(--h5-card);
  border: 1px solid var(--h5-border);
  border-radius: 0.12rem;
  overflow: hidden;
}

body.tw-h5-my .tw-h5-menu ul {
  margin: 0;
  padding: 0;
}

body.tw-h5-my .tw-h5-menu li + li {
  border-top: 1px solid var(--h5-border);
}

body.tw-h5-my .tw-h5-menu a {
  display: flex;
  align-items: center;
  height: 0.96rem;
  padding: 0 0.28rem;
  font-size: 0.3rem;
  color: var(--h5-text);
}

body.tw-h5-my .tw-h5-menu a:after {
  content: '';
  width: 0.14rem;
  height: 0.14rem;
  margin-left: auto;
  border-top: 1px solid #c0c4cc;
  border-right: 1px solid #c0c4cc;
  transform: rotate(45deg);
}

body.tw-h5-my .indexTitle,
body.tw-h5-my .HotCourseList {
  padding-left: 0.24rem !important;
  padding-right: 0.24rem !important;
}

/* ========== 会员内页（account / validate / 宫格等） ========== */
body.tw-h5-member {
  background: var(--h5-bg);
  color: var(--h5-text);
}

body.tw-h5-member .head-bar {
  background: #fff;
  border-bottom: 1px solid var(--h5-border);
}

body.tw-h5-member .head-bar-title {
  font-weight: 600;
}

body.tw-h5-member .btn-blue {
  background: var(--h5-primary);
  border-radius: 8px;
}

body.tw-h5-member .btn {
  border-radius: 8px;
}

body.tw-h5-member .ui-head i {
  background: var(--h5-primary);
}

body.tw-h5-member .ui-form {
  background: var(--h5-card);
}

body.tw-h5-member .ui-form input[type='text']:focus,
body.tw-h5-member .ui-form input[type='password']:focus,
body.tw-h5-member .ui-form input[type='tel']:focus,
body.tw-h5-member .ui-form input[type='email']:focus,
body.tw-h5-member .ui-form input[type='number']:focus,
body.tw-h5-member .ui-form textarea:focus,
body.tw-h5-member .ui-form select:focus {
  border-color: rgba(78, 110, 242, 0.48);
}

body.tw-h5-member .list-set,
body.tw-h5-member .list-img {
  border-color: var(--h5-border);
}

body.tw-h5-member .list-set div,
body.tw-h5-member .list-img {
  border-color: var(--h5-border);
}

body.tw-h5-member .list-tab {
  background: #fff;
}

body.tw-h5-member .list-tab ul {
  border-color: var(--h5-border);
}

body.tw-h5-member .list-tab li {
  border-color: var(--h5-border);
  color: var(--h5-muted);
}

body.tw-h5-member .list-tab .on {
  background: var(--h5-primary);
  color: #fff;
}

body.tw-h5-member .list-tab .on span {
  color: #fff;
}

body.tw-h5-member .list-menu {
  background: #fff;
  border-bottom: 1px solid var(--h5-border);
}

body.tw-h5-member .list-menu .on {
  color: var(--h5-primary);
  box-shadow: inset 0 -2px 0 var(--h5-primary);
}

body.tw-h5-member .warn {
  background: #fff;
  border-bottom: 1px solid var(--h5-border);
}

body.tw-h5-member .pages {
  background: var(--h5-bg);
}

body.tw-h5-member .pages a {
  border-color: var(--h5-border);
  border-radius: 4px;
}

body.tw-h5-member .gird-4 {
  margin: 12px;
  padding: 8px 0 4px;
  background: #fff;
  border: 1px solid var(--h5-border);
  border-radius: 8px;
}

body.tw-h5-member .gird-4 a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
}

body.tw-h5-member .gird-4 img {
  display: none;
}

body.tw-h5-member .gird-4 span {
  padding: 0 6px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--h5-text);
}

body.tw-h5-member .ui-pop div a {
  color: var(--h5-text);
}

body.tw-h5-member .f_blue {
  color: var(--h5-primary);
}

body.tw-h5-member a.b:link,
body.tw-h5-member a.b:visited,
body.tw-h5-member a.b:active {
  color: var(--h5-primary);
}

body.tw-h5-member .btn-gold {
  background: #dfbf96;
  color: #4f1d01;
}

body.tw-h5-member .btn-gold:hover {
  background: #a97843;
  color: #fff;
}

/* 登录 / 注册 / 找回密码：对齐全站白卡片与主色 */
body.tw-h5-member .head-bar-title {
  color: #1f2937;
  font-size: 16px;
}
body.tw-h5-member .head-bar-right span {
  font-size: 14px;
  color: #4e6ef2;
}
body.tw-h5-member .h5-auth {
  padding: 8px 16px 40px;
}
body.tw-h5-member .h5-auth-hero {
  text-align: center;
  padding: 20px 8px 16px;
}
body.tw-h5-member .h5-auth-hero img {
  display: inline-block;
  height: 36px;
  max-width: 70%;
  object-fit: contain;
}
body.tw-h5-member .h5-auth-hero strong {
  display: block;
  margin-top: 12px;
  font-size: 20px;
  line-height: 28px;
  color: #1f2937;
}
body.tw-h5-member .h5-auth-hero p {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: #667085;
}
body.tw-h5-member .list-inp {
  background: transparent;
  padding: 0;
}
body.tw-h5-member .list-inp > div {
  height: auto;
  line-height: normal;
  padding: 8px 0 0;
}
body.tw-h5-member .list-inp input[type="text"],
body.tw-h5-member .list-inp input[type="password"],
body.tw-h5-member .list-inp input[type="tel"],
body.tw-h5-member .list-inp input[type="email"],
body.tw-h5-member .list-inp input[type="number"] {
  height: 48px;
  border: 1px solid #d9e2ef;
  border-radius: 12px;
  background: #fff;
  padding: 0 14px;
  font-size: 15px;
}
body.tw-h5-member .list-inp input:focus {
  border-color: rgba(78, 110, 242, .55);
}
body.tw-h5-member .list-btn {
  padding: 0;
}
body.tw-h5-member .btn-blue,
body.tw-h5-member .btn-green,
body.tw-h5-member .btn {
  height: 48px;
  line-height: 48px;
  border-radius: 24px;
  font-size: 16px;
}
body.tw-h5-member .btn-blue {
  background: #4e6ef2;
}
body.tw-h5-member .btn-green {
  background: #07c160;
}
body.tw-h5-member .btn {
  background: #e8eeff;
  color: #4e6ef2;
}
body.tw-h5-member .list-set {
  margin: 0;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
}
body.tw-h5-member .list-set li {
  background: #fff;
}
body.tw-h5-member .list-set div {
  margin-left: 16px;
  padding-right: 28px;
  background-image: none;
  position: relative;
}
body.tw-h5-member .list-set div:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: 1.5px solid #c0c4cc;
  border-right: 1.5px solid #c0c4cc;
  transform: rotate(45deg);
}
body.tw-h5-member .list-set a {
  color: #344054;
}
body.tw-h5-member .blank-36.main,
body.tw-h5-member .blank-600.main {
  height: 16px !important;
}
body.tw-h5-member #oauth {
  padding: 8px 0 16px;
}
body.tw-h5-member #oauth img {
  width: 40px !important;
  height: 40px !important;
  margin: 0 8px !important;
}
body.tw-h5-member .ui-form {
  margin: 12px 16px 24px;
  padding: 12px 16px 24px;
  border-radius: 12px;
}
body.tw-h5-member .h5-auth .ui-form {
  margin: 0;
}
body.tw-h5-member .ui-form input[type="text"],
body.tw-h5-member .ui-form input[type="password"],
body.tw-h5-member .ui-form input[type="tel"],
body.tw-h5-member .ui-form input[type="email"],
body.tw-h5-member .ui-form input[type="number"] {
  height: 48px;
  border: 1px solid #d9e2ef;
  border-radius: 12px;
}
body.tw-h5-member .ui-ok {
  margin: 24px 0;
  padding: 32px 16px;
  background: #fff;
  border-radius: 12px;
}
body.tw-h5-member .ui-ok p {
  font-size: 16px;
  color: #1f2937;
}
body.tw-h5-member .ui-ball {
  display: none;
}
body.tw-h5-member #iagree,
body.tw-h5-member .px12 {
  color: #667085 !important;
}