/* =========================================================
   hero.css —— HERO 首屏（桌面双栏：文字左 / 图片右；移动端单列图片在下）
   ========================================================= */
.hero{padding-top:120px;padding-bottom:60px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero-text{text-align:left}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--theme);
  background:#fff;border:1px solid var(--border);padding:7px 15px;border-radius:100px;box-shadow:var(--shadow);
}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--theme);box-shadow:0 0 0 4px rgba(240,68,148,.2);animation:tw 2s infinite}
.hero h1{font-family:var(--font-disp);font-size:clamp(34px,6vw,60px);line-height:1.15;margin:18px 0 6px;color:var(--text)}
.hero h1 .hl{
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero .sub{font-size:clamp(15px,2vw,18px);color:var(--muted);max-width:560px;margin:14px 0 26px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:flex-start}
/* 主下载按钮：醒目 */
.btn-down{
  display:inline-flex;align-items:center;gap:12px;cursor:pointer;border:0;
  padding:16px 30px;border-radius:100px;color:#fff;font-size:17px;font-weight:800;font-family:var(--font-body);
  background:var(--grad);box-shadow:0 12px 30px var(--theme-soft);
  transition:.22s;position:relative;overflow:hidden;
}
.btn-down::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);
  animation:shine 3.2s infinite}
.btn-down:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 40px var(--theme-soft)}
.btn-down .ico{width:30px;height:30px;flex:none}
.btn-down small{display:block;font-size:11px;font-weight:500;opacity:.9;line-height:1.1}
.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;padding:15px 24px;border-radius:100px;
  border:1.5px solid var(--border);background:#fff;color:var(--text);font-weight:600;cursor:pointer;transition:.2s;
}
.btn-ghost:hover{border-color:var(--theme);color:var(--theme);transform:translateY(-2px)}
.hero-meta{display:flex;gap:26px;margin-top:30px;flex-wrap:wrap;justify-content:flex-start}
.hero-meta div{font-family:var(--font-num)}
.hero-meta b{display:block;font-size:24px;font-weight:800;color:var(--theme)}
.hero-meta span{font-size:13px;color:var(--muted-2)}

/* HERO 展示图（桌面右侧栏，移动端置于文字下方） */
.char-frame{
  position:relative;border-radius:28px;padding:18px;width:100%;max-width:440px;margin-left:auto;
  background:linear-gradient(160deg,rgba(240,68,148,.12),rgba(41,151,247,.12));
  border:2px solid rgba(255,255,255,.6);box-shadow:var(--shadow-lg);
}
.char-frame::before{ /* 装饰性内边框 */
  content:"";position:absolute;inset:10px;border-radius:20px;
  border:2px dashed rgba(240,68,148,.35);pointer-events:none;
}
.char-art{
  position:relative;border-radius:18px;overflow:hidden;
  background:
    radial-gradient(circle at 30% 20%,rgba(212,72,245,.25),transparent 55%),
    radial-gradient(circle at 75% 80%,rgba(41,151,247,.3),transparent 55%),
    linear-gradient(160deg,#fff,#fde7f3);
  display:grid;place-items:center;
}
/* 图片完整展示，不裁切（object-fit:contain + 高度自适应） */
.char-art img{width:100%;height:auto;display:block;object-fit:contain}
.char-art .ph{padding:24px}
.char-art .ph .em{font-size:54px}
.char-art .ph p{font-size:13px;margin-top:8px}
.corner{position:absolute;width:26px;height:26px;border:3px solid var(--theme);opacity:.8}
.corner.tl{top:6px;left:6px;border-right:0;border-bottom:0;border-top-left-radius:8px}
.corner.tr{top:6px;right:6px;border-left:0;border-bottom:0;border-top-right-radius:8px}
.corner.bl{bottom:6px;left:6px;border-right:0;border-top:0;border-bottom-left-radius:8px}
.corner.br{bottom:6px;right:6px;border-left:0;border-top:0;border-bottom-right-radius:8px}