/* ============================================================
   xiaoer_vip myui 兜底样式 (修复用户中心等系统页无CSS问题)
   模板原引用 mytheme-*.css 全部缺失(404), 此文件补齐布局
   深色风格与全站统一
   ============================================================ */
* { box-sizing:border-box; }
html,body { margin:0; padding:0; background:#0b0e14; color:#e8ecf4; font-family:"Microsoft YaHei","PingFang SC",sans-serif; font-size:14px; line-height:1.6; }
a { color:#8b94a8; text-decoration:none; transition:color .15s; }
a:hover { color:#a78bfa; }
img { max-width:100%; border:0; vertical-align:middle; }
ul,ol,dl,dd { margin:0; padding:0; list-style:none; }
p { margin:0 0 10px; }
h1,h2,h3,h4,h5,h6 { margin:0 0 10px; font-weight:600; color:#e8ecf4; }
input,select,textarea,button { font-family:inherit; font-size:14px; }
button { cursor:pointer; }

/* ---------- 布局容器 ---------- */
.container { width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; }
.container.min { max-width:1200px; }
.row { margin-right:-15px; margin-left:-15px; }
.row:after { content:""; display:table; clear:both; }
[class*=col-] { position:relative; min-height:1px; padding-right:15px; padding-left:15px; float:left; }
.col-pd { padding:10px; }
.clearfix:after { content:""; display:table; clear:both; }
.text-center { text-align:center; }
.text-muted { color:#6b7280; }
.pull-right { float:right; }
.hidden-xs { display:inline; }
.visible-xs { display:none; }

/* ---------- 顶部导航 ---------- */
.myui-header__top { position:fixed; top:0; left:0; right:0; z-index:999; background:rgba(13,17,23,.95); border-bottom:1px solid #1f2937; }
body { padding-top:60px; }
.myui-header_bd { display:flex; align-items:center; justify-content:space-between; height:60px; flex-wrap:wrap; }
.myui-header__logo { flex:0 0 auto; padding-right:30px; }
.myui-header__logo .logo { display:block; }
.myui-header__menu { display:flex; align-items:center; gap:0; margin:0; padding:0; }
.myui-header__menu > li { position:relative; }
.myui-header__menu > li > a { display:block; color:#98a2b3; padding:8px 12px; font-size:14px; }
.myui-header__menu > li > a:hover { color:#a78bfa; }
.myui-header__search { flex:1; max-width:360px; margin-left:auto; position:relative; }
.myui-header__search .search_wd { width:100%; height:34px; padding:0 40px 0 40px; background:#0f1420; border:1px solid #1f2937; border-radius:20px; color:#e8ecf4; }
.myui-header__search .submit { position:absolute; right:4px; top:2px; width:32px; height:30px; background:transparent; border:0; color:#8b94a8; }
.myui-header__search .search-select { display:none; }
.myui-header__user { flex:0 0 auto; display:flex; align-items:center; margin-left:15px; }
.myui-header__user a { color:#98a2b3; padding:0 6px; }
.myui-header__user a:hover { color:#a78bfa; }
.dropdown-box { display:none; position:absolute; top:100%; left:0; background:#141a26; border:1px solid #1f2937; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.5); z-index:1000; min-width:160px; padding:10px; }
.dropdown-hover:hover .dropdown-box { display:block; }
.dropdown-box .item li { padding:5px 10px; font-size:13px; color:#98a2b3; cursor:pointer; }
.dropdown-box .item li:hover { color:#a78bfa; }
.dropdown-box .item li a { color:#98a2b3; display:block; }
.dropdown-box .item li a:hover { color:#a78bfa; }
.dropdown-box .nav-list li { float:left; width:20%; }

/* ---------- 面板/卡片 ---------- */
.myui-panel { margin-bottom:20px; background:#141a26; border:1px solid #1f2937; border-radius:10px; }
.myui-panel-box { padding:0; }
.myui-panel_hd { padding:14px 16px; border-bottom:1px solid #1f2937; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.myui-panel_hd h3.title { font-size:17px; color:#e8ecf4; }
.myui-panel_hd h3.title:before { content:""; display:inline-block; width:4px; height:16px; background:linear-gradient(135deg,#7c5cfc,#b16df0); border-radius:2px; margin-right:8px; vertical-align:-2px; }
.myui-panel_bd, .myui-pannel_bd { padding:16px; }
.myui-panel .nav-tabs { display:flex; list-style:none; margin:0; padding:0; border-bottom:1px solid #1f2937; }
.myui-panel .nav-tabs li a { display:block; padding:10px 16px; color:#98a2b3; font-size:14px; }
.myui-panel .nav-tabs li.active a { color:#a78bfa; border-bottom:2px solid #7c5cfc; }

/* ---------- 用户中心 ---------- */
.myui-user__name { position:relative; padding:40px 30px; border-radius:10px; margin-bottom:20px; background:linear-gradient(135deg,#1a2231,#2a1b4a); border:1px solid #1f2937; }
.myui-user__name dt { float:left; }
.myui-user__name dd { margin-left:90px; padding-top:5px; }
.myui-user__name h3 { margin:3px 0 5px; font-size:18px; color:#fff; }
.myui-user__name p { color:#8b94a8; font-size:13px; }
.myui-user__name .logout { position:absolute; top:15px; right:20px; }
.myui-user__head { display:flex; gap:6px; margin-bottom:20px; flex-wrap:wrap; }
.myui-user__head li a { display:block; padding:10px 16px; background:#141a26; border:1px solid #1f2937; border-radius:8px; color:#98a2b3; font-size:14px; }
.myui-user__head li a:hover { color:#a78bfa; border-color:#7c5cfc; }
.myui-user__form p { margin:0; padding:12px 0; display:flex; align-items:center; }
.myui-user__form .xiang { display:inline-block; width:120px; padding-right:15px; text-align:right; color:#8b94a8; }
.myui-user__form .form-control, .myui-user__form input[type=text], .myui-user__form input[type=password], .myui-user__form input[type=email] { display:inline-block; width:240px; height:34px; padding:6px 12px; background:#0f1420; border:1px solid #1f2937; border-radius:6px; color:#e8ecf4; }
.myui-user__form .form-control:focus { border-color:#7c5cfc; outline:none; }
.myui-user__form .btn, .btn { display:inline-block; padding:8px 20px; background:linear-gradient(135deg,#7c5cfc,#b16df0); border:0; border-radius:8px; color:#fff; font-size:14px; }
.myui-user__form .btn:hover { opacity:.9; }
.btn-default { background:#1a2231; border:1px solid #1f2937; color:#98a2b3; }
.btn-sm { padding:5px 12px; font-size:12px; }
.btn-block { display:block; width:100%; text-align:center; }

/* ---------- 历史/收藏列表 ---------- */
.history-list { display:flex; gap:10px; list-style:none; padding:0; flex-wrap:wrap; }
.history-list li { width:80px; text-align:center; }
.history-list li a { color:#98a2b3; font-size:12px; }
.history-list li img { width:80px; height:110px; object-fit:cover; border-radius:6px; }

/* ---------- 页脚 ---------- */
.myui-foot { margin-top:30px; padding:20px 0; background:#0b0e14; border-top:1px solid #1f2937; }
.myui-foot .text-center { color:#6b7280; font-size:12px; }
.myui-foot a { color:#8b94a8; }

/* ---------- 分页 ---------- */
.myui-page { padding:10px 0; text-align:center; }
.myui-page .page-link, .myui-page a { display:inline-block; min-width:32px; padding:6px 10px; margin:0 3px; background:#141a26; border:1px solid #1f2937; border-radius:6px; color:#98a2b3; }
.myui-page .active a, .myui-page a:hover { background:linear-gradient(135deg,#7c5cfc,#b16df0); color:#fff; border-color:transparent; }

/* ---------- 移动端 ---------- */
@media (max-width:767px) {
  body { padding-bottom:56px; }
  .myui-header__menu > li > a { padding:8px 8px; font-size:13px; }
  .visible-xs { display:inline; }
  .hidden-xs { display:none; }
  .myui-header__search { max-width:140px; }
  .myui-user__form p { flex-wrap:wrap; }
  .myui-user__form .xiang { width:100%; text-align:left; padding-bottom:4px; }
  .myui-user__form .form-control, .myui-user__form input { width:100%; }
  .myui-user__name { padding:20px; }
  .myui-user__name dd { margin-left:70px; }
  .myui-user__head li a { padding:8px 10px; font-size:13px; }
  .dropdown-box .nav-list li { width:33.33%; }
  body { padding-top:52px; }
  .myui-header_bd { height:52px; }
}/* ============================================================
   xiaoer_vip 用户中心布局美化 v2
   纯CSS覆盖: 信息卡/快捷入口/表单/面板 视觉升级
   不动HTML结构, 后台联动保持不变
   ============================================================ */

/* ---------- 用户信息大头卡 ---------- */
.myui-user__name {
  background: linear-gradient(135deg,#1e1b3a 0%,#2a1b4a 55%,#3b1d5e 100%) !important;
  border: 1px solid #2a2348 !important;
  border-radius: 14px !important;
  padding: 36px 32px !important;
  box-shadow: 0 8px 30px rgba(124,92,252,.18) !important;
  position: relative !important;
  overflow: hidden !important;
}
/* 装饰光斑 */
.myui-user__name::after {
  content: ""; position: absolute; right: -40px; top: -50px;
  width: 180px; height: 180px; border-radius: 50%;
  background: radial-gradient(circle, rgba(177,109,240,.35) 0%, transparent 70%);
  pointer-events: none;
}
.myui-user__name dt img, .myui-user__name dt { border-radius: 50% !important; }
.myui-user__name dt img { border: 3px solid rgba(255,255,255,.25) !important; box-shadow: 0 4px 16px rgba(0,0,0,.4) !important; }
.myui-user__name dd h3 { color: #fff !important; font-size: 20px !important; font-weight: 700 !important; }
.myui-user__name dd p { color: rgba(232,236,244,.65) !important; font-size: 13px !important; }
.myui-user__name .logout {
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 20px !important;
  color: #e8ecf4 !important;
  padding: 5px 14px !important;
  font-size: 12px !important;
  transition: all .2s !important;
}
.myui-user__name .logout:hover { background: rgba(239,68,68,.75) !important; border-color: transparent !important; }

/* ---------- 快捷入口宫格 ---------- */
.myui-user__head { gap: 10px !important; margin-bottom: 22px !important; }
.myui-user__head li { flex: 1 1 22% !important; min-width: 100px !important; }
.myui-user__head li a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 16px 8px !important;
  background: #141a26 !important;
  border: 1px solid #1f2937 !important;
  border-radius: 12px !important;
  color: #98a2b3 !important;
  font-size: 13px !important;
  transition: all .2s !important;
  text-align: center !important;
}
.myui-user__head li a::before {
  content: ""; width: 30px; height: 30px;
  background: linear-gradient(135deg,#7c5cfc,#b16df0);
  border-radius: 9px;
  box-shadow: 0 3px 10px rgba(124,92,252,.35);
}
.myui-user__head li a:hover {
  transform: translateY(-3px);
  border-color: #7c5cfc;
  color: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,.35);
}

/* ---------- 面板 ---------- */
.myui-panel { border-radius: 14px !important; box-shadow: 0 4px 18px rgba(0,0,0,.3) !important; }
.myui-panel_hd { border-bottom: 1px solid #1f2937 !important; }
.myui-panel_hd h3.title { font-size: 16px !important; }

/* ---------- 资料表单 ---------- */
.myui-user__form { padding: 18px 22px !important; }
.myui-user__form p {
  display: flex !important; align-items: center !important;
  padding: 13px 0 !important; margin: 0 !important;
  border-bottom: 1px dashed rgba(31,41,55,.6) !important;
}
.myui-user__form p:last-child { border-bottom: none !important; }
.myui-user__form .xiang {
  color: #a78bfa !important; font-weight: 600 !important;
  width: 110px !important; text-align: right !important;
}
.myui-user__form input, .myui-user__form textarea, .myui-user__form select {
  height: 34px !important; border-radius: 8px !important;
}
.myui-user__form .btn { border-radius: 8px !important; padding: 8px 26px !important; }

/* ---------- 页脚 ---------- */
.myui-foot { margin-top: 36px !important; }

/* ---------- 移动端适配 ---------- */
@media (max-width:767px) {
  .myui-user__name { padding: 22px 18px !important; }
  .myui-user__head li { min-width: 30% !important; flex: 1 1 30% !important; }
  .myui-user__head li a { padding: 12px 6px !important; font-size: 12px !important; }
  .myui-user__form { padding: 12px 14px !important; }
  .myui-user__form .xiang { width: 100% !important; text-align: left !important; padding-bottom: 4px !important; }
  .myui-user__form p { flex-wrap: wrap !important; }
}/* ============================================================
   xiaoer_vip 用户中心全入口 UI 优化 v3
   覆盖: 登录/注册页 + 内页表单/列表 + 分页 + 按钮
   深色卡片风格, 与全站统一
   ============================================================ */

/* ---------- 登录/注册表单 ---------- */
.myui-login__form {
  width: 400px !important;
  max-width: 92% !important;
  padding: 32px 34px !important;
  margin: 40px auto 60px !important;
  background: #141a26 !important;
  border: 1px solid #1f2937 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.5) !important;
}
.myui-login__form .head { margin-bottom: 20px !important; }
.myui-login__form .head img {
  height: 48px !important; width: auto !important; margin-bottom: 8px !important;
  border-radius: 8px !important;
}
.myui-login__form .head h5 { color: #e8ecf4 !important; font-size: 17px !important; margin: 6px 0 0 !important; }
.myui-login__form .input-list li { margin: 14px 0 !important; list-style: none !important; }
.myui-login__form .form-control {
  width: 100% !important; height: 42px !important;
  padding: 0 14px !important;
  background: #0f1420 !important;
  border: 1px solid #1f2937 !important; border-radius: 10px !important;
  color: #e8ecf4 !important; font-size: 14px !important;
  outline: none !important; transition: border-color .2s !important;
}
.myui-login__form .form-control:focus { border-color: #7c5cfc !important; }
.myui-login__form .form-control::placeholder { color: #4a5568 !important; }
.myui-login__form .btn, .myui-login__form button[type=submit] {
  width: 100% !important; height: 42px !important;
  background: linear-gradient(135deg,#7c5cfc,#b16df0) !important;
  border: none !important; border-radius: 10px !important;
  color: #fff !important; font-size: 15px !important; font-weight: 600 !important;
  cursor: pointer !important; transition: opacity .2s !important;
}
.myui-login__form .btn:hover, .myui-login__form button[type=submit]:hover { opacity: .9 !important; }
.myui-login__form .text-center { color: #8b94a8 !important; }
.myui-login__form a { color: #a78bfa !important; }

/* ---------- 内页通用面板 ---------- */
.myui-panel { border-radius: 14px !important; overflow: hidden !important; }
.myui-panel-bg { background: #141a26 !important; border: 1px solid #1f2937 !important; }
.myui-panel_hd { background: #161d2b !important; border-bottom: 1px solid #1f2937 !important; padding: 14px 18px !important; }
.myui-panel_bd, .myui-pannel_bd { padding: 18px !important; }

/* ---------- 内页表单 ---------- */
.myui-user__form input.form-control,
.myui-user__form textarea.form-control,
.myui-user__form select.form-control {
  height: 36px !important; padding: 6px 12px !important;
  background: #0f1420 !important; border: 1px solid #1f2937 !important;
  border-radius: 8px !important; color: #e8ecf4 !important;
}
.myui-user__form textarea.form-control { height: auto !important; min-height: 80px !important; }
.myui-user__form input.form-control:focus,
.myui-user__form textarea.form-control:focus { border-color: #7c5cfc !important; outline: none !important; }

/* ---------- 收藏/下载等列表 ---------- */
.myui-vodlist__media li, .myui-vodlist__text li {
  background: #141a26 !important;
  border: 1px solid #1f2937 !important;
  border-radius: 10px !important;
  margin-bottom: 10px !important;
  padding: 12px !important;
  transition: border-color .2s, transform .2s !important;
}
.myui-vodlist__media li:hover, .myui-vodlist__text li:hover {
  border-color: #7c5cfc !important; transform: translateY(-2px) !important;
}
.myui-vodlist__media .title, .myui-vodlist__text .title { color: #e8ecf4 !important; font-size: 15px !important; }
.myui-vodlist__media .text-muted, .myui-vodlist__text .text-muted { color: #6b7280 !important; font-size: 13px !important; }
.myui-vodlist__media .btn, .myui-vodlist__text .btn { font-size: 12px !important; padding: 4px 12px !important; border-radius: 6px !important; }

/* ---------- 表格(卡密/充值记录等) ---------- */
.myui-panel_bd table, .myui-table, table.myui-table { width: 100% !important; border-collapse: collapse !important; }
.myui-panel_bd table th, .myui-table th {
  background: #161d2b !important; color: #98a2b3 !important;
  padding: 10px 12px !important; font-size: 13px !important;
  border-bottom: 1px solid #1f2937 !important; text-align: left !important;
}
.myui-panel_bd table td, .myui-table td {
  padding: 10px 12px !important; color: #d3dae6 !important;
  border-bottom: 1px solid rgba(31,41,55,.5) !important; font-size: 13px !important;
}
.myui-panel_bd table tr:hover td, .myui-table tr:hover td { background: #161d2b !important; }

/* ---------- 分页 ---------- */
.myui-page { padding: 18px 0 !important; text-align: center !important; }
.myui-page a, .myui-page span {
  display: inline-block !important; min-width: 32px !important; height: 32px !important;
  line-height: 32px !important; padding: 0 10px !important; margin: 0 3px !important;
  background: #141a26 !important; border: 1px solid #1f2937 !important;
  border-radius: 8px !important; color: #98a2b3 !important; font-size: 13px !important;
  text-decoration: none !important;
}
.myui-page a:hover, .myui-page .active a, .myui-page .active span {
  background: linear-gradient(135deg,#7c5cfc,#b16df0) !important;
  color: #fff !important; border-color: transparent !important;
}

/* ---------- 标签/徽标 ---------- */
.badge, .badge-first, .badge-second, .badge-third {
  background: #7c5cfc !important; color: #fff !important; border-radius: 4px !important; padding: 2px 7px !important; font-size: 11px !important;
}
.text-red { color: #f87171 !important; }
.text-333 { color: #e8ecf4 !important; }
.text-muted { color: #6b7280 !important; }

/* ---------- 空状态提示 ---------- */
.myui-panel_bd .text-center, .myui-panel_bd p:only-child { color: #6b7280 !important; padding: 40px 0 !important; text-align: center !important; }

/* ---------- 移动端 ---------- */
@media (max-width:767px) {
  .myui-login__form { width: 94% !important; padding: 22px 18px !important; margin: 20px auto 40px !important; }
  .myui-panel_bd, .myui-pannel_bd { padding: 10px !important; }
  .myui-panel_bd table td, .myui-table td { font-size: 12px !important; padding: 8px 6px !important; }
  .myui-vodlist__media li, .myui-vodlist__text li { padding: 8px !important; }
}