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

/* ---------- Hero ---------- */
.hero{position:relative;padding:78px 0 46px;overflow:hidden}
.hero-bg{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(60% 60% at 50% 0%, rgba(45,140,255,.22), transparent 70%),
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.85));
}
.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;
}

/* 热门内容卡片图片高度统一 */
.media-img img{height:200px}

/* 评价两行 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));}
}