/* index.css — 首页专属样式（前缀 ix-） */

/* HERO */
.ix-hero {
  background:
    radial-gradient(circle at 85% 12%, rgba(16,185,129,.18), transparent 55%),
    linear-gradient(160deg, #fff, var(--em-50));
  padding:70px 0 76px;
}
.ix-hero-inner { display:grid; grid-template-columns:1.1fr .9fr; gap:54px; align-items:center; }
.ix-hero-txt h1 { font-size:42px; line-height:1.22; margin:6px 0 18px; }
.ix-lead { color:var(--ink-500); font-size:16.5px; max-width:540px; }
.ix-hero-cta { display:flex; gap:14px; margin:30px 0 22px; flex-wrap:wrap; }
.ix-trust { display:flex; gap:22px; flex-wrap:wrap; }
.ix-trust li { font-size:13.5px; color:var(--em-700); font-weight:600; }

/* 模拟匹配卡片 */
.ix-hero-card {
  background:#fff; border:1px solid var(--ink-200); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg); padding:24px;
}
.ix-hc-top { font-size:13px; color:var(--ink-500); display:flex; align-items:center; gap:8px; margin-bottom:18px; }
.ix-hc-top .dot { width:9px; height:9px; border-radius:50%; background:var(--em-500); animation:ixpulse 1.4s infinite; }
@keyframes ixpulse { 0%,100%{opacity:1;} 50%{opacity:.3;} }
.ix-hc-row { display:flex; gap:14px; align-items:center; padding:14px; border:1px solid var(--ink-100); border-radius:var(--radius); margin-bottom:12px; }
.ix-hc-row .ava { width:46px; height:46px; display:flex; align-items:center; justify-content:center; background:var(--em-50); border-radius:12px; font-size:22px; flex-shrink:0; }
.ix-hc-row b { font-size:14.5px; display:block; }
.ix-hc-row p { font-size:12.5px; color:var(--ink-500); margin-top:2px; }
.ix-hc-btn { display:block; text-align:center; background:var(--em-600); color:#fff; padding:13px 0; border-radius:var(--radius-pill); font-weight:700; font-size:14px; margin-top:6px; }
.ix-hc-btn:hover { background:var(--em-700); color:#fff; }

/* 游戏卡 */
.ix-game { position:relative; }
.ix-game .ico { background:var(--em-50); width:54px; height:54px; border-radius:14px; display:flex; align-items:center; justify-content:center; }
.ix-go { font-size:13px; font-weight:700; color:var(--em-600); margin-top:12px; display:inline-block; }

/* 浅背景段 */
.ix-soft { background:linear-gradient(180deg,var(--em-50),#fff); }

/* 价格卡 */
.ix-price { display:flex; flex-direction:column; text-align:center; align-items:center; }
.ix-price .tier { font-size:15px; font-weight:700; color:var(--ink-700); }
.ix-price .amount { font-size:38px; font-weight:800; color:var(--em-700); margin:10px 0 18px; }
.ix-price .amount small { font-size:14px; font-weight:600; color:var(--ink-500); }
.ix-price ul { width:100%; margin-bottom:22px; }
.ix-price ul li { font-size:13.5px; color:var(--ink-500); padding:7px 0; border-bottom:1px solid var(--ink-100); }
.ix-price .btn { width:100%; }
.ix-featured { border-color:var(--em-400); box-shadow:var(--shadow); position:relative; transform:translateY(-6px); }
.ix-featured .badge { position:absolute; top:18px; right:18px; }

/* 响应式 */
@media (max-width:960px) {
  .ix-hero-inner { grid-template-columns:1fr; gap:40px; }
  .ix-hero-txt h1 { font-size:34px; }
  .ix-featured { transform:none; }
}
@media (max-width:560px) {
  .ix-hero { padding:48px 0 54px; }
  .ix-hero-txt h1 { font-size:28px; }
  .ix-trust { gap:12px; }
}