/*
 * 2026-10-20 首屏居中改版
 *
 * 目标：把首屏从「左文右图双焦点」改成「单焦点居中」——标题、金色主张、按钮、
 * 证据行、演示窗口一条线往下走。参考竞品 InterviewPilot 的构图，但保留小面的
 * 衬线标题、蓝色品牌底和「按你的经历答 / 默认隐身」的真实卖点，不搬它的黄黑品牌。
 *
 * 只作用于首页 .hero.v2-hero；其它页面不受影响。
 * 依赖：home-v2.css / site-theme-cosmic-2026-09.css 里有大量 !important，
 * 这里同样用 !important 覆盖，加载顺序必须排在它们之后。
 */

/* ── 1. 舞台：深色底 + 柔光；10-20 恢复沿环流光、呼吸光和星点 ── */
.home-v2 .hero.v2-hero {
  background:
    radial-gradient(52% 42% at 50% 14%, rgba(37, 99, 235, 0.34), transparent 70%),
    radial-gradient(28% 26% at 16% 34%, rgba(56, 189, 248, 0.10), transparent 70%),
    #06080d !important;
  padding: 96px 0 64px !important;
  min-height: 0 !important;
}
.home-v2 .hero.v2-hero::before,
.home-v2 .hero.v2-hero::after,
.home-v2 .hero .container.v2-hero-grid::before,
.home-v2 .hero .v2-hero-fx {
  display: none !important;
}
/* 用户 10-20：旧版的沿环流光和星点要回来。星星的闪烁在 .hero-star-g 的动画里，
   不能再给组设置 !important 的 opacity，否则会把闪烁冻结成静态。 */
.home-v2 .hero .hero-flow {
  display: block !important;
  opacity: 0.45 !important;
}
.home-v2 .hero .hero-flow-inner {
  display: block !important;
  opacity: 0.35 !important;
}
.home-v2 .hero .hero-stars {
  opacity: 0.9 !important;
}

/* ── 1b. 首屏光圈：恢复旧版 cosmic-vortex 的环形光，不再用细描边圆圈 ──
   旧版把 329% 宽的光圈图居中放在首屏后面，暗核罩住文字，环从两侧和上下探出。
   现在用同样的图和比例，但包在一层 overflow:hidden 里，只让它在首屏内出现。 */
.home-v2 .hero.v2-hero {
  position: relative;
}
.home-v2 .hero .v2-hero-halo {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.home-v2 .hero .v2-hero-halo::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 48%;
  width: 330vw;
  aspect-ratio: 16 / 9;
  transform: translate(-50%, -50%) translateY(-1%);
  background: url("/assets/cosmic-vortex.webp") center / 100% 100% no-repeat;
  mix-blend-mode: screen;
  opacity: 0.85;
  animation: v2-halo-breathe 11s ease-in-out infinite alternate;
}
@keyframes v2-halo-breathe {
  from { opacity: 0.78; transform: translate(-50%, -50%) translateY(-1%) scale(1); }
  to { opacity: 0.95; transform: translate(-50%, -50%) translateY(-1%) scale(1.012); }
}
.home-v2 .hero .v2-hero-halo::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 48%;
  width: 330vw;
  aspect-ratio: 16 / 9;
  transform: translate(-50%, -50%) translateY(-1%);
  background: conic-gradient(from 0deg,
    rgba(196, 226, 248, 0) 0deg,
    rgba(196, 226, 248, 0) 24deg,
    rgba(232, 246, 255, 0.35) 52deg,
    rgba(196, 226, 248, 0) 80deg,
    rgba(196, 226, 248, 0) 360deg);
  -webkit-mask: radial-gradient(closest-side, transparent 25%, #000 30%, #000 36%, transparent 41%);
  mask: radial-gradient(closest-side, transparent 25%, #000 30%, #000 36%, transparent 41%);
  mix-blend-mode: screen;
  opacity: 0.55;
  animation: v2-halo-flow 64s linear infinite;
  pointer-events: none;
}
@keyframes v2-halo-flow {
  from { transform: translate(-50%, -50%) translateY(-1%) rotate(0deg); }
  to { transform: translate(-50%, -50%) translateY(-1%) rotate(360deg); }
}
.home-v2 .hero .container.v2-hero-grid {
  position: relative;
  z-index: 2;
}

/* ── 2. 单栏居中：容器宽度用 min() 把 padding 算进来，1280 视口不再左移裁切 ── */
.home-v2 .hero .container.v2-hero-grid {
  display: block !important;
  max-width: min(1200px, calc(100vw - 64px)) !important;
  text-align: center !important;
}
.home-v2 .v2-hero-copy {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
/* 用户 10-20：暗核里加一层会呼吸的冷光，标题后面有亮度层次，不再是一整块死黑。 */
.home-v2 .v2-hero-copy::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 40px;
  width: min(920px, 86vw);
  height: 380px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(88, 132, 255, 0.18), rgba(40, 80, 180, 0.06) 55%, transparent 72%);
  pointer-events: none;
  z-index: -1;
  animation: v2-copy-glow 10s ease-in-out infinite alternate;
}
@keyframes v2-copy-glow {
  from { opacity: 0.55; transform: translateX(-50%) scale(0.96); }
  to { opacity: 1; transform: translateX(-50%) scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
  .home-v2 .v2-hero-copy::before { animation: none; opacity: 0.8; }
}

/* 三段能力说明：金色主张只留“排名第一”，这三项放在标题下面做小字，
   不再做成药丸，避免和主张抢注意力。 */
.home-v2 .hero .hero-context {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center;
  gap: 0;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1.5;
  color: #9aa6b6 !important;
}
.home-v2 .hero .hero-context::before {
  content: none !important;
  display: none !important;
}
.home-v2 .hero .hero-context > span {
  position: relative;
  padding: 0 22px;
  color: inherit !important;
}
.home-v2 .hero .hero-context > span + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.14);
}
.home-v2 .hero .hero-context i {
  display: none !important;
}

/* ── 3. 标题与金色主张行 ── */
.home-v2 .hero h1 {
  font-size: clamp(46px, 5vw, 78px) !important;
  line-height: 1.04 !important;
  text-align: center !important;
  max-width: 1000px !important;
  margin: 0 !important;
}
.home-v2 .hero h1 .hero-line-1 {
  white-space: normal !important;
}
.home-v2 .hero h1 .hero-line-slogan {
  font-size: 0.34em !important;
  line-height: 1.3 !important;
  margin-top: 20px !important;
  letter-spacing: 0.01em !important;
  color: #e9eef8 !important;
  -webkit-text-fill-color: #e9eef8 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
}
.home-v2 .hero .accent-word {
  color: #ebcb8b !important;
  -webkit-text-fill-color: #ebcb8b !important;
}

/* ── 4. 导语、按钮、平台说明、退款胶囊 ── */
.home-v2 .hero .v2-hero-lead {
  max-width: 820px !important;
  text-align: center !important;
  margin: 26px auto 0 !important;
  font-size: 16.5px !important;
  line-height: 1.7 !important;
}
.home-v2 .hero .v2-hero-lead .hero-copy-detail {
  font-size: 16px !important;
}
.home-v2 .hero .v2-hero-lead .hero-copy-outcome {
  font-size: 19px !important;
}
.home-v2 .hero .hero-actions {
  justify-content: center !important;
  margin-top: 30px !important;
  gap: 14px !important;
}
.home-v2 .hero .hero-actions .btn-primary,
.home-v2 .hero .hero-actions .v2-cta {
  background: #ebcb8b !important;
  border-color: #ebcb8b !important;
  color: #090b10 !important;
  font-weight: 700 !important;
  min-height: 54px !important;
  padding: 0 30px !important;
  box-shadow: 0 8px 30px rgba(235, 203, 139, 0.18) !important;
}
.home-v2 .hero .hero-actions .btn-primary:hover,
.home-v2 .hero .hero-actions .v2-cta:hover {
  filter: brightness(1.04);
}
.home-v2 .hero .hero-actions .btn-primary:focus-visible,
.home-v2 .hero .hero-actions .v2-cta:focus-visible,
.home-v2 .hero .hero-actions .btn-secondary:focus-visible {
  outline: 2px solid #ebcb8b;
  outline-offset: 3px;
}
.home-v2 .hero .hero-actions .btn-secondary {
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #fff !important;
}
.home-v2 .hero .hero-refund-assurance {
  justify-content: center !important;
  margin-top: 12px !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: #9aa6b6 !important;
}
.home-v2 .hero .hero-refund-assurance strong {
  color: #c7d3ea !important;
  font-weight: 500 !important;
}
.home-v2 .hero .hero-refund-assurance-mark {
  color: #ebcb8b !important;
  background: rgba(235, 203, 139, 0.12) !important;
}
.home-v2 .hero .hero-refund-assurance a {
  color: #c7d3ea !important;
}

/* ── 5. 顶部一行式眉标：左侧人话定位 + 右侧 20 分钟 offer ──
   用户 10-20：两枚小胶囊上下叠着像一条竖线，改成一行，两侧用细线撑开宽度。 */
.home-v2 .hero .v2-hero-kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: min(680px, 88vw);
  margin-bottom: 24px;
  color: #aab4c4;
  font-size: 13px;
  letter-spacing: 0.02em;
}
.home-v2 .hero .v2-hero-kicker::before,
.home-v2 .hero .v2-hero-kicker::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  min-width: 24px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18));
}
.home-v2 .hero .v2-hero-kicker::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent);
}
.home-v2 .hero .v2-kicker-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  color: #b9c4d4;
}
.home-v2 .hero .v2-kicker-tag i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ebcb8b;
  box-shadow: 0 0 12px rgba(235, 203, 139, 0.6);
}
.home-v2 .hero .v2-kicker-divider {
  flex: none;
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.18);
}
.home-v2 .hero .v2-kicker-offer {
  white-space: nowrap;
  color: #e6edf8;
  font-weight: 550;
}
.v2-hero-platform-note {
  margin-top: 12px;
  font-size: 12.5px;
  color: #7d8794;
  letter-spacing: 0.02em;
}
.home-v2 .hero .v2-hero-social {
  order: 5 !important;
  margin-top: 16px;
  font-size: 12.5px;
  line-height: 1.55;
  color: #8b95a5;
  letter-spacing: 0.01em;
}
.v2-hero-social strong {
  color: #e8eef8;
  font-weight: 650;
}
.v2-hero-social small {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  color: #5f6a7a;
}
.home-v2 .hero .v2-hero-claim-note {
  order: 6 !important;
  margin: 8px 0 0;
  font-size: 11.5px;
  color: #6f7b8c;
}
.v2-hero-claim-note a {
  color: #ebcb8b;
  text-decoration: none;
  border-bottom: 1px solid rgba(235, 203, 139, 0.35);
}

/* ── 6. 演示窗口：下移放大，首屏露出上沿 ── */
.home-v2 .v2-window {
  width: min(1120px, 100%) !important;
  margin: 38px auto 0 !important;
}
/* ── 6b. 首屏演示：真实视频面试 + 小面悬浮答案（10-20 参考竞品构图） ── */
.home-v2 .v2-meeting-window {
  margin-bottom: 0 !important;
  border-radius: 18px !important;
}
.home-v2 .v2-meeting {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #090d14;
  isolation: isolate;
}
.home-v2 .v2-meeting-feeds {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.home-v2 .v2-meeting-tile {
  position: relative;
  overflow: hidden;
  background: #11161f;
}
.home-v2 .v2-meeting-tile + .v2-meeting-tile {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
.home-v2 .v2-meeting-tile video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  filter: saturate(0.95) brightness(0.96) contrast(1.03);
  transform: scale(1.02);
  display: block;
}
.home-v2 .v2-meeting-tile.is-interviewer video {
  object-position: 50% 30%;
}
.home-v2 .v2-meeting-tile.is-candidate video {
  object-position: 50% 26%;
}
.home-v2 .v2-meeting::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(5, 8, 13, 0.38) 0%, rgba(5, 8, 13, 0.05) 22%, rgba(5, 8, 13, 0) 56%, rgba(5, 8, 13, 0.58) 100%),
    radial-gradient(120% 80% at 50% 42%, transparent 55%, rgba(4, 7, 12, 0.35) 100%);
}
.home-v2 .v2-meeting-name {
  position: absolute;
  bottom: 14px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(8, 12, 18, 0.68);
  color: #dbe4f0;
  font-size: 11px;
  letter-spacing: 0.01em;
  backdrop-filter: blur(8px);
}
.home-v2 .is-interviewer .v2-meeting-name { left: 14px; }
.home-v2 .is-candidate .v2-meeting-name { right: 14px; }
.home-v2 .v2-wave {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  height: 10px;
}
.home-v2 .v2-wave i {
  width: 2px;
  border-radius: 2px;
  background: #ebcb8b;
  transform-origin: bottom;
  animation: v2-wave 1.1s ease-in-out infinite;
}
.home-v2 .v2-wave i:nth-child(1) { height: 4px; animation-delay: -0.15s; }
.home-v2 .v2-wave i:nth-child(2) { height: 8px; animation-delay: -0.35s; }
.home-v2 .v2-wave i:nth-child(3) { height: 10px; animation-delay: -0.55s; }
.home-v2 .v2-wave i:nth-child(4) { height: 6px; animation-delay: -0.75s; }
@keyframes v2-wave {
  0%, 100% { transform: scaleY(0.35); opacity: 0.7; }
  50% { transform: scaleY(1); opacity: 1; }
}
.home-v2 .v2-meeting-top {
  position: absolute;
  top: 14px;
  left: 16px;
  right: 16px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.home-v2 .v2-meeting-live,
.home-v2 .v2-meeting-app {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(8, 12, 18, 0.62);
  color: #c7d1df;
  font-size: 11px;
  backdrop-filter: blur(10px);
}
.home-v2 .v2-meeting-live i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff5a5f;
  box-shadow: 0 0 10px rgba(255, 90, 95, 0.55);
  animation: v2-rec 2.6s ease-in-out infinite;
}
.home-v2 .v2-meeting-live b { color: #eef3fa; font-weight: 600; font-variant-numeric: tabular-nums; }
.home-v2 .v2-meeting-app i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ebcb8b;
  box-shadow: 0 0 10px rgba(235, 203, 139, 0.5);
}
@keyframes v2-rec {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
.home-v2 .v2-answer-card {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 88px;
  transform: translateX(-50%);
  width: min(740px, 70%);
  height: 362px;
  max-height: calc(100% - 150px);
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(120% 90% at 18% 0%, rgba(46, 78, 150, 0.2), transparent 60%),
    linear-gradient(180deg, rgba(10, 16, 28, 0.93) 0%, rgba(7, 11, 20, 0.9) 100%);
  text-align: left;
  box-shadow: 0 40px 100px -32px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(40px) saturate(125%);
  backdrop-filter: blur(40px) saturate(125%);
  color: #e8eef8;
  display: flex;
  flex-direction: column;
}
/* 窗口标题栏与工具条：按产品真实悬浮窗（小面 · 实时答题）还原 */
.home-v2 .v2-aw-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px 5px;
  color: #7c899c;
  font-size: 10.5px;
}
.home-v2 .v2-aw-dots { display: inline-flex; gap: 5px; }
.home-v2 .v2-aw-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); }
.home-v2 .v2-aw-title { flex: 1; }
.home-v2 .v2-aw-x { color: #5d6a7d; font-size: 13px; line-height: 1; }
.home-v2 .v2-aw-tools {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px 7px;
  flex-wrap: nowrap;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color: #5f6f86;
  font-size: 10px;
}
.home-v2 .v2-aw-tool { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.home-v2 .v2-aw-tool svg { width: 12px; height: 12px; }
.home-v2 .v2-aw-glyph-ico { display: inline-flex; }
.home-v2 .v2-aw-grip { opacity: 0.55; }
.home-v2 .v2-aw-grip svg { width: 11px; height: 11px; }
.home-v2 .v2-aw-dot { width: 5px; height: 5px; border-radius: 50%; background: #8fb6ff; box-shadow: 0 0 6px rgba(143, 182, 255, 0.6); }
.home-v2 .v2-aw-name { color: #b6c3d4; }
.home-v2 .v2-aw-type { gap: 1px; }
.home-v2 .v2-aw-active { color: #b9ccff; background: rgba(120, 160, 255, 0.18); border-radius: 4px; padding: 2px 3px; }
.home-v2 .v2-aw-close { margin-left: auto; }
/* 左右两栏：左实时转写，右 AI 参考答案 */
.home-v2 .v2-aw-body { display: grid; grid-template-columns: 44% 56%; flex: 1; min-height: 0; }
.home-v2 .v2-aw-pane { padding: 12px 14px 16px; min-width: 0; }
.home-v2 .v2-aw-answer { border-left: 1px solid rgba(255, 255, 255, 0.07); }
.home-v2 .v2-aw-phead { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; color: #72839a; font-size: 10.5px; }
.home-v2 .v2-aw-ico { color: #8aa4c8; font-size: 10px; }
.home-v2 .v2-aw-q { margin: 0; color: #c4cedd; font-size: 12.5px; line-height: 1.6; }
.home-v2 .v2-aw-q > span {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.09);
  color: #dfe7f2;
  font-size: 9.5px;
}
.home-v2 .v2-aw-text p { margin: 0 0 6px; color: #dde6f2; font-size: 13px; line-height: 1.72; }
.home-v2 .v2-aw-text p:last-child { margin-bottom: 0; }
.home-v2 .v2-aw-text em { color: #ebcb8b; font-style: normal; }
.home-v2 .v2-answer-card p { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.home-v2 .v2-aw-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid rgba(122, 162, 255, 0.26);
  background: rgba(91, 134, 240, 0.16);
  color: #a9c2ff;
  font-size: 9.5px;
  white-space: nowrap;
}
.home-v2 .v2-aw-status i { width: 4px; height: 4px; border-radius: 50%; background: #9db9ff; box-shadow: 0 0 6px rgba(157, 185, 255, 0.7); }
.home-v2 .v2-aw-status.is-live i { animation: v2-rec 1.2s ease-in-out infinite; }
.home-v2 .v2-aw-text .is-typing::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 0.95em;
  margin-left: 2px;
  border-radius: 1px;
  background: #a9c2ff;
  vertical-align: -0.12em;
  animation: v2-caret 0.95s steps(2, start) infinite;
}
@keyframes v2-caret {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
.home-v2 .v2-meeting-controls {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(8, 12, 18, 0.72);
  backdrop-filter: blur(12px);
}
.home-v2 .v2-meeting-btn {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: #e6edf6;
}
.home-v2 .v2-meeting-btn svg { width: 16px; height: 16px; }
.home-v2 .v2-meeting-hangup { background: #e5484d; color: #fff; }
@media (max-width: 900px) {
  .home-v2 .v2-answer-card {
    top: 70px;
    bottom: auto;
    width: min(720px, 82%);
    height: 340px;
    padding: 0;
    max-height: calc(100% - 128px);
  }
  .home-v2 .v2-aw-body { min-height: 0; }
  .home-v2 .v2-aw-text p { font-size: 12.5px; line-height: 1.66; }
  .home-v2 .v2-aw-q { font-size: 11.5px; }
}
@media (max-width: 640px) {
  /* 手机上不再把答案卡盖在人脸上：两路摄像头并排放在上方，答案卡在下面 */
  .home-v2 .v2-meeting {
    aspect-ratio: 2 / 3;
    display: flex;
    flex-direction: column;
  }
  .home-v2 .v2-meeting::after {
    background: linear-gradient(180deg, rgba(5, 8, 13, 0.45) 0%, rgba(5, 8, 13, 0) 38%, rgba(5, 8, 13, 0) 100%);
  }
  .home-v2 .v2-meeting-feeds {
    position: relative;
    inset: auto;
    flex: 0 0 30%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
  .home-v2 .v2-meeting-tile + .v2-meeting-tile {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 0;
  }
  .home-v2 .v2-meeting-tile.is-interviewer video,
  .home-v2 .v2-meeting-tile.is-candidate video { object-position: center 24%; }
  /* 手机只保留答案栏；转写栏在窄屏会把字挤成一条线 */
  .home-v2 .v2-answer-card {
    position: relative;
    inset: auto;
    flex: 0 0 auto;
    width: calc(100% - 20px);
    height: auto;
    max-height: none;
    margin: 10px auto 54px;
    padding: 0;
    transform: none;
  }
  .home-v2 .v2-aw-body { grid-template-columns: 1fr; min-height: 0; }
  .home-v2 .v2-aw-transcript { display: none; }
  .home-v2 .v2-aw-answer { border-left: 0; }
  .home-v2 .v2-aw-tools { gap: 9px; padding: 0 10px 6px; }
  .home-v2 .v2-aw-tools .v2-aw-tool { display: none; }
  .home-v2 .v2-aw-tools .v2-aw-name,
  .home-v2 .v2-aw-tools .v2-aw-close { display: inline-flex; }
  .home-v2 .v2-aw-text p { font-size: 11.8px; line-height: 1.6; }
  .home-v2 .v2-aw-text p:nth-of-type(n+4) { display: none; }
  .home-v2 .v2-aw-phead { margin-bottom: 8px; }
  .home-v2 .v2-aw-pane { padding: 10px 12px 13px; }
  .home-v2 .v2-meeting-top { top: 8px; left: 8px; right: 8px; }
  .home-v2 .v2-meeting-app { display: none; }
  /* 手机上会议控制条跟着摄像头画面走，不再压到下方的答案卡 */
  .home-v2 .v2-meeting-name { bottom: 8px; padding: 3px 8px; font-size: 9.5px; }
  .home-v2 .is-interviewer .v2-meeting-name { left: 8px; }
  .home-v2 .is-candidate .v2-meeting-name { right: 8px; }
  .home-v2 .v2-meeting-controls {
    top: calc(30% - 46px);
    bottom: auto;
    gap: 6px;
    padding: 5px 7px;
    transform: translateX(-50%) scale(0.82);
    transform-origin: bottom center;
  }
  .home-v2 .v2-meeting-btn { width: 30px; height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-v2 .v2-meeting-tile.is-interviewer img,
  .home-v2 .v2-wave i,
  .home-v2 .v2-meeting-live i {
    animation: none !important;
  }
}
.home-v2 .v2-hero-platforms {
  margin-top: 36px !important;
}

/* ── 7. 手机端 ── */
@media (max-width: 640px) {
  .home-v2 .hero.v2-hero {
    padding: 96px 0 44px !important;
  }
  .home-v2 .hero .container.v2-hero-grid {
    max-width: calc(100vw - 40px) !important;
  }
  .home-v2 .hero h1 {
    font-size: clamp(38px, 11vw, 50px) !important;
  }
  .home-v2 .hero h1 .hero-line-slogan {
    font-size: 0.4em !important;
    margin-top: 14px !important;
  }
  .home-v2 .hero .v2-hero-lead {
    font-size: 15px !important;
  }
  .home-v2 .hero .v2-hero-kicker {
    width: 100%;
    gap: 10px;
    font-size: 12px;
    margin-bottom: 16px;
  }
  .home-v2 .hero .v2-hero-kicker::before,
  .home-v2 .hero .v2-hero-kicker::after {
    display: none;
  }
  .home-v2 .hero .hero-context {
    margin-top: 14px !important;
    font-size: 13px !important;
  }
  .home-v2 .hero .hero-context > span {
    padding: 0 12px;
  }
  .home-v2 .hero .hero-actions {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 320px !important;
  }
  .home-v2 .hero .hero-actions a {
    width: 100% !important;
  }
  .home-v2 .hero .hero-refund-assurance {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    gap: 6px !important;
    font-size: 12px !important;
    color: #8b95a5 !important;
  }
  .home-v2 .hero .hero-refund-assurance strong {
    color: #a7b0bd !important;
    font-weight: 500 !important;
  }
  .home-v2 .hero .hero-refund-assurance a {
    color: #c7d3ea !important;
    min-height: 0 !important;
  }
  .v2-hero-proof {
    gap: 6px 16px;
  }
  .v2-hero-proof span {
    white-space: normal;
  }
  .home-v2 .v2-window {
    margin-top: 26px !important;
  }
}

@media (max-width: 640px) {
  .home-v2 .hero .v2-hero-halo::before {
    top: 44%;
    width: 500vw;
    opacity: 0.70;
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-v2 .hero .v2-hero-halo::before,
  .home-v2 .hero .v2-hero-halo::after {
    animation: none;
  }
  .home-v2 .hero .hero-stars,
  .home-v2 .hero .hero-star-g {
    opacity: 0.3 !important;
  }
}


/* ── 答案怎么看：三张说明卡 + 一张产品实拍，替代原来两张带“放大”徽标的截图卡 ── */
.home-v2 #stealth .stealth-methods-head { margin-top: 44px; }
.home-v2 .v2-ways { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 920px; margin: 24px auto 28px; }
.home-v2 .v2-way { padding: 24px 24px 22px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .08); background: linear-gradient(180deg, rgba(20, 28, 46, .6) 0%, rgba(10, 15, 26, .4) 100%); text-align: left; }
.home-v2 .v2-way-ico { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 16px; border-radius: 12px; border: 1px solid rgba(140, 175, 255, .18); background: rgba(110, 150, 255, .12); color: #bcd2ff; }
.home-v2 .v2-way-ico svg { width: 20px; height: 20px; }
.home-v2 .v2-way h3 { margin: 0 0 8px; font-size: 17px; font-weight: 600; color: #fff; letter-spacing: .01em; }
.home-v2 .v2-way p { margin: 0; font-size: 13.5px; line-height: 1.65; color: #98a6ba; }
.home-v2 .v2-ways-shot { margin: 0 auto; max-width: 900px; overflow: hidden; border-radius: 18px; border: 1px solid rgba(255, 255, 255, .09); background: #0b111c; box-shadow: 0 36px 90px -46px rgba(0, 0, 0, .9); }
.home-v2 .v2-ways-shot img { display: block; width: 100%; height: auto; }


/* 10-21 用户：为什么选小面的配图不合适，直接去掉；六条问答改成编辑式文字排版 */
.home-v2 #why .v2-why-list {
  counter-reset: why;
  display: block !important;
  max-width: 1060px;
  margin: 40px auto 0;
  border-top: 1px solid rgba(255, 255, 255, .1);
}
.home-v2 #why .v2-why-item {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
  margin: 0 !important;
  padding: 24px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 0 !important;
  background: none !important;
}
.home-v2 #why .v2-why-item dt {
  font-size: 15px !important;
  font-weight: 500;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #93a4bd;
}
.home-v2 #why .v2-why-item dt::before {
  content: counter(why, decimal-leading-zero);
  margin-right: 12px;
  font-size: 12px;
  color: #c9a86b;
  font-variant-numeric: tabular-nums;
}
.home-v2 #why .v2-why-item dd {
  margin: 0 !important;
  font-size: 17px;
  line-height: 1.7;
  color: #e9eef8;
}
.home-v2 #why .v2-why-item.is-key dt { color: #dfe7f4; font-weight: 600; }
.home-v2 #why .v2-why-item.is-key dd { font-size: 19px; color: #fff; }
.home-v2 #why .v2-why-item dd a { color: #ebcb8b; }
@media (max-width: 900px) {
  .home-v2 #why .v2-why-list { margin-top: 26px; }
  .home-v2 #why .v2-why-item { grid-template-columns: 1fr; gap: 8px; padding: 18px 0 !important; }
  .home-v2 #why .v2-why-item dd, .home-v2 #why .v2-why-item.is-key dd { font-size: 15px; }
  .home-v2 #why .v2-why-item.is-key dd { font-size: 16px; }
}

/* ── 挑面试助手：问题降为小标签，答案成为主角，六项读起来有节奏 ── */
.home-v2 #why .v2-why-list { counter-reset: why; gap: 14px; max-width: 980px; margin-top: 34px; }
.home-v2 #why .v2-why-item { padding: 22px 24px; border-radius: 16px; background: linear-gradient(180deg, rgba(18, 26, 44, .55) 0%, rgba(9, 14, 24, .35) 100%); }
.home-v2 #why .v2-why-item dt { display: flex; align-items: baseline; font-size: 12.5px; font-weight: 500; letter-spacing: .03em; color: #8593a8; }
.home-v2 #why .v2-why-item dt::before { counter-increment: why; content: counter(why, decimal-leading-zero); margin-right: 9px; font-size: 11px; font-variant-numeric: tabular-nums; color: #5d7094; }
.home-v2 #why .v2-why-item dd { margin-top: 9px; font-size: 16px; line-height: 1.6; color: #e8eef8; }
.home-v2 #why .v2-why-item.is-key { padding: 24px 26px; border-color: rgba(140, 175, 255, .22); background: linear-gradient(180deg, rgba(36, 56, 104, .5) 0%, rgba(12, 20, 36, .4) 100%); }
.home-v2 #why .v2-why-item.is-key dt { color: #9db0cd; }
.home-v2 #why .v2-why-item.is-key dd { font-size: 18px; color: #fff; }
@media (max-width: 900px) {
  .home-v2 .v2-ways { grid-template-columns: 1fr; gap: 12px; }
  .home-v2 .v2-way { display: grid; grid-template-columns: 40px 1fr; column-gap: 14px; padding: 18px; }
  .home-v2 .v2-way-ico { grid-row: span 2; width: 36px; height: 36px; margin: 0; }
  .home-v2 .v2-way h3 { margin: 0 0 4px; font-size: 15.5px; }
}

/* 小节标签与说明条收干净：不要方块底、不要整块深色卡片 */
.home-v2 .stealth-methods-head span {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 0 !important; border: 0 !important; background: none !important;
  font-size: 12px; letter-spacing: .12em; color: #8fa0b8;
}
.home-v2 .stealth-methods-head span::before {
  content: ""; width: 5px; height: 5px; border-radius: 50%; background: #ebcb8b;
}
.home-v2 #stealth .stealth-note {
  margin: 26px auto 0 !important;
  max-width: 900px;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  text-align: center;
  font-size: 12.5px !important;
  line-height: 1.7;
  color: #7f8ea4 !important;
}


/* 10-21 用户：AI 面试官做成会说话循环的动图；视频只负责脸和嘴型，
   姓名、状态、问题、标签都是网页层叠，保证任何屏幕上都清晰。 */
.home-v2 #mock-interview .v2-mock-visual { position: relative; }
.home-v2 #mock-interview .v2-mock-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(4, 7, 12, .52) 0%, transparent 24%, transparent 52%, rgba(4, 7, 12, .88) 100%);
}
.home-v2 #mock-interview .v2-mock-hud {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 4.2% 4.6%;
  pointer-events: none;
}
.home-v2 #mock-interview .v2-mock-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.home-v2 #mock-interview .v2-mock-who {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 11px; border-radius: 999px; white-space: nowrap;
  background: rgba(8, 12, 20, .62); border: 1px solid rgba(255, 255, 255, .16);
  color: #f6f2e8; font-size: clamp(9px, 1vw, 14px); font-weight: 650;
  backdrop-filter: blur(10px);
}
.home-v2 #mock-interview .v2-mock-who .live {
  width: 7px; height: 7px; border-radius: 50%; background: #ff5d5d;
  box-shadow: 0 0 0 3px rgba(255, 93, 93, .16), 0 0 10px rgba(255, 93, 93, .6);
}
.home-v2 #mock-interview .v2-mock-who em {
  font-style: normal; padding: 2px 5px; border-radius: 4px;
  background: linear-gradient(135deg, #f3dca8, #dcb977); color: #14100a;
  font-size: 9px; font-weight: 800; letter-spacing: .1em;
}
.home-v2 #mock-interview .v2-mock-status {
  display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(8, 12, 20, .62); border: 1px solid rgba(255, 255, 255, .14);
  color: rgba(235, 241, 252, .78); font-size: clamp(8px, .85vw, 12px);
  font-variant-numeric: tabular-nums; backdrop-filter: blur(10px);
}
.home-v2 #mock-interview .v2-mock-status i {
  width: 6px; height: 6px; border-radius: 50%; background: #6fe3a1;
  box-shadow: 0 0 8px rgba(111, 227, 161, .7);
}
.home-v2 #mock-interview .v2-mock-bottom { max-width: 64%; }
.home-v2 #mock-interview .v2-mock-ask {
  display: inline-flex; align-items: center; gap: 8px;
  color: #e9cf97; font-size: clamp(8px, .8vw, 11px); font-weight: 600; letter-spacing: .1em;
}
.home-v2 #mock-interview .v2-mock-wave { display: inline-flex; align-items: flex-end; gap: 2px; height: 11px; }
.home-v2 #mock-interview .v2-mock-wave i { display: block; width: 2px; border-radius: 2px; background: linear-gradient(180deg, #f3dca8, #c79f59); }
.home-v2 #mock-interview .v2-mock-wave i:nth-child(1) { height: 5px; }
.home-v2 #mock-interview .v2-mock-wave i:nth-child(2) { height: 9px; }
.home-v2 #mock-interview .v2-mock-wave i:nth-child(3) { height: 11px; }
.home-v2 #mock-interview .v2-mock-wave i:nth-child(4) { height: 7px; }
.home-v2 #mock-interview .v2-mock-wave i:nth-child(5) { height: 10px; }
.home-v2 #mock-interview .v2-mock-wave i:nth-child(6) { height: 6px; }
.home-v2 #mock-interview .v2-mock-wave i:nth-child(7) { height: 8px; }
.home-v2 #mock-interview .v2-mock-q {
  margin: 7px 0 0; color: #fbf8f1;
  font-size: clamp(14px, 1.4vw, 20px); line-height: 1.36; font-weight: 650;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .55);
}
.home-v2 #mock-interview .v2-mock-q em { font-style: normal; color: #f3dca8; }
.home-v2 #mock-interview .v2-mock-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.home-v2 #mock-interview .v2-mock-chips span {
  padding: 4px 8px; border-radius: 999px; white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, .18); background: rgba(10, 15, 24, .5);
  color: rgba(238, 243, 252, .86); font-size: clamp(8px, .78vw, 10.5px);
}


@media (max-width: 640px) {
  .home-v2 #mock-interview .v2-mock-status { display: none; }
  .home-v2 #mock-interview .v2-mock-bottom { max-width: 86%; }
  .home-v2 #mock-interview .v2-mock-who { padding: 5px 9px; font-size: 10px; }
  .home-v2 #mock-interview .v2-mock-q { font-size: 14px; }
  .home-v2 #mock-interview .v2-mock-chips { gap: 4px; margin-top: 8px; }
  .home-v2 #mock-interview .v2-mock-chips span { padding: 3px 6px; font-size: 7.5px; }
}

/* 模拟面试：亮色截图包进深色画框，去掉“放大”徽标 */
.home-v2 #mock-interview .v2-media {
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  overflow: hidden;
  background: #0b111c;
  box-shadow: 0 40px 110px -46px rgba(0, 0, 0, .85);
}
.home-v2 #mock-interview .v2-media img { display: block; width: 100%; height: auto; filter: brightness(.97) saturate(1); }
.home-v2 #mock-interview .mock-interview-cta { margin-top: 22px; }

/* 双机位：三类场景并排成同高卡片，去掉两层分组和“放大”按钮 */
.home-v2 #dual-camera .v2-dual-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 30px; }
.home-v2 #dual-camera .v2-dual-card {
  display: flex !important;
  flex-direction: column;
  padding: 16px 16px 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  background: linear-gradient(180deg, rgba(20, 28, 46, .6) 0%, rgba(10, 15, 26, .4) 100%) !important;
  text-align: left !important;
}
.home-v2 #dual-camera .v2-dual-card .v2-card-pic {
  grid-column: auto !important; grid-row: auto !important;
  width: 100% !important; margin: 0 0 14px !important;
  border-radius: 11px !important; overflow: hidden;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  background: #0c1320;
}
.home-v2 #dual-camera .v2-dual-card .v2-card-pic img { width: 100%; height: 100%; object-fit: cover; }
.home-v2 #dual-camera .v2-dual-card .v2-card-listen { display: grid; place-items: center; align-content: center; gap: 8px; color: #b9ccff; }
.home-v2 #dual-camera .v2-dual-card .v2-card-fit { margin-top: auto; padding-top: 12px; }
@media (max-width: 900px) {
  .home-v2 #dual-camera .v2-dual-grid { grid-template-columns: 1fr; }
}

/* 双机位：用更高优先级彻底退出原有「图左文右」网格，改成上图下文 */
.home-v2 #dual-camera .v2-card.v2-card-visual.v2-dual-card {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  align-items: stretch !important;
}
.home-v2 #dual-camera .v2-card.v2-card-visual.v2-dual-card > .v2-card-pic,
.home-v2 #dual-camera .v2-card.v2-card-visual.v2-dual-card > .v2-card-num,
.home-v2 #dual-camera .v2-card.v2-card-visual.v2-dual-card > h3,
.home-v2 #dual-camera .v2-card.v2-card-visual.v2-dual-card > p,
.home-v2 #dual-camera .v2-card.v2-card-visual.v2-dual-card > .v2-card-fit {
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  margin-left: 0 !important;
}
.home-v2 #dual-camera .v2-card.v2-card-visual.v2-dual-card > .v2-card-pic {
  width: 100% !important;
  margin: 0 0 14px !important;
}
.home-v2 #dual-camera .v2-card.v2-card-visual.v2-dual-card > h3 {
  margin: 10px 0 6px !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
}
.home-v2 #dual-camera .v2-card.v2-card-visual.v2-dual-card > p { margin: 0 !important; }

.home-v2 #dual-camera .v2-dual-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-v2 #dual-camera .v2-card.v2-card-visual.v2-dual-card > .v2-card-fit { text-align: left !important; margin-top: auto !important; padding-top: 12px !important; }

.home-v2 #dual-camera .v2-card.v2-card-visual.v2-dual-card > .v2-card-fit { align-self: stretch !important; }

.home-v2 #dual-camera .v2-dual-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .home-v2 #dual-camera .v2-dual-grid { grid-template-columns: 1fr; } }

/* 双机位：保留「面试 / 笔试」两组语义，视觉上仍是一排同高卡片 */
.home-v2 #dual-camera .v2-dual-groups {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 30px;
  max-width: none;
}
.home-v2 #dual-camera .v2-dual-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  min-width: 0;
}
.home-v2 #dual-camera .v2-dual-group-interview { grid-column: auto; }
.home-v2 #dual-camera .v2-dual-group-interview .v2-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  flex: 1;
  max-width: none !important;
  margin: 0 !important;
}
.home-v2 #dual-camera .v2-dual-group-exam .v2-cards {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  flex: 1;
  max-width: none !important;
  margin: 0 !important;
}
.home-v2 #dual-camera .v2-group-head {
  margin: 0 !important;
  padding: 0 2px;
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 12.5px;
  color: #7f8ea4;
}
.home-v2 #dual-camera .v2-group-head b { color: #cfe0ff; font-weight: 600; }
@media (max-width: 900px) {
  .home-v2 #dual-camera .v2-dual-groups { grid-template-columns: 1fr; }
  .home-v2 #dual-camera .v2-dual-group-interview { grid-column: auto; }
  .home-v2 #dual-camera .v2-dual-group-interview .v2-cards { grid-template-columns: 1fr !important; }
}

/* 手撕算法：居中标题 + 一行三步，下面只留一个题型演示，避免两块截图重复 */
.home-v2 #capability-proof .v2-coding-head { max-width: 780px; margin: 0 auto !important; }
.home-v2 #capability-proof .v2-steps-row {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 22px auto 0;
  padding: 0;
  list-style: none;
}
.home-v2 #capability-proof .v2-steps-row li { display: flex; align-items: center; gap: 9px; font-size: 14px; color: #a9b6c8; }
.home-v2 #capability-proof .v2-steps-row b {
  display: grid; place-items: center;
  width: 20px; height: 20px; border-radius: 50%;
  border: 1px solid rgba(140, 175, 255, .3);
  color: #bcd2ff; font-size: 11px;
}
.home-v2 #capability-proof .v2-coding-cta { text-align: center; margin-top: 18px; }
.home-v2 #capability-proof .v2-subhead { text-align: center; margin-top: 48px; }
.home-v2 #capability-proof .exam-proof {
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(180deg, rgba(18, 26, 44, .55) 0%, rgba(9, 14, 24, .4) 100%);
  box-shadow: none;
}
@media (max-width: 900px) {
  .home-v2 #capability-proof .v2-steps-row { flex-wrap: wrap; gap: 12px 20px; }
}

/* 全站“放大”入口统一降噪：保留功能，但不再抢视线 */
.home-v2 .v2-zoom-hint {
  background: rgba(8, 12, 18, .45) !important;
  border-color: rgba(255, 255, 255, .08) !important;
  color: #b6c4d6 !important;
  opacity: .65;
  transition: opacity .18s ease;
}
.home-v2 .v2-zoom:hover .v2-zoom-hint { opacity: 1; }

.home-v2 #capability-proof .v2-steps-row { flex-direction: row !important; flex-wrap: wrap; align-items: center; }

/* 眼神修正：标题居中，两张对比图并排，不再挤在右半边 */
.home-v2 #eye-contact .v2-eye-head { max-width: 720px; margin: 0 auto !important; }
.home-v2 #eye-contact .eye-faces { max-width: 880px; margin: 30px auto 0; }
.home-v2 #eye-contact .v2-eye-cta { text-align: center; margin-top: 22px; }
@media (max-width: 640px) {
  .home-v2 #eye-contact .eye-faces { grid-template-columns: 1fr !important; }
}

/* FAQ：改成单列，避免一侧展开后另一侧留下大块空白 */
@media (min-width: 641px) {
  .home-v2 .faq-list {
    grid-template-columns: 1fr !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.home-v2 .faq-item .faq-body p { max-width: 780px; }

/* 981–1120px：导航整条放不下，收起「使用教程」并压紧间距，避免页面被撑出横向滚动 */
@media (min-width: 981px) and (max-width: 1120px) {
  .home-v2 .nav-links { gap: 14px !important; font-size: 13px !important; }
  .home-v2 .nav-guide { display: none !important; }
  .home-v2 .nav-cta { padding: 0 14px !important; font-size: 13px !important; }
  .home-v2 .logo { flex-shrink: 0; }
  .home-v2 .logo span { white-space: nowrap; }
}

/* 适用场景挪到「挑面试助手」里，核心功能三张卡与这一节重复，已合并 */
.home-v2 #why .v2-why-tags { justify-content: center; margin: 26px auto 0; }

/* 挑面试助手：左边一张真实答案面板，右边六条对比，不再是一堵卡片墙 */
.home-v2 #why .v2-why-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1fr); gap: 30px; align-items: start; max-width: 1080px; margin: 34px auto 0; }
.home-v2 #why .v2-why-shot { margin: 0; border-radius: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .09); background: #0b111c; box-shadow: 0 40px 100px -50px rgba(0, 0, 0, .9); }
.home-v2 #why .v2-why-shot img { display: block; width: 100%; height: auto; }
.home-v2 #why .v2-why-list { display: block !important; margin: 0 !important; max-width: none !important; }
.home-v2 #why .v2-why-item { padding: 13px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 0 !important; background: none !important; }
.home-v2 #why .v2-why-item:first-child { padding-top: 0 !important; }
.home-v2 #why .v2-why-item:last-child { border-bottom: 0 !important; }
.home-v2 #why .v2-why-item.is-key dd { font-size: 17px !important; }
.home-v2 #why .v2-why-item dd { font-size: 15px !important; margin-top: 6px !important; }
@media (max-width: 900px) {
  .home-v2 #why .v2-why-layout { grid-template-columns: 1fr; gap: 18px; }
}

/* 手撕算法：恢复一段真实录屏，区块不再全是字 */
.home-v2 #capability-proof .v2-coding-media { max-width: 1160px; margin: 26px auto 0; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .1); overflow: hidden; background: #0b111c; box-shadow: 0 40px 110px -46px rgba(0, 0, 0, .85); }
.home-v2 #capability-proof .v2-coding-media img { display: block; width: 100%; height: auto; }

/* 深色产品截图在暗底上容易糊成一块，提亮一点并把边框提清晰 */
.home-v2 #why .v2-why-shot { border-color: rgba(255, 255, 255, .14) !important; }
.home-v2 #why .v2-why-shot img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: 72% center;
  filter: brightness(1.22) contrast(1.03);
}
.home-v2 #capability-proof .v2-coding-media { border-color: rgba(255, 255, 255, .14) !important; }
.home-v2 #capability-proof .v2-coding-media img { filter: brightness(1.15) contrast(1.02); }

.home-v2 #why .v2-why-shot { box-shadow: 0 0 90px rgba(80, 130, 255, .16), 0 40px 100px -50px rgba(0, 0, 0, .9) !important; }
.home-v2 #why .v2-why-shot img { filter: brightness(1.28) contrast(1.03) !important; }

/* 双机位：去掉两组小标题，改为每张卡自带场景标签；小图可点开放大 */
.home-v2 #dual-camera .v2-group-head { display: none !important; }
.home-v2 #dual-camera .v2-card-kicker {
  display: inline-block;
  align-self: flex-start;
  margin: 0 0 8px;
  padding: 2px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .04);
  color: #9fb3cf;
  font-size: 10.5px;
  letter-spacing: .08em;
}
.home-v2 #dual-camera .v2-card-pic.v2-zoom {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  cursor: zoom-in;
  position: relative;
}
.home-v2 #dual-camera .v2-card-pic .v2-zoom-hint {
  position: absolute;
  right: 10px;
  bottom: 10px;
}


/* 10-21 用户：区块之间不要只是一大块空白，加一条很淡的分隔线 + 小金点，节奏更清楚；
   同时把上下留白从 104 收到 88，避免「太空旷」。 */
.home-v2 .v2-seam {
  position: relative;
  max-width: 1200px;
  height: 34px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background: radial-gradient(620px 26px at 50% 50%, rgba(235,203,139,.12), transparent 72%);
}
.home-v2 .v2-seam::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16) 14%, rgba(235,203,139,.55) 50%, rgba(255,255,255,.16) 86%, transparent);
}
.home-v2 .v2-seam::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 1px;
  transform: rotate(45deg);
  background: #f3dca8;
  box-shadow: 0 0 14px rgba(243,220,168,.75), 0 0 34px rgba(235,203,139,.35);
}
@media (max-width: 900px) {
  .home-v2 .v2-seam { height: 26px; max-width: none; margin: 0 20px; }
}

/* 区块之间多留呼吸：原来只有 72px 顶部内边距、底部为 0 */
@media (min-width: 901px) {
  .home-v2 #why, .home-v2 #materials, .home-v2 #capability-proof, .home-v2 #mock-interview,
  .home-v2 #dual-camera, .home-v2 #term-recognition, .home-v2 #eye-contact,
  .home-v2 #all-features, .home-v2 #faq {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media (max-width: 900px) {
  .home-v2 #why, .home-v2 #materials, .home-v2 #capability-proof, .home-v2 #mock-interview,
  .home-v2 #dual-camera, .home-v2 #term-recognition, .home-v2 #eye-contact,
  .home-v2 #all-features, .home-v2 #faq {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
}

/* 眼神修正：真正居中 */
.home-v2 #eye-contact .eye-faces { margin-left: auto !important; margin-right: auto !important; }

/* 挑面试助手：一张宽幅实拍图 + 三列六条，图片直接带出双机位卖点 */
.home-v2 #why .v2-why-hero {
  position: relative;
  max-width: 1000px;
  margin: 30px auto 0;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .1);
  background: #0b111c;
  box-shadow: 0 0 90px rgba(80, 130, 255, .12), 0 40px 100px -50px rgba(0, 0, 0, .9);
}
.home-v2 #why .v2-why-hero img { display: block; width: 100%; aspect-ratio: 16 / 7; object-fit: cover; object-position: center 45%; }
.home-v2 #why .v2-why-hero figcaption {
  position: absolute;
  left: 18px;
  bottom: 16px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(8, 12, 18, .74);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #dbe4f0;
  font-size: 12.5px;
}
.home-v2 #why .v2-why-hero-tag { color: #ebcb8b; font-weight: 600; }
.home-v2 #why .v2-why-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px 26px;
  max-width: 1080px !important;
  margin: 26px auto 0 !important;
}
.home-v2 #why .v2-why-item { padding: 16px 0 0 !important; border: 0 !important; border-top: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 0 !important; background: none !important; }
.home-v2 #why .v2-why-item dd { font-size: 14.5px !important; }
.home-v2 #why .v2-why-item.is-key dd { font-size: 16px !important; }
@media (max-width: 900px) {
  .home-v2 #why .v2-why-hero img { aspect-ratio: 16 / 10; }
  .home-v2 #why .v2-why-list { grid-template-columns: 1fr !important; gap: 0 !important; }
}

/* 导入资料：前后对比做成一眼能看懂的「差 / 好」两段 + 箭头 */
.home-v2 .v2-mat-ans.is-before { display: block !important; }
.home-v2 .v2-mat-ans.is-before p {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  margin: 6px 0 0 !important;
  color: #8f9db2 !important;
}
.home-v2 .v2-mat-ans .v2-mat-tag i { font-style: normal; margin-right: 6px; }
.home-v2 .v2-mat-ans.is-before .v2-mat-tag i { color: #e08a8a; }
.home-v2 .v2-mat-ans.is-after .v2-mat-tag i { color: #7ee0a3; }
.home-v2 .v2-mat-verdict { display: block; margin-top: 10px; font-size: 12.5px; line-height: 1.5; color: #7f8ea4; }
.home-v2 .v2-mat-verdict.is-good { color: #c9b07a; }
.home-v2 .v2-mat-arrow { display: flex; justify-content: center; padding: 7px 0; color: #5f7397; }
.home-v2 .v2-mat-ans b { color: #ebcb8b; font-weight: 600; }
.home-v2 .v2-mat-ans.is-after { box-shadow: 0 18px 50px -34px rgba(80, 130, 255, .8); }

.home-v2 .v2-coding-media figcaption {
  padding: 10px 14px;
  font-size: 12.5px;
  line-height: 1.5;
  color: #8f9db2;
  text-align: center;
  background: rgba(8, 12, 18, .55);
}

.home-v2 .v2-coding-caption {
  max-width: 920px;
  margin: 12px auto 0;
  text-align: center;
  font-size: 12.5px;
  line-height: 1.6;
  color: #8f9db2;
}

/* 笔试三步：说明这块在做什么，再给题型示例 */
.home-v2 .exam-flow {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px 30px;
  margin: 20px auto 26px;
  padding: 0;
  list-style: none;
  max-width: 980px;
}
.home-v2 .exam-flow li { display: flex; align-items: center; gap: 9px; font-size: 13.5px; color: #a9b6c8; }
.home-v2 .exam-flow b {
  display: grid; place-items: center;
  width: 20px; height: 20px; border-radius: 50%;
  border: 1px solid rgba(140, 175, 255, .3);
  color: #bcd2ff; font-size: 11px;
}
.home-v2 .exam-proof-caption {
  max-width: 900px;
  margin: 14px auto 0;
  text-align: center;
  font-size: 12.5px;
  line-height: 1.6;
  color: #8f9db2;
}

/* 全部功能：四张卡各配一个图标，最后一组（不被看到）用金色强调 */
.home-v2 #all-features .v2-all-ico {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  vertical-align: -9px;
  border-radius: 9px;
  border: 1px solid rgba(140, 175, 255, .2);
  background: rgba(110, 150, 255, .12);
  color: #bcd2ff;
}
.home-v2 #all-features .v2-all-ico svg { width: 16px; height: 16px; }
.home-v2 #all-features .v2-all-count {
  margin: 10px 0 0;
  text-align: center;
  font-size: 12.5px;
  letter-spacing: .1em;
  color: #8fa0b8;
}
.home-v2 #all-features .v2-all-col:nth-child(4) {
  border-color: rgba(235, 203, 139, .24) !important;
  background: linear-gradient(180deg, rgba(235, 203, 139, .07) 0%, rgba(255, 255, 255, .02) 100%) !important;
}
.home-v2 #all-features .v2-all-col:nth-child(4) li::before { border-color: #ebcb8b !important; }
.home-v2 #all-features .v2-all-col:nth-child(4) .v2-all-ico { border-color: rgba(235, 203, 139, .3); background: rgba(235, 203, 139, .1); color: #ebcb8b; }
.home-v2 #all-features .v2-all-cta { margin-top: 16px; text-align: center; }

/* 导入资料：前后两张并排，一眼对比；窄屏再上下排 */
.home-v2 .v2-mat-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.home-v2 .v2-mat-pair .v2-mat-ans { display: flex; flex-direction: column; }
.home-v2 .v2-mat-pair .v2-mat-verdict { margin-top: auto; padding-top: 10px; }
@media (max-width: 720px) {
  .home-v2 .v2-mat-pair { grid-template-columns: 1fr; }
}


/* 10-21 用户：标题原来在左栏，和右边对比卡不在一个层级。改成居中区块头，下面是流程 / 对比两栏。 */
.home-v2 #materials .v2-mat-head { max-width: 840px; margin: 0 auto 34px !important; }
.home-v2 #materials .v2-mat-head .v2-lead { margin-bottom: 0; }
.home-v2 #materials .v2-mat-body {
  display: grid;
  grid-template-columns: minmax(0, 440px) minmax(0, 1fr);
  gap: 56px;
  align-items: center;
}
.home-v2 #materials .v2-mat-flow-wrap { display: flex; flex-direction: column; justify-content: center; }
.home-v2 #materials .v2-mat-flow { margin: 0 0 10px; }
@media (max-width: 1024px) {
  .home-v2 #materials .v2-mat-body { grid-template-columns: 1fr; gap: 32px; }
  .home-v2 #materials .v2-mat-flow-wrap { align-items: flex-start; }
}

/* 导入资料：拿掉外层大卡片，让两张答案自己立住，别把所有东西装进一个盒子 */
.home-v2 .v2-mat-compare {
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.home-v2 .v2-mat-compare .v2-mat-note { margin-top: 14px !important; }

/* 10-21 最终覆盖：去掉配图后的编辑式问答列表（清掉前面两套旧布局的优先级） */
.home-v2 #why .v2-why-list {
  counter-reset: why;
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  max-width: 1060px !important;
  margin: 40px auto 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .1);
}
.home-v2 #why .v2-why-item,
.home-v2 #why .v2-why-item:first-child,
.home-v2 #why .v2-why-item:last-child {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 48px !important;
  align-items: start;
  margin: 0 !important;
  padding: 24px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 0 !important;
  background: none !important;
}
.home-v2 #why .v2-why-item dt {
  display: flex;
  align-items: baseline;
  font-size: 15px !important;
  font-weight: 500;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #93a4bd;
}
.home-v2 #why .v2-why-item dt::before {
  counter-increment: why;
  content: counter(why, decimal-leading-zero);
  margin-right: 12px;
  font-size: 12px;
  color: #c9a86b;
  font-variant-numeric: tabular-nums;
}
.home-v2 #why .v2-why-item dd {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.7;
  color: #e9eef8;
}
.home-v2 #why .v2-why-item.is-key dt { color: #dfe7f4; font-weight: 600; }
.home-v2 #why .v2-why-item.is-key dd { font-size: 19px !important; color: #fff; }
.home-v2 #why .v2-why-item dd a { color: #ebcb8b; }
@media (max-width: 900px) {
  .home-v2 #why .v2-why-list { margin-top: 26px !important; }
  .home-v2 #why .v2-why-item,
  .home-v2 #why .v2-why-item:first-child,
  .home-v2 #why .v2-why-item:last-child { grid-template-columns: 1fr !important; gap: 8px !important; padding: 18px 0 !important; }
  .home-v2 #why .v2-why-item dd { font-size: 15px !important; }
  .home-v2 #why .v2-why-item.is-key dd { font-size: 16px !important; }
}

/* 10-21 用户：图示只有电脑悬浮窗，和两种方式对不上；改成两张卡各带自己的实拍图 */
.home-v2 .v2-way { padding: 12px 12px 18px; }
.home-v2 .v2-way-pic { margin: 0 0 16px; border-radius: 12px; overflow: hidden; aspect-ratio: 4 / 3; background: #0b111c; }
.home-v2 .v2-way-pic picture, .home-v2 .v2-way-pic img { display: block; width: 100%; height: 100%; }
.home-v2 .v2-way-pic img { object-fit: cover; object-position: center 42%; }
.home-v2 .v2-way h3 { padding: 0 10px; }
.home-v2 .v2-way p { padding: 0 10px; }
@media (max-width: 900px) {
  .home-v2 .v2-way { display: block; padding: 12px 12px 16px; }
}
/* 手机/桌面都能点开看手撕答案大图 */
.home-v2 .v2-coding-media .v2-coding-zoom {
  position: absolute; left: 10px; bottom: 10px; z-index: 2;
  padding: 0; border: 0; background: none;
}
.home-v2 .v2-coding-media .v2-coding-zoom .v2-zoom-hint {
  position: static; opacity: .9;
}
/* 10-21 用户：答案怎么看再放大一点，两张图都能点开看大图 */
.home-v2 .v2-ways { max-width: 1180px; gap: 20px; }
.home-v2 .v2-way-pic.v2-zoom { cursor: zoom-in; }
.home-v2 .v2-way-pic .v2-zoom-hint { z-index: 2; }
/* 10-21 用户：答案怎么看这块的标题和说明再大一点 */
.home-v2 .stealth-methods-head span {
  font-size: 16px;
  letter-spacing: .14em;
  color: #c9d6e8;
}
.home-v2 .stealth-methods-head span::before { width: 6px; height: 6px; }
.home-v2 .stealth-methods-head p {
  margin-top: 12px;
  font-size: 20px;
  line-height: 1.6;
  color: #aebbd0;
}
@media (max-width: 640px) {
  .home-v2 .stealth-methods-head span { font-size: 14px; }
  .home-v2 .stealth-methods-head p { font-size: 17px; }
}