/* =========================================================
   home.css - Home only
   ========================================================= */

/* ---------- Hero ---------- */
.hero{position:relative;padding:78px 0 46px;overflow:hidden}
.hero-bg{
  position:absolute;inset:0;z-index:0;
  background: transparent;
}
.hero-inner{position:relative;z-index:1;text-align:center}
.hero-kicker{display:inline-flex;gap:8px;align-items:center;color:rgba(255,255,255,.72);font-size:13px}
.hero-kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--primary)}
.hero-title{margin-top:12px;font-weight:900;line-height:1.15}
.hero-title-main{display:block;font-size:44px}
.hero-title-sub{margin-top:6px;font-size:18px;color:rgba(255,255,255,.70)}
.hero-desc{max-width:820px;margin:14px auto 0;font-size:15px;line-height:1.8;color:rgba(255,255,255,.75)}
.hero-actions{margin-top:22px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* hero media image */
.hero-media{
  margin:20px auto 0;
  width:min(980px, 100%);
  border-radius:22px;
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(255,255,255,.02);
}
.hero-media img{width:100%;height:auto}

/* metric grid */
.metric-grid-home{
  width:min(980px, 100%);
  margin:18px auto 0;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}
.metric{
  padding:14px 12px;
  border-radius:16px;
  background:var(--card2);
  border:1px solid var(--line);
}
.metric-num{font-weight:900;font-size:18px}
.metric-txt{margin-top:4px;color:var(--muted);font-size:12px}

.trust-row{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.trust-pill{
  padding:10px 12px;border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.02);
  color:var(--muted);
  font-size:12px;
  display:inline-flex;gap:8px;align-items:center;
}

/* products/services cards */
.module-grid-home{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.module-card{
  padding:18px;
  border-radius:22px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  transition:.2s ease;
}
.module-card:hover{transform:translateY(-3px);border-color:rgba(45,140,255,.45)}
.module-tt{font-weight:900;font-size:15px;display:flex;gap:10px;align-items:center}
.module-dd{margin-top:8px;color:var(--muted2);font-size:13px;line-height:1.75}

/* Profile section */
.section-profile .profile-card{
  display:grid;
  grid-template-columns: 1.35fr 1fr;
  gap:18px;
  padding:18px;
  border-radius:22px;
  border:1px solid var(--line);
  background:var(--card);
}
.profile-badge{
  display:inline-flex;gap:8px;align-items:center;
  font-size:12px;color:rgba(255,255,255,.74);
  padding:8px 10px;border-radius:999px;
  border:1px solid rgba(45,140,255,.22);
  background:rgba(45,140,255,.10);
}
.profile-title{font-size:24px;font-weight:900;margin-top:10px}
.profile-desc{margin-top:10px;color:rgba(255,255,255,.70);line-height:1.9}
.profile-highlights{margin-top:14px;display:grid;gap:10px}
.ph-item{padding:12px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.ph-tt{font-weight:900}
.ph-dd{margin-top:6px;color:var(--muted2);font-size:13px;line-height:1.7}
.profile-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}

.profile-media{
  border-radius:22px;
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(255,255,255,.02);
}
.profile-media img{width:100%;height:auto}

.legal-mini{
  margin-top:12px;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(45,140,255,.18);
  background:linear-gradient(90deg, rgba(45,140,255,.14), rgba(255,255,255,.02));
}
.legal-mini-tt{font-weight:900;display:flex;gap:8px;align-items:center}
.legal-mini-dd{margin-top:8px;color:var(--muted2);font-size:13px;line-height:1.85}

/* App download */
.section-app .app-hero{
  display:grid;
  grid-template-columns: 1.2fr 1fr;
  gap:18px;
  align-items:center;
  padding:18px;
  border-radius:22px;
  border:1px solid var(--line);
  background:var(--card);
  margin-bottom:14px;
}
.app-hero-left h3{font-size:20px;font-weight:900}
.app-hero-left p{margin-top:8px;color:rgba(255,255,255,.70);line-height:1.9}
.app-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.app-steps{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.app-steps .step{padding:12px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.app-steps .step span{font-weight:900;color:var(--primary)}
.app-steps .step p{margin-top:6px;color:var(--muted2);font-size:13px;line-height:1.7}
.app-shot{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.app-shot img{width:100%;height:auto}

.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.app-card{padding:16px;border-radius:22px;border:1px solid var(--line);background:var(--card)}
.app-ico{font-size:22px;color:var(--primary)}
.app-tt{margin-top:8px;font-weight:900}
.app-dd{margin-top:8px;color:var(--muted2);font-size:13px;line-height:1.7}
.app-card .btn{margin-top:10px;width:100%}

/* Games/content */
.section-games .games-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}
.games-media{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.games-media img{width:100%;height:100%;object-fit:cover}
.games-list{display:grid;gap:12px}
.game-card{padding:14px;border-radius:22px;border:1px solid var(--line);background:var(--card)}
.game-tt{font-weight:900;display:flex;gap:10px;align-items:center}
.game-dd{margin-top:8px;color:var(--muted2);font-size:13px;line-height:1.75}
.games-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}

/* Responsive */
@media (max-width: 1100px){
  .metric-grid-home{grid-template-columns:repeat(3,1fr)}
  .module-grid-home{grid-template-columns:repeat(2,1fr)}
  .app-grid{grid-template-columns:repeat(2,1fr)}
  .section-app .app-hero{grid-template-columns:1fr}
  .section-profile .profile-card{grid-template-columns:1fr}
  .section-games .games-wrap{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .hero-title-main{font-size:34px}
}
/* ===== Home polish patch (spacing & alignment) ===== */

/* 统一 section 标题下的间距 */
.section-hd.center{margin-bottom:22px}
.section-title{letter-spacing:.2px}

/* 产品入口卡片高度一致 + 文案更稳 */
.module-grid-home .module-card{
  min-height:110px;
  display:flex;
  flex-direction:column;
}
.module-grid-home .module-dd{
  flex:1;
}

/* 平台简介：左右两块等高更舒服 */
.section-profile .profile-card{
  align-items:stretch;
}
.profile-left, .profile-right{
  display:flex;
  flex-direction:column;
}
.profile-media{
  flex:1;
}

/* App 下载：四卡高度一致 */
.app-grid .app-card{
  display:flex;
  flex-direction:column;
  min-height:170px;
}
.app-grid .app-dd{flex:1}
.app-grid .btn{margin-top:auto}

/* “平台内容与互动娱乐”右侧列表卡片对齐 */
.games-list .game-card{
  min-height:86px;
}



/* 评价两行 3x2：卡片高度更一致 */
.review-card{
  min-height:150px;
  display:flex;
  flex-direction:column;
}
.review-text{flex:1}

/* FAQ 区域更紧凑一些（避免你说的卡片太高） */
.section-faq .faq-q{padding:11px 14px}
.section-faq .faq-a-inner{padding:0 14px 11px}

/* 宽屏下不要太散：整体容器更聚焦一点 */
@media (min-width: 1400px){
  .container-wide{width:min(1280px, calc(100% - 34px));}
}
/* ===== 强制覆盖卡片背景 ===== */

.metric,
.module-card,
.profile-card,
.ph-item,
.table-card,
.app-hero,
.app-card,
.game-card,
.review-card,
.faq-item,
.legal-mini{

background: linear-gradient(
135deg,
#153b63,
#0c2a49
) !important;

border:1px solid rgba(255,255,255,.08) !important;

box-shadow:
0 12px 35px rgba(0,0,0,.35) !important;

}
.profile-card:hover,
.app-card:hover,
.game-card:hover,
.review-card:hover{

transform: translateY(-6px);

box-shadow:
0 18px 45px rgba(0,0,0,.45);

transition:.3s;

}

/* ===== 白底黑字主题覆盖：自动追加 ===== */
:root{
  --bg0:#ffffff !important;
  --bg1:#ffffff !important;
  --card:#ffffff !important;
  --card2:#f8fafc !important;
  --line:#e5e7eb !important;
  --text:#111827 !important;
  --muted:#4b5563 !important;
  --muted2:#6b7280 !important;
  --shadow:0 6px 22px rgba(0,0,0,.08) !important;
}
html, body{
  background:#ffffff !important;
  background-image:none !important;
  animation:none !important;
  color:#111827 !important;
}
body, p, span, li, label, small, strong, em, b, h1, h2, h3, h4, h5, h6,
section, article, main, header, footer, nav, div{
  /* 仅设置文字颜色，不改变布局 */
  color:inherit;
}
body{color:#111827 !important;}
h1,h2,h3,h4,h5,h6,p,li,label,small,span,div,section,article,main,header,footer,nav{
  border-color:#e5e7eb;
}
p, li, label, small, .muted, .hero-kicker, .hero-title-sub, .hero-desc,
.case-dd, .cta-wide-dd, .cta-bar-dd, .trust-pill, .footer-contact,
[class*="-dd"], [class*="-desc"], [class*="-sub"]{
  color:#374151 !important;
}
a{color:#111827;}
.card, .panel, .feature-card, .case-card, .module-card, .review-card,
.metric-card, .trust-pill, .hero-media, .cta-wide, .cta-bar,
.data-table, .table-wrap, .faq-item, .spec-card, .adv-card{
  background:#ffffff !important;
  border-color:#e5e7eb !important;
  box-shadow:0 4px 18px rgba(0,0,0,.05) !important;
}
button, .btn, input[type="submit"]{
  color:#ffffff !important;
}
input, textarea, select{
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#d1d5db !important;
}
table th, table td, .data-table th, .data-table td{
  color:#111827 !important;
  border-color:#e5e7eb !important;
}
.pager a, .pager span{
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#d1d5db !important;
}
.pager .thisclass, .pager .active{
  background:#2d8cff !important;
  color:#ffffff !important;
}

/* ===== Light blue + white cohesive theme (2026 refresh) ===== */
:root{
  --bg0:#ffffff;
  --bg1:#f4f9ff;
  --card:#ffffff;
  --card2:#f5faff;
  --line:#d8e9fb;
  --text:#172b43;
  --muted:#526a84;
  --muted2:#71859c;
  --primary:#56a8f7;
  --primary2:#3189e8;
  --shadow:0 10px 30px rgba(48,115,181,.10);
}
html,body{background:#fff!important;color:#172b43!important}
body{background:linear-gradient(180deg,#fff 0%,#f7fbff 58%,#fff 100%)!important;animation:none!important}
.site-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #dceafb!important;box-shadow:0 4px 18px rgba(48,115,181,.06)}
.nav-link,.mobile-nav-link{color:#405a75!important}
.nav-link:hover,.nav-link.is-active,.mobile-nav-link:hover{color:#1674ce!important}
.mobile-nav-link,.btn,.icon-btn,.search-input{background:#f5faff!important;color:#203b58!important;border-color:#d5e7fa!important}
.btn:hover,.icon-btn:hover{background:#e8f4ff!important;border-color:#9bcdf9!important}
.btn-primary{background:linear-gradient(135deg,#68b7ff,#328be8)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 7px 18px rgba(50,139,232,.20)!important}
.search-modal-panel{background:#fff!important;color:#172b43!important;border-color:#d5e7fa!important}
.search-modal-mask{background:rgba(20,48,78,.30)!important}
.hero-bg{background:radial-gradient(ellipse at 50% 0%,rgba(112,190,255,.22),transparent 62%)!important}
.hero-kicker,.profile-badge{background:#eaf5ff!important;border-color:#c7e3ff!important;color:#2369a8!important}
.hero-kicker .dot{background:#4b9ff0!important}
.hero-title-main,.hero-title-sub,.hero-title,.section-title,.profile-title,.app-hero-left h3{color:#172b43!important}
.hero-kicker,.hero-title-sub,.hero-desc,.profile-desc,.app-hero-left p{color:#526a84!important}
.hero-media,.profile-media,.app-shot,.games-media{background:#f4f9ff!important;border-color:#d8e9fb!important}
.metric,.module-card,.profile-card,.ph-item,.app-hero,.app-steps .step,.app-card,.game-card,.trust-pill{background:#fff!important;border-color:#d8e9fb!important;box-shadow:0 6px 20px rgba(48,115,181,.045)}
.module-card:hover,.app-card:hover,.game-card:hover{border-color:#9bcdf9!important;box-shadow:0 12px 28px rgba(48,115,181,.10)}
.module-dd,.app-dd,.game-dd,.ph-dd,.metric-txt,.section-sub,.muted{color:#526a84!important}
.trust-pill{color:#526a84!important}
.legal-mini{background:linear-gradient(110deg,#eaf5ff,#f8fbff)!important;border-color:#cfe5fb!important}
.text-link,.app-steps .step span,.app-ico{color:#247fce!important}


/* ===== 按钮交互强调：网页版 / 移动端注册入口 ===== */
.btn-primary,
a.btn-primary,
.hero-actions .btn,
.header-actions .btn,
.app-grid .btn {
  background: linear-gradient(135deg, #3289e8 0%, #1764b5 100%) !important;
  color: #ffffff !important;
  border: 1px solid #1764b5 !important;
  box-shadow: 0 6px 18px rgba(23, 100, 181, .24) !important;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease, border-color .18s ease !important;
  -webkit-tap-highlight-color: rgba(23, 100, 181, .18);
}
.btn-primary:hover,
a.btn-primary:hover,
.hero-actions .btn:hover,
.header-actions .btn:hover,
.app-grid .btn:hover {
  background: linear-gradient(135deg, #1764b5 0%, #10477f 100%) !important;
  color: #ffffff !important;
  border-color: #10477f !important;
  box-shadow: 0 9px 24px rgba(16, 71, 127, .32) !important;
  transform: translateY(-2px);
}
.btn-primary:active,
a.btn-primary:active,
.hero-actions .btn:active,
.header-actions .btn:active,
.app-grid .btn:active,
.btn-primary:focus,
a.btn-primary:focus,
.hero-actions .btn:focus,
.header-actions .btn:focus,
.app-grid .btn:focus,
.btn-primary:focus-visible,
a.btn-primary:focus-visible,
.hero-actions .btn:focus-visible,
.header-actions .btn:focus-visible,
.app-grid .btn:focus-visible {
  background: #103f70 !important;
  color: #ffffff !important;
  border-color: #0b3157 !important;
  box-shadow: 0 0 0 3px rgba(50, 137, 232, .28), 0 5px 14px rgba(16, 63, 112, .28) !important;
  outline: none !important;
  transform: translateY(0);
}
/* 键盘焦点清晰可见；普通链接点击不影响其他区域 */
.btn-primary:focus-visible, a.btn-primary:focus-visible {
  outline: 2px solid #103f70 !important;
  outline-offset: 3px !important;
}