@charset "utf-8";
/* ============================================================
   会员中心新版样式（仅覆盖视觉，不改功能逻辑）
   设计基调：顶部 #4FB4DE 蓝条 / 白卡片侧栏+内容区 / 主色 #2e8fc7
   在 login.css 之后引入（header.php 中 <link> 顺序在后即可覆盖）
   ============================================================ */

/* ---------- 1. 顶部条：深色 → 蓝色 ---------- */
.user-header {
	background: #4FB4DE;
	box-shadow: 0 1px 4px rgba(0,0,0,.12);
}
.user-header .fl b {
	color: #fff;
	font-weight: 700;
	text-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.user-header .fr a {
	color: #fff;
}
.user-header .fr a:hover {
	background: rgba(255,255,255,.16);
}
.user-header .fr strong {
	opacity: .95;
}
/* 顶栏分隔竖线淡一些（原为黑边） */
.user-header .fl a:after {
	border-right-color: rgba(255,255,255,.35);
}

/* ---------- 2. 主体背景：浅灰，去掉底图装饰 ---------- */
.user-container {
	background: #f2f3f5;
}

/* ---------- 3. 桌面容器对齐：顶部条与主体同宽（1360px 居中） ---------- */
@media (min-width:1201px) {
	.user-header .box {
		width: 1360px;
		max-width: 100%;
		padding: 0 12px;
		box-sizing: border-box;
	}
	.user-container .user-box {
		width: 1360px;
		max-width: 100%;
		padding: 0 12px;
		box-sizing: border-box;
		display: flex;
		gap: 16px;
		align-items: flex-start;
	}
	.user-container .user-nav {
		width: 200px;
		flex: none;
	}
	.user-container .user-content {
		width: auto;
		min-width: 0;
		flex: 1;
		float: none;
	}
}

/* ---------- 4. 侧栏：白卡圆角 + 分组小灰字 + 菜单左蓝边 ---------- */
.user-container .user-nav {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 3px rgba(0,0,0,.15);
	padding: 10px 0 16px;
	border-top: 0;
}
.user-container .user-nav h2 {
	font-size: 12px;
	color: #999;
	font-weight: 400;
	padding: 14px 16px 6px;
	letter-spacing: 1px;
	margin: 0;
}
.user-container .user-nav h2 i {
	font-size: 12px;
	color: #999;
}
.user-container .user-nav li {
	border-bottom: 0;
	padding: 0;
}
.user-container .user-nav ol {
	margin-top: 0;
	padding: 0;
}
.user-container .user-nav ol a {
	display: block;
	font-size: 13px;
	color: #444;
	padding: 9px 16px 9px 22px;
	border-left: 3px solid transparent;
	transition: all .15s;
	width: auto;
}
.user-container .user-nav ol a:hover,
.user-container .user-nav ol a.hover {
	background: #f6fafd;
	color: #2e8fc7;
	border-left-color: #4FB4DE;
	border-radius: 0;
	font-weight: 700;
}

/* ---------- 5. 内容区卡片与标题 ---------- */
.user-content {
	background: transparent;
}
.user-table {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 3px rgba(0,0,0,.15);
}
.user-table .h1 {
	background: #fbfbfb;
	border-bottom: 1px solid #eee;
	border-radius: 4px 4px 0 0;
	color: #222;
	font-size: 15px;
	font-weight: 700;
}
.user-table .h1 a {
	color: #2e8fc7;
}
.user-table .h2 {
	background: #f9f9f9;
	color: #666;
}
.user-table .h3 {
	background: #fbfbfb;
	border-top: 1px solid #eee;
}

/* ---------- 6. 表格、表单控件：统一蓝主色 ---------- */
.user-table table td {
	font-size: 13px;
	color: #333;
}
.user-table table td a {
	color: #2e8fc7;
}
.user-table input[type="text"],
.user-table input[type="password"],
.user-table input[type="file"],
.user-table select,
.user-table textarea {
	border: 1px solid #d9dde1;
	border-radius: 3px;
	background: #fff;
	box-shadow: none;
	padding: 7px 10px;
	font-family: inherit;
	font-size: 13px;
	color: #333;
	box-sizing: border-box;
}
.user-table textarea {
	line-height: 1.7;
	resize: vertical;
}
.user-table select {
	min-width: 120px;
}
.user-table input[type="text"] {
	width: 420px;
	max-width: 100%;
}
/* 覆盖 login.css 中 .user-table table input 的 5px/28px（特异性更高） */
.user-table table select,
.user-table table input[type="text"],
.user-table table input[type="password"],
.user-table table input[type="button"],
.user-table table input[type="reset"],
.user-table table input[type="submit"] {
	padding: 7px 10px;
	height: auto;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 13px;
	color: #333;
}
.user-table input[type="text"]:focus,
.user-table input[type="password"]:focus,
.user-table input[type="file"]:focus,
.user-table select:focus,
.user-table textarea:focus {
	border-color: #4FB4DE !important;
	box-shadow: 0 0 0 2px rgba(79,180,222,.18) !important;
}
.user-table input[type="submit"] {
	background-color: #2e8fc7;
	border-color: #2e8fc7;
	color: #fff;
	border-radius: 4px;
}
.user-table input[type="submit"]:hover,
.user-table input[type="submit"]:focus,
.user-table input[type="submit"]:active {
	background-color: #2781b6;
	border-color: #2781b6;
	box-shadow: 0 2px 6px rgba(46,143,199,.3);
}
.user-table input[type="button"],
.user-table input[type="reset"] {
	color: #666;
	border-color: #d9dde1;
	border-radius: 4px;
	background: #fff;
}
.user-table input[type="button"]:hover,
.user-table input[type="reset"]:hover {
	color: #ffffff;
	border-color: #b9c2c9;
	box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

/* ---------- 7. 底部 ---------- */
.user-footer {
	background: transparent;
	color: #aaa;
}
.user-footer .box p {
	color: #aaa;
	font-size: 12px;
	line-height: 1.9;
	text-align: center;
}
.user-footer a {
	color: #aaa;
}

/* ---------- 8. 平板（640-1200px）：保留原布局行为，仅统一视觉 ---------- */
@media screen and (min-width:640px) and (max-width:1200px) {
	.user-header {
		background: #4FB4DE;
	}
	.user-container {
		background: #f2f3f5;
	}
	.user-container .user-nav {
		border-radius: 0;
		padding: 5px 0;
	}
	.user-container .user-nav h2 {
		padding: 10px 16px 4px;
	}
	.user-container .user-nav ol a {
		padding: 8px 16px 8px 22px;
		border-left: 3px solid transparent;
	}
	.user-container .user-nav ol a:hover,
	.user-container .user-nav ol a.hover {
		background: #f6fafd;
		color: #2e8fc7;
		border-left-color: #4FB4DE;
	}
	.user-table {
		border-radius: 0;
	}
}

/* ---------- 9. 手机（<640px）：保留原抽屉/布局行为，仅统一视觉 ---------- */
@media only screen and (max-width:640px) {
	.user-header {
		background: #4FB4DE;
	}
	.user-container {
		background: #f2f3f5;
	}
	.user-container .user-nav {
		border-radius: 0;
	}
	.user-table {
		border-radius: 0;
	}
}
/* （注：内容由AI生成） */

/* ===== 修正：会员中心左侧导航悬停（覆盖 login.css 的白字/深底，全站生效；不影响其它样式） ===== */
.user-container .user-nav ol li:hover a,
.user-container .user-nav ol li.hover a,
.user-container .user-nav ol a:hover,
.user-container .user-nav ol a.hover{
	color:#2e8fc7 !important;
	background:#f6fafd !important;
	border-left-color:#4fb4de !important;
	border-radius:0;
	box-shadow:none !important;
	font-weight:700;
}
.user-container .user-nav ol a:focus,
.user-container .user-nav ol a:active{outline:none}


/* 会员中心手机布局：表单纵向排列，多列明细保留全部列并可横向滚动。 */
@media only screen and (max-width: 768px) {
  .user-header { height: 50px; z-index: 1002; }
  .user-header .box { display: flex; align-items: center; justify-content: space-between; padding: 0 8px; height: 50px; }
  .user-header .fl { float: none; min-width: 0; }
  .user-header .fl b, .user-header .fl a:after { display: none; }
  .user-header .fl img { max-width: 64px; height: 28px; object-fit: contain; }
  .user-header .fr { position: static; float: none; display: flex; align-items: center; flex: 0 0 auto; }
  .user-header .fr a { display: flex; flex-direction: column; align-items: center; min-width: 42px; padding: 6px; }
  .user-header .fr a.a { display: none; }
  .user-header .fr b { display: flex; align-items: center; justify-content: center; padding: 0 10px; min-width: 44px; height: 50px; cursor: pointer; }
  .user-container { margin-top: 50px; padding: 12px 0; }
  .user-container .user-box { width: 100%; max-width: 100%; padding: 0 8px; }
  .user-container .user-content { width: 100%; min-width: 0; float: none; }
  .user-table { min-width: 0; max-width: 100%; }
  .user-container .user-nav { top: 50px; z-index: 1001; padding: 8px 0 20px; -webkit-overflow-scrolling: touch; }
  .user-container .user-nav > ul > li { width: 100%; height: auto; padding: 0; border: 0; }
  .user-container .user-nav ol li { width: 50%; height: auto; }
  .user-container .user-nav ol a { display: flex; align-items: center; justify-content: center; padding: 10px 6px; min-height: 44px; overflow-wrap: anywhere; }
  .user-container .user-nav b { min-height: 44px; }
  .user-table .h1 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; height: auto; min-height: 50px; padding: 10px 12px; line-height: 1.6; }
  .user-table .h1 a { float: none; margin-left: auto; }
  .user-table .h3, .user-table .p, .user-table .alert { height: auto; overflow-wrap: anywhere; }
  .user-table input[type="text"], .user-table input[type="password"],
  .user-table input[type="email"], .user-table input[type="number"],
  .user-table input[type="tel"], .user-table input[type="url"],
  .user-table select, .user-table textarea {
    width: 100%; max-width: 100% !important; min-width: 0;
    box-sizing: border-box; font-size: 16px; float: none;
  }
  .user-table table input[type="text"], .user-table table input[type="password"],
  .user-table table select { width: 100%; font-size: 16px; min-height: 40px; }
  .user-table input[type="file"] { width: 100%; max-width: 100%; }
  .user-table input[type="checkbox"], .user-table input[type="radio"] { width: auto !important; min-width: 0; }
  .user-table input[type="submit"], .user-table input[type="button"], .user-table input[type="reset"], .user-table button { max-width: 100%; min-height: 40px; white-space: normal; }
  .user-table img { max-width: 100%; height: auto; }
  .user-table .pic { max-width: 100%; }
  .user-table ol.lx { display: flex; flex-wrap: wrap; width: 100%; padding: 8px; gap: 8px; }
  .user-table ol.lx li { width: auto; max-width: 100%; margin: 0; float: none; }

  /* 这些类由 index.js 标记，表格本身不移动，保留原有表单控件关联。 */
  .user-table table.ksj-mobile-form, .user-table table.ksj-mobile-form > tbody,
  .user-table table.ksj-mobile-form > tbody > tr, .user-table table.ksj-mobile-form > tr {
    display: block; width: 100%; min-width: 0; float: none; padding: 0; box-sizing: border-box;
  }
  .user-table table.ksj-mobile-form > tbody > tr > td,
  .user-table table.ksj-mobile-form > tr > td {
    display: block !important; width: 100% !important; min-width: 0; height: auto;
    padding: 9px 12px; box-sizing: border-box; overflow-wrap: anywhere;
  }
  .user-table table.ksj-mobile-form > tbody > tr.ksj-mobile-field > td:first-child,
  .user-table table.ksj-mobile-form > tr.ksj-mobile-field > td:first-child {
    padding-bottom: 5px; background: #fafbfc; border-bottom: 0; color: #666;
  }
  .user-table table.ksj-mobile-data {
    display: block; width: 100%; max-width: 100%; min-width: 0; float: none; padding: 0;
    overflow-x: auto; -webkit-overflow-scrolling: touch;
  }
  .user-table table.ksj-mobile-data::before {
    content: '左右滑动查看完整信息'; display: block; position: sticky; left: 0;
    padding: 8px 12px; background: #f4f8fb; color: #668399; font-size: 12px;
  }
  .user-table table.ksj-mobile-data > tbody {
    display: table; width: 100%; min-width: var(--ksj-table-width, 480px); table-layout: auto;
  }
  .user-table table.ksj-mobile-data > tbody > tr > td,
  .user-table table.ksj-mobile-data > tbody > tr > th {
    display: table-cell !important; width: auto !important; padding: 10px 12px;
    min-width: 48px; height: auto; vertical-align: middle;
  }
  .user-table table.ksj-mobile-data a { overflow-wrap: anywhere; }
  .user-table table.ksj-mobile-compact { width: 100%; float: none; padding: 4px; table-layout: fixed; }
  .user-table table.ksj-mobile-compact > tbody > tr > td { display: table-cell !important; width: auto !important; padding: 8px 4px; overflow-wrap: anywhere; }
  .user-table .pay-money { white-space: normal; }
  .user-table .pay-money span { max-width: 100%; margin: 4px 4px 4px 0; padding: 10px; }
  .user-table .pay-type img { display: inline-block; width: auto; max-width: 46%; height: 40px; object-fit: contain; margin: 4px; vertical-align: middle; }

  .user-container .user-content .user-name .user-name-l { width: 100%; height: auto; padding: 12px; display: flex; gap: 12px; }
  .user-container .user-content .user-name .user-name-l .user-pic { position: static; width: 60px; height: 60px; flex: 0 0 60px; }
  .user-container .user-content .user-name .user-name-l .user-txt { width: auto; min-width: 0; margin-left: 0; padding: 0; flex: 1; }
  .user-container .user-content .user-name .user-name-l .user-txt p { padding: 0; height: auto; line-height: 1.8; overflow-wrap: anywhere; }
  .user-container .user-content .user-name .user-name-r { display: flex; flex-wrap: wrap; width: 100%; height: auto; padding: 8px; gap: 8px; }
  .user-container .user-content .user-name .user-name-r a { width: calc(50% - 4px); margin: 0; min-height: 70px; }
  .user-container .list-txt { display: block; width: 100%; }
  .user-container .list-txt .fl, .user-container .list-txt .fr { width: 100%; float: none; }
  .user-container .list-txt .fl li, .user-container .list-txt .fr li { height: auto; min-height: 36px; }
  .user-footer .box { width: 100%; max-width: 100%; padding: 12px; overflow-wrap: anywhere; }
}