/* ===== 土木工程网 会员中心 · member.css ===== */
body.mc{
  margin:0;background:#f4f6fb;color:#1e293b;
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,"Segoe UI",sans-serif;
  font-size:14px;line-height:1.6;
}
body.mc a{color:#2563eb;text-decoration:none;transition:.2s}
body.mc a:hover{color:#1668c2}
img{border:0;max-width:100%}

/* ---------- 顶部横幅 ---------- */
.mc-hero{background:linear-gradient(135deg,#123f8f 0%,#1668c2 55%,#0891b2 100%);color:#fff;padding:22px 0 26px;position:relative;overflow:hidden}
.mc-hero::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:44px solid rgba(255,255,255,.06);right:-100px;top:-160px}
.mc-hero .wrap{position:relative;z-index:1}
.mc-crumb{font-size:12.5px;font-weight:600;color:#fff;letter-spacing:.3px;text-shadow:0 1px 2px rgba(10,30,80,.25)}
body.mc .mc-crumb a,.mc-crumb a{color:#fff}
.mc-crumb a:hover{opacity:.85}
.mc-hrow{margin-top:8px}
.mc-hrow h1{margin:0;font-size:26px;font-weight:800;letter-spacing:2px;color:#fff}
.mc-hmeta{margin-top:8px;font-size:13px;opacity:.85}
.mc-hmeta a:hover{opacity:1}

/* ---------- 布局 ---------- */
.mc-layout{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start;margin-top:26px;margin-bottom:46px}
.mc-side{position:sticky;top:16px}
.mc-main{min-width:0}

/* ---------- 侧栏用户卡 ---------- */
.mc-user{background:#fff;border-radius:14px;padding:26px 20px 22px;text-align:center;
  box-shadow:0 4px 18px rgba(30,41,89,.07);margin-bottom:14px;position:relative;overflow:hidden}
.mc-user::before{content:"";position:absolute;left:0;right:0;top:0;height:64px;
  background:linear-gradient(120deg,#eaf2fe,#e6f9fd)}
.mc-ava{width:64px;height:64px;border-radius:50%;margin:6px auto 10px;position:relative;
  background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;font-size:26px;font-weight:800;
  display:flex;align-items:center;justify-content:center;border:3px solid #fff;
  box-shadow:0 6px 16px rgba(79,70,229,.35)}
.mc-ava.g{background:linear-gradient(135deg,#94a3b8,#64748b)}
.mc-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.mc-uname{font-size:16px;font-weight:700;color:#1e293b;position:relative}
.mc-ugroup{font-size:12px;color:#9aa1b9;margin-top:3px;position:relative}
.mc-ustat{margin-top:10px;font-size:12px;color:#8a92a8;position:relative}
.mc-ustat b{color:#1668c2}
.mc-ulink{display:block;margin:14px 6px 0;padding:9px 0;border-radius:9px;font-size:13px;font-weight:600;
  background:linear-gradient(120deg,#4f46e5,#0891b2);color:#fff!important;transition:.2s}
.mc-ulink:hover{filter:brightness(1.08)}
.mc-ulink.reg{background:#fff;color:#4f46e5!important;border:1.5px solid #dfe3f5;margin-top:8px}
.mc-ulink.reg:hover{border-color:#a5b4fc;background:#f6f7ff}

/* ---------- 侧栏菜单 ---------- */
.mc-menu{background:#fff;border-radius:16px;padding:6px 12px 14px;
  box-shadow:0 6px 22px rgba(30,41,89,.08);border:1px solid #eef1f8}
.mc-mg{display:flex;align-items:center;gap:7px;font-size:11.5px;color:#98a1b8;letter-spacing:1.6px;
  font-weight:700;padding:15px 10px 6px}
.mc-mg::before{content:"";width:5px;height:5px;border-radius:2px;flex:none;
  background:linear-gradient(135deg,#4f46e5,#06b6d4)}
.mc-mg::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#e5e9f5,transparent)}
.mc-menu a{display:flex;align-items:center;gap:10px;padding:8px 11px;margin:2px 0;border-radius:10px;
  font-size:13.5px;color:#4b5570;position:relative;transition:.18s}
.mc-mi{font-style:normal;flex-shrink:0;width:27px;height:27px;display:inline-flex;
  align-items:center;justify-content:center;border-radius:9px;background:#f2f5fc;color:#6b7590;transition:.18s}
.mc-mi svg{width:15px;height:15px;display:block}
.mc-menu a::after{content:"›";margin-left:auto;font-size:15px;line-height:1;color:#b6bed2;
  opacity:0;transform:translateX(-4px);transition:.18s}
.mc-menu a:hover{background:#f4f7fd;color:#1668c2;transform:translateX(2px)}
.mc-menu a:hover::after{opacity:.8;transform:none}
.mc-menu a:hover .mc-mi{background:#e3ecfd;color:#1668c2}
.mc-menu a.on{background:linear-gradient(90deg,#eef3ff,#f0fbff);color:#1668c2;font-weight:700;
  box-shadow:inset 0 0 0 1px rgba(79,70,229,.13)}
.mc-menu a.on::before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3px;
  border-radius:3px;background:linear-gradient(180deg,#4f46e5,#06b6d4)}
.mc-menu a.on::after{opacity:.9;color:#1668c2;transform:none}
.mc-menu a.on .mc-mi{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;
  box-shadow:0 4px 10px -4px rgba(79,70,229,.6)}
.mc-menu a+.mc-mg{margin-top:6px}
.mc-menu a.exit{color:#b45309;margin-top:8px}
.mc-menu a.exit:hover{background:#fef4e6;color:#92400e;transform:none}
.mc-menu a.exit .mc-mi{background:#fdeed3;color:#b45309}
.mc-menu a.exit:hover .mc-mi{background:#fbd9a6;color:#92400e}

/* ---------- 内容卡片 ---------- */
.mc-card{background:#fff;border-radius:14px;box-shadow:0 4px 18px rgba(30,41,89,.06);
  padding:24px 26px;margin-bottom:20px}
.mc-ct{display:flex;align-items:center;font-size:16.5px;font-weight:800;color:#1e2545;
  letter-spacing:1px;margin:0 0 18px}
.mc-ct::before{content:"";width:5px;height:19px;border-radius:3px;margin-right:10px;
  background:linear-gradient(180deg,#1668c2,#06b6d4)}

/* ---------- 信息统计块 ---------- */
.mc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:4px}
.mc-stat{background:linear-gradient(180deg,#f8faff,#f4f8fd);border:1px solid #eef2fa;border-radius:12px;
  padding:16px 8px;text-align:center}
.mc-stat b{display:block;font-size:20px;font-weight:800;color:#1e2545}
.mc-stat b.num{color:#1668c2}
.mc-stat b.warn{color:#f59e0b}
.mc-stat b.red{color:#ef4444}
.mc-stat span{display:block;margin-top:5px;font-size:12px;color:#8a92a8}

/* ---------- 键值信息行 ---------- */
.mc-kv{list-style:none;margin:0;padding:0}
.mc-kv li{display:flex;align-items:center;padding:11px 4px;border-bottom:1px solid #f1f4f9;font-size:13.5px}
.mc-kv li:last-child{border-bottom:none}
.mc-kv li em{font-style:normal;width:110px;flex:none;color:#8a92a8}
.mc-kv li p{margin:0;color:#334155;font-weight:600}
.mc-kv li p a{font-weight:500}

/* ---------- 快捷入口 ---------- */
.mc-qgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mc-qgrid a{display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px 8px;
  border:1px solid #eef2fa;border-radius:12px;background:#fbfcff;color:#4b5570;font-size:13px;transition:.2s}
.mc-qgrid a:hover{border-color:#c7d7f5;background:#f4f8ff;color:#1668c2;transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(22,104,194,.1)}
.mc-qgrid svg{width:26px;height:26px;color:#1668c2}

/* ---------- 表单认证卡 ---------- */
.mc-auth{max-width:520px;margin:6px auto 10px}
.mc-auth .mc-card{padding:30px 32px}
.mc-field{margin-bottom:16px}
.mc-field>label{display:block;font-size:13px;font-weight:600;color:#5a6178;margin-bottom:7px}
.mc-field .ipt{position:relative;display:flex;align-items:center}
.mc-field .ipt svg{position:absolute;left:13px;width:16px;height:16px;color:#b3b9cf;pointer-events:none}
.mc-field input[type=text],.mc-field input[type=password]{width:100%;height:44px;border:1.5px solid #e4e7f2;
  border-radius:10px;background:#f9fafd;padding:0 14px 0 40px;font-size:14px;color:#1e293b;
  font-family:inherit;outline:none;transition:.2s}
.mc-field input:focus{border-color:#a5b4fc;background:#fff;box-shadow:0 0 0 4px rgba(79,70,229,.09)}
.mc-field .tip{margin-left:10px;font-size:12.5px}
.mc-field .tip a{color:#2563eb}
.mc-sub{font-size:12.5px;color:#9aa1b9;margin:-6px 0 16px}

/* 保存时间分段选择 */
.mc-seg{display:flex;flex-wrap:wrap;gap:6px}
.mc-seg label{position:relative;cursor:pointer}
.mc-seg input{position:absolute;opacity:0;pointer-events:none}
.mc-seg span{display:inline-block;padding:7px 14px;border-radius:8px;font-size:12.5px;
  background:#f2f4fa;color:#7c8299;border:1px solid transparent;transition:.18s}
.mc-seg input:checked+span{background:#eef3ff;color:#1668c2;border-color:#c7d7f5;font-weight:700}

/* 认证大按钮 */
.mc-btn{width:100%;height:46px;border:none;border-radius:10px;cursor:pointer;
  background:linear-gradient(120deg,#4f46e5,#0891b2);color:#fff;font-size:15px;font-weight:700;
  letter-spacing:4px;font-family:inherit;box-shadow:0 12px 24px -10px rgba(79,70,229,.55);transition:.22s}
.mc-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.mc-btn.ghost{background:#fff;color:#4f46e5;border:1.5px solid #dfe3f5;box-shadow:none;margin-top:10px}
.mc-btn.ghost:hover{border-color:#a5b4fc;background:#f6f7ff}
.mc-foot{margin-top:16px;text-align:center;font-size:13px;color:#7c8299}
.mc-foot a{color:#2563eb}

/* 注册类型选择 */
.mc-regtype{display:grid;gap:12px}
.mc-regtype label{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1.5px solid #eef2fa;
  border-radius:12px;cursor:pointer;transition:.2s;background:#fbfcff}
.mc-regtype label:hover{border-color:#c7d7f5;background:#f4f8ff}
.mc-regtype input{accent-color:#4f46e5;width:16px;height:16px;flex:none}
.mc-regtype .rt-name{font-weight:700;color:#1e293b;font-size:14.5px}

/* ---------- 老模板通用表格美化 ---------- */
.mc-main table{border-collapse:collapse;font-size:13.5px;color:#334155}
.mc-main .tableborder{background:#eef2fa;border:none;border-radius:12px;overflow:hidden;
  box-shadow:0 4px 18px rgba(30,41,89,.06)}
.mc-main .tableborder>tbody>tr>td{background:#fff}
.mc-main tr.header>td{background:linear-gradient(90deg,#eef3ff,#eefaff)!important;color:#1668c2;
  font-weight:800;letter-spacing:1px;padding:11px 14px;border:none}
.mc-main tr.header>td a{color:#1668c2}
.mc-main td{padding:9px 12px;border-bottom:1px solid #f1f4f9;vertical-align:middle;line-height:1.7}
.mc-main tr:last-child>td{border-bottom:none}
.mc-main strong{color:#1e293b}

/* 表单控件 */
.mc-main input[type=text],.mc-main input[type=password],.mc-main input[type=email],
.mc-main input[type=number],.mc-main input[type=file],.mc-main select,.mc-main textarea{
  border:1.5px solid #e4e7f2;border-radius:9px;background:#f9fafd;padding:8px 12px;font-size:13.5px;
  color:#1e293b;font-family:inherit;outline:none;transition:.2s;max-width:100%}
.mc-main input[type=text]:focus,.mc-main input[type=password]:focus,.mc-main input[type=email]:focus,
.mc-main select:focus,.mc-main textarea:focus{border-color:#a5b4fc;background:#fff;
  box-shadow:0 0 0 3px rgba(79,70,229,.08)}
.mc-main textarea{height:auto}
.mc-main input[type=radio],.mc-main input[type=checkbox]{accent-color:#4f46e5;width:14px;height:14px}
.mc-main input[type=submit],.mc-main input[type=button],.mc-main button{
  display:inline-block;border:none;border-radius:9px;cursor:pointer;padding:9px 26px;
  background:linear-gradient(120deg,#4f46e5,#0891b2);color:#fff;font-size:13.5px;font-weight:700;
  letter-spacing:2px;font-family:inherit;box-shadow:0 8px 18px -8px rgba(79,70,229,.5);transition:.2s}
.mc-main input[type=submit]:hover,.mc-main input[type=button]:hover{filter:brightness(1.08)}
.mc-main input[type=reset]{display:inline-block;border:1px solid #dbe2f0;border-radius:9px;cursor:pointer;
  padding:9px 22px;background:#fff;color:#6b7590;font-size:13px;letter-spacing:2px;font-family:inherit;transition:.2s}
.mc-main input[type=reset]:hover{border-color:#b7c3dd;color:#4b5570;background:#f6f8fd}
.mc-main input[type=file]{padding:6px 10px;background:#fff}

/* 分页 */
.mc-main .epages{margin:14px 0;font-size:12.5px}
.mc-main .epages a{display:inline-block;padding:5px 10px;margin:0 3px 4px 0;border:1px solid #dfe5f2;
  border-radius:7px;color:#4b5570;background:#fff;text-decoration:none}
.mc-main .epages a:hover{border-color:#a5b4fc;color:#1668c2;background:#f4f7ff}

/* 提示条 */
.mc-tip{background:#f0f7ff;border:1px solid #d6e6fb;border-radius:10px;padding:12px 16px;
  font-size:13px;color:#3b5f8a;margin-bottom:18px}

/* ---------- 窄屏 ---------- */
@media(max-width:860px){
  .mc-layout{grid-template-columns:1fr;margin-top:18px}
  .mc-side{position:static}
  .mc-menu{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding-bottom:8px}
  .mc-menu a.on::before{left:-6px}
  .mc-mg{grid-column:1/-1}
  .mc-hero{padding:18px 0 20px}
  .mc-hrow h1{font-size:21px}
  .mc-stats{grid-template-columns:repeat(2,1fr)}
  .mc-qgrid{grid-template-columns:repeat(2,1fr)}
  .mc-card{padding:20px 16px}
  .mc-auth .mc-card{padding:24px 18px}
  .mc-kv li{flex-direction:column;align-items:flex-start;gap:2px}
  .mc-kv li em{width:auto}
}