/* ============================================================
   KPOP.WANG 会员页浅色主题（2026-09-14）
   适用模板：member/login.html、register.html、retrieve.html、
             ucenter.html、umodify.html、mycomment.html
   隔离原理：本文件仅由上述会员页 <link> 引入 → 作用域天然限制在会员页，
             不影响其他仍使用黑金皮肤的 CMS 内页（aboutus/news/...）。
   统一规范：页底 #F7F8FA / 卡片 #FFFFFF / 品牌蓝 #1677FF
             主文字 #1D2129 / 次文字 #4E5969 / 弱文字 #86909C / 描边 #E5E6EB
   ============================================================ */

/* ---------- 1. 页面底色 + 默认文字（覆盖 skin 的黑金变量） ---------- */
html body{background:#F7F8FA!important;color:#1D2129!important;}
*::selection{background:#1677FF;color:#fff;}
::-webkit-scrollbar-track{background:#F7F8FA;}
::-webkit-scrollbar-thumb{background:#D8DCE3;border-radius:6px;}

/* ---------- 2. 页面标题带（原黑金 jumbotron → 去底色，居中深色标题） ---------- */
.jumbotron.jumbotron-fluid{
  background:transparent!important;border-bottom:0!important;
  padding:36px 0 6px!important;margin-bottom:0!important;box-shadow:none!important;
}
.jumbotron.jumbotron-fluid .container{text-align:center;color:#1D2129!important;}
.jumbotron.jumbotron-fluid h1{
  color:#1D2129!important;font-weight:800!important;
  font-size:26px!important;letter-spacing:.5px;margin:0!important;line-height:1.35;
}
.jumbotron.jumbotron-fluid p{color:#86909C!important;font-size:14px!important;margin:6px 0 0!important;}

/* ---------- 3. 面包屑（居中、弱化） ---------- */
.position,.text-right.position{
  color:#86909C!important;text-align:center!important;
  font-size:13px;margin:14px 0 24px!important;
}
.position a,.text-right.position a{color:#4E5969!important;}
.position a:hover,.text-right.position a:hover{color:#1677FF!important;}

/* ---------- 4. 容器 ---------- */
.pages{padding:0 16px 72px!important;min-height:auto!important;}
.pages a{color:#1677FF;}
.pages a:hover{color:#0958D9;}

/* ---------- 5. 登录 / 注册 / 找回密码：白色表单卡片 ---------- */
.pages form.kpmp-card{
  max-width:440px;margin:0 auto!important;
  background:#FFFFFF;border:1px solid #E5E6EB;border-radius:16px;
  padding:30px 28px 26px;box-shadow:0 10px 30px rgba(29,33,41,.07);
}
.pages form.kpmp-card .form-group{margin-bottom:18px!important;}
.pages form.kpmp-card label{
  display:block;color:#1D2129!important;font-weight:600;font-size:14px;margin-bottom:8px;
}

/* 输入控件（全会员页统一浅色） */
.form-control{
  background:#FFFFFF!important;color:#1D2129!important;
  border:1px solid #E5E6EB!important;border-radius:8px!important;
  height:46px!important;padding:0 14px!important;font-size:14px!important;
  box-shadow:none!important;transition:border-color .18s,box-shadow .18s;
}
.form-control::placeholder{color:#A9AEB8!important;}
.form-control:focus,.form-control:active{
  border-color:#1677FF!important;
  box-shadow:0 0 0 3px rgba(22,119,255,.12)!important;outline:none!important;
}
select.form-control{height:46px!important;}
textarea.form-control{height:auto!important;min-height:110px!important;padding:12px 14px!important;}
.input-group-text{
  background:#F7F8FA!important;color:#4E5969!important;
  border:1px solid #E5E6EB!important;border-radius:0 8px 8px 0!important;
}
#codeimg{height:46px!important;border:1px solid #E5E6EB;border-radius:8px;background:#fff;cursor:pointer;}

/* 主按钮：品牌蓝 */
.btn-info,.btn-primary{
  background:linear-gradient(135deg,#1677FF,#0958D9)!important;color:#FFFFFF!important;
  border:none!important;border-radius:8px!important;font-weight:600!important;font-size:15px!important;
  box-shadow:0 6px 16px rgba(22,119,255,.22);transition:filter .18s;
}
.btn-info:hover,.btn-primary:hover{filter:brightness(1.07);color:#FFFFFF!important;}
.pages form.kpmp-card > .form-group:last-child{text-align:center;margin-bottom:0!important;}
.pages form.kpmp-card > .form-group:last-child > .btn-info{
  display:block;width:100%!important;height:46px!important;padding:0!important;margin:0!important;
}
.pages form.kpmp-card > .form-group:last-child .text-secondary{
  display:inline-block;margin:16px 10px 0!important;font-size:14px;
}
.pages form.kpmp-card .text-secondary a{color:#1677FF!important;font-weight:500;}
.pages form.kpmp-card .text-secondary a:hover{color:#0958D9!important;}

/* 次要按钮 */
.btn-light,.btn-secondary{
  background:#FFFFFF!important;color:#4E5969!important;border:1px solid #E5E6EB!important;
}
.btn-light:hover,.btn-secondary:hover{
  background:#F2F3F5!important;color:#1677FF!important;border-color:#1677FF!important;
}
.btn-success{background:#E8FFEA!important;color:#00B42A!important;border:1px solid #AFF0B5!important;}

/* ---------- 6. 账号中心：表格 / 侧栏 / 下拉 / 表单 ---------- */
.table{background:#FFFFFF!important;color:#1D2129!important;}
.table td,.table th{border-color:#E5E6EB!important;color:#1D2129!important;vertical-align:middle;}
.table thead th{background:#F7F8FA!important;color:#4E5969!important;border-bottom:1px solid #E5E6EB!important;}
.table tbody tr:hover{background:#F7F9FF!important;}
.list-group-item{background:#FFFFFF!important;color:#1D2129!important;border-color:#E5E6EB!important;}
.list-group-item:hover{background:#F2F6FF!important;color:#1677FF!important;}
.dropdown-menu{
  background:#FFFFFF!important;border:1px solid #E5E6EB!important;
  border-radius:10px!important;box-shadow:0 8px 24px rgba(29,33,41,.1);
}
.dropdown-item{color:#1D2129!important;}
.dropdown-item:hover,.dropdown-item:focus{background:#F2F6FF!important;color:#1677FF!important;}
.dropdown-divider{border-top-color:#E5E6EB!important;}
.pages form:not(.kpmp-card) .form-group{margin-bottom:16px;}
.pages form:not(.kpmp-card) label{color:#1D2129!important;font-weight:600;font-size:14px;}
.red{color:#F53F3F!important;}
.invalid-feedback{color:#F53F3F!important;display:block;font-size:13px;}
.valid-feedback{color:#00B42A!important;display:block;font-size:13px;}

/* ---------- 7. 移动端 ---------- */
@media (max-width:767px){
  .jumbotron.jumbotron-fluid{padding:24px 0 4px!important;}
  .jumbotron.jumbotron-fluid h1{font-size:21px!important;}
  .position{margin:10px 0 18px!important;}
  .pages{padding:0 14px 96px!important;}          /* 96px 让开底部主导航 */
  .pages form.kpmp-card{max-width:100%;padding:22px 18px 20px;border-radius:14px;}
  .form-control{font-size:16px!important;}        /* 防 iOS 聚焦自动放大 */
  .pages form.kpmp-card > .form-group:last-child .text-secondary{margin:14px 8px 0!important;}
}