/* MIK 盒子 · 用户中心 样式（白色主题） */
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:#f5f7fb;
  color:#1f2733;min-height:100vh;padding:18px 14px 40px;
}
a{color:#3b76e8;text-decoration:none}
.top{
  max-width:760px;margin:0 auto 18px;display:flex;align-items:center;
  justify-content:space-between;background:#ffffff;
  border:1px solid #e6ebf3;border-radius:14px;padding:13px 16px;
  box-shadow:0 1px 3px rgba(23,43,77,.05);
}
.brand{font-weight:700;font-size:15px;letter-spacing:.3px;color:#1f2733}
.top .user{font-size:13px;color:#65728a}
.top .user a{color:#e15b5b}
.container{max-width:760px;margin:0 auto}
.card{
  background:#ffffff;border:1px solid #e6ebf3;
  border-radius:16px;padding:18px;margin-bottom:16px;
  box-shadow:0 2px 8px rgba(23,43,77,.05);
}
.card h3{font-size:15px;margin-bottom:14px;display:flex;align-items:center;gap:7px;color:#1f2733}
.page-head{margin:0 0 16px}
.page-head h1{font-size:20px;font-weight:700}

/* 用户信息头部 */
.hero{
  display:flex;align-items:center;gap:16px;margin-bottom:18px;
  background:#eef4ff;border:1px solid #d7e4ff;
  border-radius:16px;padding:18px;
}
.avatar{
  width:58px;height:58px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,#5ea9ff,#7d5cff);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;font-weight:700;color:#fff;
}
.hero .info{flex:1;min-width:0}
.hero .nick{font-size:18px;font-weight:700;margin-bottom:4px;word-break:break-all;color:#1f2733}
.hero .sub{font-size:12.5px;color:#65728a}

/* 数据网格 */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:520px){.grid{grid-template-columns:1fr}}
.stat{
  background:#f7f9fc;border:1px solid #e9eef6;
  border-radius:13px;padding:14px 15px;
}
.stat .lbl{font-size:12.5px;color:#7d8aa0;margin-bottom:7px}
.stat .val{font-size:16px;font-weight:700;word-break:break-all;line-height:1.4}
.c-green{color:#16a34a}.c-warn{color:#d97706}.c-red{color:#dc2626}
.c-blue{color:#2563eb}.c-purple{color:#7c3aed}

/* 标签 */
.tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}
.tag-on{background:#e5f7ec;color:#16a34a}
.tag-off{background:#fdeaea;color:#dc2626}
.tag-warn{background:#fdf3e3;color:#d97706}
.tag-blue{background:#e8f1ff;color:#2563eb}

/* 表单 */
.form-row{margin-bottom:14px}
.form-row label{display:block;font-size:13px;color:#65728a;margin-bottom:7px}
.inp{
  width:100%;background:#ffffff;border:1px solid #d5dde8;
  border-radius:11px;padding:12px 14px;color:#1f2733;font-size:14px;outline:none;
}
.inp::placeholder{color:#a7b0c0}
.inp:focus{border-color:#5ea9ff;box-shadow:0 0 0 3px rgba(94,169,255,.15)}
.btn{
  display:inline-block;width:100%;border:0;border-radius:11px;padding:12px 16px;
  background:linear-gradient(135deg,#4d8dff,#6f5cff);color:#fff;font-size:14.5px;
  font-weight:700;cursor:pointer;text-align:center;
}
.btn:active{opacity:.85}
.btn-sm{width:auto;padding:8px 14px;font-size:13px;border-radius:9px}
.btn-ghost{background:#f1f4f9;border:1px solid #dde4ee;color:#3d4b60}
.btn-danger{background:linear-gradient(135deg,#f05555,#c73b3b)}

/* 消息条 */
.msg{border-radius:12px;padding:12px 15px;font-size:13.5px;margin-bottom:15px;line-height:1.55}
.msg-ok{background:#e9f9ef;border:1px solid #bceacd;color:#14803f}
.msg-err{background:#fdecec;border:1px solid #f6c6c6;color:#c0392b}
.msg-info{background:#eaf3ff;border:1px solid #c6dcff;color:#2563eb}

/* 列表 */
.list-item{
  display:flex;justify-content:space-between;gap:12px;padding:12px 0;
  border-bottom:1px solid #eef2f8;font-size:13.5px;
}
.list-item:last-child{border-bottom:0}
.list-item .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-item .m{color:#7d8aa0;font-size:12px;flex:none}
.empty{color:#8b98ad;font-size:13.5px;text-align:center;padding:22px 0}
.foot{text-align:center;color:#9aa5b8;font-size:12px;margin-top:22px;line-height:1.8}
.text-muted{color:#65728a;font-size:13px}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;letter-spacing:.2px}
/* ============================================================
   顶部导航胶囊（首页 / 论坛 / 设置 / 我的）+ 滑块动画
   ============================================================ */
.uc-nav{
  position:relative;display:flex;gap:4px;background:#ffffff;
  border:1px solid #e6ebf3;border-radius:14px;padding:5px;
  margin:0 auto 16px;max-width:760px;
  box-shadow:0 1px 3px rgba(23,43,77,.05);
}
.uc-nav-pill{
  position:absolute;top:5px;left:5px;height:calc(100% - 10px);
  background:linear-gradient(135deg,#4d8dff,#6f5cff);border-radius:10px;
  transition:transform .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1);
  z-index:0;pointer-events:none;
}
.uc-nav-item{
  position:relative;z-index:1;flex:1;text-align:center;padding:9px 0;
  font-size:13.5px;font-weight:600;color:#65728a;border-radius:10px;
  transition:color .28s ease;user-select:none;
}
.uc-nav-item.active,.uc-nav-item:hover{color:#ffffff}
/* 内容淡入上浮 */
@keyframes ucFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.card,.uc-nav{animation:ucFadeUp .42s ease both}
.card:nth-of-type(2){animation-delay:.05s}
.card:nth-of-type(3){animation-delay:.1s}
/* ============================================================
   帖子列表 / 详情
   ============================================================ */
.thread{
  display:block;padding:13px 0;border-bottom:1px dashed #eef2f8;
  transition:background .18s ease;
}
.thread:last-child{border-bottom:0}
.thread:hover{background:#f8fbff}
.th-title{font-size:14.5px;font-weight:600;color:#1f2733;line-height:1.45;word-break:break-all}
.th-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#7d8aa0;margin-top:6px;flex-wrap:wrap}
.th-meta .th-right{margin-left:auto}
.tag-title{background:#f3eeff;color:#7c3aed}
.tag-grey{background:#f1f4f9;color:#65728a}
/* 正文 / 回复 */
.post-body{font-size:14px;line-height:1.75;color:#2b3547;word-break:break-word;white-space:pre-wrap;margin-top:10px}
.reply{padding:12px 0;border-bottom:1px dashed #eef2f8}
.reply:last-child{border-bottom:0}
.reply-head{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#7d8aa0;margin-bottom:6px;flex-wrap:wrap}
.reply-body{font-size:13.5px;line-height:1.7;color:#2b3547;word-break:break-word;white-space:pre-wrap}
/* ============================================================
   分页器
   ============================================================ */
.pager{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 4px;flex-wrap:wrap}
.pager a,.pager span{
  min-width:34px;text-align:center;padding:7px 12px;border-radius:9px;font-size:13px;
  border:1px solid #e0e7f1;background:#ffffff;color:#3d4b60;
}
.pager a:hover{background:#eef4ff;border-color:#c6dcff;color:#2563eb}
.pager .cur{background:linear-gradient(135deg,#4d8dff,#6f5cff);color:#fff;border-color:transparent;font-weight:700}
/* ============================================================
   表单标签 / 小工具类
   ============================================================ */
.lab{display:block;font-size:13px;color:#65728a;margin:12px 0 7px}
.lab:first-of-type{margin-top:0}
.sec-title{font-size:13.5px;font-weight:600;color:#3d4b60;margin-bottom:12px;display:flex;
  align-items:center;justify-content:space-between}
.sec-title .op a{font-size:12.5px;color:#3b76e8;margin-left:12px}
.kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #eef2f8;font-size:13px}
.kv:last-child{border-bottom:none}
.kv .k{color:#7d8aa0}
.kv .v{color:#1f2733;font-weight:600;text-align:right;word-break:break-all}
.stat .n{font-size:20px;font-weight:700;color:#2563eb}
.stat .t{font-size:12px;color:#7d8aa0;margin-top:4px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}

/* ============================================================
   v5：底部导航胶囊（对齐用户上传图：淡粉底 + 白色滑块）
   ============================================================ */
body{
  padding-bottom:104px !important; /* 给底部固定导航留空间 */
}

.uc-nav{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:9999;
  display:flex;
  gap:6px;
  background:rgba(250,244,246,.94);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  border-top:1px solid #f0e6ea;
  border-radius:22px 22px 0 0;
  padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px));
  margin:0;
  max-width:none;
  box-shadow:0 -3px 18px rgba(180,150,165,.14);
  animation:none;
}
.uc-nav-pill{
  position:absolute;
  top:9px; left:10px;
  height:calc(100% - 18px - env(safe-area-inset-bottom,0px));
  background:#ffffff;
  border-radius:16px;
  box-shadow:0 3px 12px rgba(180,150,165,.22);
  transition:transform .34s cubic-bezier(.34,1.4,.5,1),width .34s cubic-bezier(.34,1.4,.5,1);
  z-index:0;pointer-events:none;
}
.uc-nav-item{
  position:relative;z-index:1;flex:1;text-align:center;
  padding:11px 0;
  font-size:14px;font-weight:600;
  color:#b9a3ad;
  border-radius:16px;
  transition:color .26s ease;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.uc-nav-item.active{color:#6b4a58}
.uc-nav-item:hover{color:#6b4a58}

/* 顶部品牌条在底部导航模式下收紧 */
.top{
  margin-bottom:14px !important;
}

/* 论坛列表卡片化，避免叠在一起 */
.thread{
  display:block;
  background:#ffffff;
  border:1px solid #eef1f6;
  border-radius:14px;
  padding:14px 15px !important;
  margin-bottom:10px;
  border-bottom:1px solid #eef1f6 !important;
  box-shadow:0 1px 3px rgba(23,43,77,.04);
  transition:transform .16s ease,box-shadow .16s ease;
}
.thread:last-child{margin-bottom:0}
.thread:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(23,43,77,.08);background:#fdfdff}
.th-title{font-size:15px;font-weight:700}
.th-meta{margin-top:8px}

/* 容器与卡片间距，防止内容挤压 */
.container{max-width:760px;margin:0 auto}
.card{margin-bottom:14px}
.msg{margin-bottom:14px}
.sec-title{margin-top:0}

/* 公告卡片区分 */
.notice-card{background:#fff8fb;border-color:#f7e6ee}

/* 移动端字体与间距微调 */
@media (max-width:520px){
  .uc-nav-item{font-size:13.5px;padding:10px 0}
  .card{padding:16px}
}
/* ============================================================
   v7：底部导航改为「白色毛玻璃」
   - 底：白色半透明 + 强模糊（磨砂玻璃质感）
   - 滑块：浅蓝紫渐变，避免白底白块看不清
   - 选中文字：深色；未选中：浅灰
   ============================================================ */

/* 导航底：白色毛玻璃 */
.uc-nav{
  background:rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter:saturate(180%) blur(20px) !important;
  backdrop-filter:saturate(180%) blur(20px) !important;
  border-top:1px solid rgba(255,255,255,.85) !important;
  border-radius:22px 22px 0 0 !important;
  box-shadow:0 -4px 24px rgba(96,110,140,.12) !important;
}

/* 滑块：浅蓝紫渐变（白底上才看得清） */
.uc-nav-pill{
  background:linear-gradient(135deg,#eaf0ff,#f0eaff) !important;
  border-radius:16px !important;
  box-shadow:0 3px 12px rgba(96,120,220,.20), inset 0 0 0 1px rgba(255,255,255,.9) !important;
}

/* 未选中文字：中灰 */
.uc-nav-item{
  color:#8c93a6 !important;
}
/* 选中文字：深色醒目 */
.uc-nav-item.active,
.uc-nav-item:hover{
  color:#3d4a6b !important;
}

/* 半透明毛玻璃上的额外柔光（可选，增强玻璃感） */
.uc-nav::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
  pointer-events:none;
}