/* ============================================================
   VIP2026 自适应完整版 · 空白页面与会员中心美化样式
   版本: 1.0 (2026-11-11)
   说明: 空状态组件 / 登录注册页 / 登录弹窗 / 会员中心观感增强
   ============================================================ */

/* ---------- 1. 统一空状态组件 .v26-empty ---------- */
.v26-empty{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:3.2rem 1.5rem; margin:1.2rem 0 1.6rem; text-align:center;
  border-radius:18px;
  background:linear-gradient(165deg,#faf9ff 0%,#f4f7ff 55%,#effdfb 100%);
  border:1px dashed #cfc9f2;
  position:relative; overflow:hidden;
}
.v26-empty::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle at 12% 0%, rgba(109,94,242,.10), transparent 42%),
    radial-gradient(circle at 88% 100%, rgba(45,212,191,.12), transparent 42%);
  pointer-events:none;
}
.v26-empty > *{position:relative; z-index:1;}
.v26-empty-icon{
  width:76px; height:76px; border-radius:50%;
  background:linear-gradient(135deg,#6d5ef2 0%,#4f46e5 100%);
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:36px; line-height:1;
  box-shadow:0 12px 26px rgba(109,94,242,.35), 0 0 0 6px rgba(109,94,242,.08);
  margin-bottom:1.05rem;
}
.v26-empty-title{ font-size:1.08rem; font-weight:600; color:#2d2f45; margin-bottom:.4rem; }
.v26-empty-desc{ font-size:.875rem; color:#8a8fa8; margin-bottom:1.15rem; max-width:380px; line-height:1.6; }
.v26-empty-actions{ display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; }
.v26-empty-actions .btn{
  border-radius:999px; padding:.45rem 1.15rem; font-size:.875rem;
  transition:all .2s ease;
}
.v26-empty-actions .btn-primary{
  background:linear-gradient(135deg,#6d5ef2,#4f46e5);
  border:none; box-shadow:0 6px 16px rgba(109,94,242,.32);
}
.v26-empty-actions .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(109,94,242,.4); }
.v26-empty-actions .btn-outline-accent{
  border:1px solid #2dd4bf; color:#0e9f8d;
}
.v26-empty-actions .btn-outline-accent:hover{ background:#e6fbf7; }

/* 简洁模式（列表页侧栏内等窄场景） */
.v26-empty.v26-empty-sm{ padding:2.2rem 1rem; margin:.6rem 0; }
.v26-empty-sm .v26-empty-icon{ width:58px; height:58px; font-size:27px; margin-bottom:.8rem; }
.v26-empty-sm .v26-empty-title{ font-size:.98rem; }
.v26-empty-sm .v26-empty-desc{ font-size:.82rem; margin-bottom:.9rem; }

/* ---------- 2. 登录 / 注册门户页美化 ---------- */
.v26-auth-page{
  min-height:calc(100vh - 320px);
  display:flex; align-items:center; justify-content:center;
  padding:2.5rem 1rem 3rem;
  background:
    radial-gradient(900px 420px at 15% 0%, rgba(109,94,242,.14), transparent 55%),
    radial-gradient(800px 380px at 88% 96%, rgba(45,212,191,.16), transparent 55%),
    linear-gradient(180deg,#faf9ff 0%,#f5f7ff 100%);
}
.v26-auth-card{
  width:100%; max-width:560px;
  background:#fff; border-radius:24px;
  box-shadow:0 24px 60px rgba(46,43,120,.14), 0 4px 14px rgba(46,43,120,.06);
  padding:2.6rem 2.4rem 2.2rem;
  text-align:center; position:relative; overflow:hidden;
}
.v26-auth-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:6px;
  background:linear-gradient(90deg,#6d5ef2,#4f46e5,#2dd4bf);
}
.v26-auth-logo{ margin-bottom:1.1rem; }
.v26-auth-logo img{ height:46px; max-width:220px; object-fit:contain; }
.v26-auth-avatar{
  width:64px; height:64px; border-radius:50%;
  background:linear-gradient(135deg,#6d5ef2,#4f46e5);
  color:#fff; font-size:30px;
  display:inline-flex; align-items:center; justify-content:center;
  box-shadow:0 12px 26px rgba(109,94,242,.35);
  margin-bottom:.85rem;
}
.v26-auth-title{ font-size:1.4rem; font-weight:700; color:#2d2f45; margin-bottom:.35rem; }
.v26-auth-sub{ font-size:.9rem; color:#8a8fa8; margin-bottom:1.5rem; line-height:1.6; }
.v26-auth-points{
  display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem;
  margin-bottom:1.7rem;
}
.v26-auth-point{
  background:linear-gradient(165deg,#faf9ff,#f2f6ff);
  border:1px solid #e8e6fb; border-radius:14px; padding:.7rem .4rem;
}
.v26-auth-point i{ display:block; font-size:22px; color:#6d5ef2; margin-bottom:.3rem; }
.v26-auth-point span{ font-size:.76rem; color:#5a5e78; }
.v26-auth-btn{
  width:100%; padding:.7rem 1rem; border-radius:999px;
  background:linear-gradient(135deg,#6d5ef2,#4f46e5);
  border:none; color:#fff; font-weight:600; font-size:.98rem;
  box-shadow:0 10px 24px rgba(109,94,242,.35);
  transition:all .2s ease;
}
.v26-auth-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(109,94,242,.42); color:#fff; }
.v26-auth-foot{ margin-top:1.1rem; font-size:.82rem; color:#a0a4bb; }
.v26-auth-foot a{ color:#6d5ef2; }

/* ---------- 3. 登录弹窗增强（#signin-modal） ---------- */
#signin-modal .modal-content{
  border:none; border-radius:20px; overflow:hidden;
  box-shadow:0 30px 70px rgba(30,27,80,.22);
}
#signin-modal .modal-header{
  border-bottom:none; padding:1.15rem 1.6rem 0;
  background:linear-gradient(180deg,#faf9ff 0%,#fff 100%);
}
#signin-modal .modal-header .nav-tabs{ border-bottom:none; }
#signin-modal .modal-header .nav-link{
  border:none; font-weight:600; color:#8a8fa8;
  padding:.55rem 1.1rem; border-radius:999px; transition:all .2s;
}
#signin-modal .modal-header .nav-link.active{
  color:#fff; background:linear-gradient(135deg,#6d5ef2,#4f46e5);
  box-shadow:0 6px 14px rgba(109,94,242,.3);
}
#signin-modal .modal-body{ padding:1.4rem 1.6rem 1.7rem; }
#signin-modal .modal-body .form-control{
  border-radius:12px; border-color:#e4e2f5; padding:.62rem .9rem;
  transition:all .2s;
}
#signin-modal .modal-body .form-control:focus{
  border-color:#6d5ef2; box-shadow:0 0 0 .22rem rgba(109,94,242,.12);
}
#signin-modal .btn-primary{
  border-radius:999px; padding:.62rem 1rem;
  background:linear-gradient(135deg,#6d5ef2,#4f46e5);
  border:none; font-weight:600; box-shadow:0 8px 18px rgba(109,94,242,.3);
}
#signin-modal .password-toggle .form-control{ padding-right:2.7rem; }

/* 登录弹窗 - 左右布局 */
.v26-auth-dialog{ max-width:880px; }
.v26-auth-content{
  display:flex; flex-direction:row; overflow:hidden; border:none; border-radius:20px;
  box-shadow:0 30px 70px rgba(30,27,80,.22);
}
.v26-auth-side{
  position:relative; flex:0 0 42%; min-height:540px;
  display:flex; align-items:center; justify-content:center;
  padding:2.6rem; overflow:hidden; color:#fff;
  background:linear-gradient(145deg,#6d5ef2 0%,#4f46e5 55%,#2dd4bf 135%);
}
.v26-auth-side-bg{ position:absolute; inset:0; z-index:0; background:linear-gradient(145deg,#6d5ef2 0%,#4f46e5 55%,#2dd4bf 135%); }
.v26-auth-bg-ring{ position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.22); }
.v26-auth-bg-ring.r1{ width:340px; height:340px; left:-100px; top:-110px; }
.v26-auth-bg-ring.r2{ width:230px; height:230px; right:-70px; bottom:-70px; border-width:2px; }
.v26-auth-bg-ring.r3{ width:110px; height:110px; right:44px; top:-26px; background:rgba(255,255,255,.08); border:none; }
.v26-auth-side-inner{ position:relative; z-index:2; text-align:center; max-width:300px; }
.v26-auth-side-logo{
  display:inline-block; background:rgba(255,255,255,.96); border-radius:12px;
  padding:.5rem 1.1rem; margin-bottom:1.35rem;
  box-shadow:0 10px 26px rgba(20,15,80,.22);
}
.v26-auth-logo-img{ max-height:38px; display:block; }
.v26-auth-side-title{ font-size:1.65rem; font-weight:700; letter-spacing:.05em; margin-bottom:1rem; text-shadow:0 2px 12px rgba(20,15,80,.18); }
.v26-auth-side-text{ font-size:.95rem; line-height:1.9; white-space:pre-line; opacity:.96; }
.v26-auth-side-foot{ margin-top:2.1rem; font-size:.78rem; letter-spacing:.28em; opacity:.8; }
.v26-auth-main{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; background:#fff; }
.v26-auth-main .modal-header{ background:#fff; }
@media (max-width:767px){
  .v26-auth-side{ display:none; }
  .v26-auth-dialog{ margin:.5rem auto; }
}

/* ---------- 4. 会员中心观感增强 ---------- */
.t26-mem-tip{
  display:flex; align-items:center; gap:.5rem;
  border-radius:12px; padding:.65rem .9rem; margin:1rem 0;
  background:linear-gradient(135deg, rgba(109,94,242,.08), rgba(45,212,191,.08));
  border:1px solid rgba(109,94,242,.18);
  font-size:.9rem; color:#4a4e6e;
}
.t26-mem-tip i{ color:#6d5ef2; font-size:1.1rem; }
.t26-mem-tip-warn{
  background:linear-gradient(135deg, rgba(255,159,67,.10), rgba(255,94,94,.08));
  border-color:rgba(255,159,67,.25);
}
.t26-mem-tip-warn i{ color:#f59e0b; }
#view_vip2026 .card{ border-radius:16px; }
#view_vip2026 .bg-secondary{ background:linear-gradient(165deg,#f8f7ff,#f2f6ff) !important; }


/* ===== 界面宽度（后台设置 site_width） ===== */
body.v26-w-wide .container{max-width:1500px !important;}
body.v26-w-full .container{max-width:100% !important;padding-left:16px !important;padding-right:16px !important;}
body.v26-w-full #base_top .container-fluid{padding-left:20px !important;padding-right:20px !important;}