/* 喵数据首页 v6：可读性优先的品牌数据产品视觉。仅 index.html 引入。 */
body.hp4 {
  --h-ink:#f4f7fb;
  --h-ink2:#c7d1df;
  --h-ink3:#9ba9ba;
  --h-ink4:#7f8da0;
  --h-hair:rgba(210,225,245,.10);
  --h-hair2:rgba(210,225,245,.17);
  --hp6-surface:#0b1220;
  --hp6-surface-raised:#0f1929;
  background:
    radial-gradient(760px 500px at 78% 0%,rgba(0,122,251,.10),transparent 72%),
    radial-gradient(650px 420px at 6% 14%,rgba(47,224,192,.045),transparent 70%),
    #05070f;
}

/* Hero：深色品牌封面、清楚的产品承诺，以及一处克制的图像主视觉。 */
body.hp4 .hp4-hero {
  padding:clamp(66px,8vw,104px) 0 0;
  background:linear-gradient(180deg,rgba(7,12,21,.3),transparent 86%);
}
body.hp4 .hp6-hero-in {
  min-height:0;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  gap:clamp(38px,6vw,84px);
  align-items:center;
}
body.hp4 .hp4-eyebrow {
  padding:7px 13px;
  border-color:rgba(82,219,253,.22);
  background:rgba(7,15,27,.64);
  box-shadow:none;
  letter-spacing:.14em;
}
body.hp4 .hp4-h1 {
  margin:26px 0 18px;
  font-size:clamp(54px,7vw,86px);
  line-height:1.04;
  filter:none;
  letter-spacing:-.055em;
}
body.hp4 .hp4-lead {
  max-width:29em;
  color:#c4cfdd;
  font-size:clamp(16px,1.55vw,19px);
  line-height:1.86;
}
body.hp4 .hp4-lead em {
  color:#72dbff;
  border-bottom-color:rgba(82,219,253,.4);
}
.hp6-break {display:block}
body.hp4 .hp4-caps {gap:9px;margin:30px 0 34px}
body.hp4 .hp4-cap {
  padding:8px 12px;
  border-color:rgba(210,225,245,.10);
  background:rgba(255,255,255,.025);
  color:#c7d1df;
  font-size:12.5px;
}
body.hp4 .hp4-cap:hover {
  transform:none;
  border-color:rgba(82,219,253,.28);
  background:rgba(0,122,251,.08);
}
body.hp4 .hp4-cap svg {color:#63d8f6}
body.hp4 .hp4-btn {
  min-height:50px;
  border-radius:8px;
  box-shadow:none;
}
body.hp4 .hp4-btn.solid {
  background:linear-gradient(115deg,#1686ff,#46c9ed);
  color:#04101c;
  box-shadow:0 10px 26px -17px rgba(29,157,255,.9);
}
body.hp4 .hp4-btn.solid:hover {
  transform:translateY(-1px);
  filter:brightness(1.08);
  box-shadow:0 13px 28px -17px rgba(29,157,255,.9);
}
body.hp4 .hp4-btn.ghost {background:rgba(255,255,255,.025)}
body.hp4 .hp4-btn:focus-visible,
body.hp4 a:focus-visible,
body.hp4 button:focus-visible {
  outline:2px solid #75dcff;
  outline-offset:3px;
}

.hp6-visual {
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1.28 / 1;
  max-height:440px;
  margin:0;
  border:1px solid rgba(126,197,255,.20);
  border-radius:24px;
  background:#06152c;
  box-shadow:0 34px 90px -50px rgba(0,115,255,.55),inset 0 1px 0 rgba(255,255,255,.08);
  isolation:isolate;
}
.hp6-visual-img {display:block;object-position:76% center}
.hp6-visual-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,10,22,.06) 24%,rgba(4,10,22,.20) 54%,rgba(4,10,22,.88) 100%);
  pointer-events:none;
}
.hp6-visual-meta,
.hp6-visual-caption {z-index:1}
.hp6-visual-meta {
  color:rgba(231,245,255,.82);
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
}
.hp6-visual-meta i {
  width:7px;height:7px;flex:none;border-radius:50%;
  background:#2fe0c0;box-shadow:0 0 0 4px rgba(47,224,192,.14);
}
.hp6-visual-caption {display:flex;flex-direction:column;gap:7px}
.hp6-visual-caption span {color:#69dfff;font-size:10px;font-weight:700;letter-spacing:.2em}
.hp6-visual-caption b {color:#f4f8ff;font-size:clamp(18px,2.4vw,26px);letter-spacing:-.025em}
.hp6-visual-caption small {color:rgba(220,234,248,.72);font-size:12px;letter-spacing:.08em}

/* 数据规模与来源：开阔排列，弱化重复胶囊与卡片边框。 */
body.hp4 .hp4-stats {
  margin-top:54px;
  padding:22px 0 18px;
  border:0;
  border-top:1px solid var(--h-hair);
  border-bottom:1px solid var(--h-hair);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.hp4 .hp4-stat {padding:0 18px;border-right:1px solid var(--h-hair)}
body.hp4 .hp4-stat:first-child {padding-left:4px}
body.hp4 .hp4-stat b {
  min-height:40px;
  background:none;
  -webkit-text-fill-color:initial;
  color:#eef6ff;
  font-size:clamp(27px,3vw,36px);
  filter:none;
}
body.hp4 .hp4-stat span {color:#98a7b9;font-size:12px;line-height:1.6}
body.hp4 .hp4-stat.live b {color:#55dbbd;font-size:17px}
body.hp4 .hp4-stat.live .live-dot {background:#2fe0c0;box-shadow:0 0 0 3px rgba(47,224,192,.14)}
body.hp4 .trust-bar {
  margin-top:20px;
  padding:12px 2px;
  border:0;
  border-radius:0;
  background:transparent;
  gap:9px;
}
body.hp4 .trust-label {margin-right:5px;color:#8795a8;font-size:11px}
body.hp4 .trust-src {
  padding:4px 10px;
  border-color:rgba(210,225,245,.09);
  background:rgba(255,255,255,.018);
  color:#aab7c7;
  font-size:11px;
}
body.hp4 .trust-live {margin-left:auto;color:#64d9bf;font-size:11px}

/* 全站数据区：同一层级、同一圆角和描边，减少眩光与漂浮感。 */
body.hp4 .sec {padding-top:clamp(72px,8vw,100px)}
body.hp4 .hp4-sechead {margin-bottom:36px;max-width:760px}
body.hp4 .hp4-kicker {
  color:#6fe0c8;
  border-color:rgba(47,224,192,.18);
  background:rgba(47,224,192,.075);
  letter-spacing:.16em;
}
body.hp4 .hp4-sechead h3,
body.hp4 .sec-head h3 {
  color:#f0f5fb;
  font-size:clamp(24px,2.7vw,32px);
  letter-spacing:-.025em;
  line-height:1.35;
}
body.hp4 .hp4-sechead p,
body.hp4 .sec-head p {
  color:#a7b4c4;
  font-size:14px;
  line-height:1.85;
}
body.hp4 .hp4-sechead h3::after,
body.hp4 .sec-head h3::after {height:2px;opacity:.8}
body.hp4 .hp4-cat-grid {gap:20px}
body.hp4 .hp4-cat-col {gap:20px}
body.hp4 .hp4-cat-panel,
body.hp4 .q3-board,
body.hp4 .hm-board,
body.hp4 .hp4-kpi,
body.hp4 .hp4-map,
body.hp4 .hp4-chat,
body.hp4 .hp4-vis,
body.hp4 .ha-card,
body.hp4 .hp4-plans,
body.hp4 .upd-list {
  border-color:rgba(210,225,245,.10);
  border-radius:16px;
  box-shadow:0 16px 42px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.025);
}
body.hp4 .hp4-cat-panel,
body.hp4 .q3-board,
body.hp4 .hm-board,
body.hp4 .hp4-chat,
body.hp4 .hp4-vis,
body.hp4 .ha-card,
body.hp4 .hp4-plans,
body.hp4 .upd-list {
  background:linear-gradient(180deg,rgba(15,25,41,.92),rgba(9,15,25,.96));
}
body.hp4 .hp4-cat-panel:hover,
body.hp4 .ha-card:hover {
  transform:translateY(-2px);
  border-color:rgba(82,219,253,.24);
  box-shadow:0 20px 44px -34px rgba(0,0,0,.92),0 0 0 1px rgba(82,219,253,.035);
}
body.hp4 .hp4-cat-item:hover {transform:translateX(2px)}
body.hp4 .hp4-cat-h em,
body.hp4 .hp4-cat-txt > span,
body.hp4 .hp4-kpi-note,
body.hp4 .hp4-plan-note,
body.hp4 .hp4-foot,
body.hp4 .hm-foot {color:#93a2b4}
body.hp4 .q3-board {box-shadow:0 22px 56px -42px rgba(0,115,255,.36),inset 0 1px 0 rgba(255,255,255,.035)}
body.hp4 .q3-prov-list {border-color:rgba(210,225,245,.09);background:rgba(255,255,255,.018)}
body.hp4 .hp4-map {background-color:#07101c}
body.hp4 .hp4-map-hud {border-color:rgba(210,225,245,.09)}
body.hp4 .hp4-metric button {border-radius:7px;padding:6px 11px}
body.hp4 .hp4-plan {border-color:rgba(210,225,245,.09)}
body.hp4 .hp4-plan.hot {background:linear-gradient(180deg,rgba(0,122,251,.095),rgba(9,15,25,.28))}
body.hp4 .hp4-price.hot b {color:#71c9ff}
body.hp4 .upd-list {padding-top:8px;padding-bottom:8px}
body.hp4 .foot {border-top-color:rgba(210,225,245,.10)}

@media(max-width:960px) {
  body.hp4 .hp6-hero-in {grid-template-columns:1fr;gap:34px}
  .hp6-break {display:none}
  .hp6-visual {width:min(100%,680px);aspect-ratio:1.7 / 1;margin:0 auto}
  body.hp4 .hp4-stats {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 0}
  body.hp4 .hp4-stat:nth-child(3) {border-right:0}
}
@media(max-width:640px) {
  body.hp4 .hp4-hero {padding-top:50px}
  body.hp4 .hp6-hero-in {gap:26px}
  body.hp4 .hp4-h1 {font-size:clamp(44px,13vw,58px);margin:22px 0 14px}
  body.hp4 .hp4-lead {font-size:15.5px;line-height:1.82}
  body.hp4 .hp4-caps {margin:23px 0 25px;flex-direction:row;align-items:center}
  body.hp4 .hp4-cap {padding:7px 10px;font-size:11.5px}
  body.hp4 .hp4-cta {gap:10px}
  body.hp4 .hp4-btn {padding:0 16px;font-size:13px}
  .hp6-visual {aspect-ratio:1.35 / 1;border-radius:18px}
  .hp6-visual-meta {left:17px;right:17px;top:17px;font-size:8px}
  .hp6-visual-caption {left:17px;right:17px;bottom:17px}
  .hp6-visual-caption b {font-size:19px}
  body.hp4 .hp4-stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0;margin-top:34px;padding:16px 0}
  body.hp4 .hp4-stat,
  body.hp4 .hp4-stat:first-child {padding:4px 12px;border-right:1px solid var(--h-hair)}
  body.hp4 .hp4-stat:nth-child(even) {border-right:0}
  body.hp4 .hp4-stat b {min-height:34px;font-size:27px}
  body.hp4 .hp4-stat.live b {font-size:15px}
  body.hp4 .trust-bar {padding:12px 0;gap:7px}
  body.hp4 .trust-label {width:100%}
  body.hp4 .trust-live {margin-left:0}
  body.hp4 .sec {padding-top:64px}
  body.hp4 .hp4-sechead {margin-bottom:28px}
  body.hp4 .hp4-cat-grid,
  body.hp4 .hp4-cat-col {gap:14px}
  body.hp4 .q3-board,
  body.hp4 .hm-board {border-radius:14px}
  body.hp4 .hp4-plan {padding:25px 20px}
}
@media(prefers-reduced-motion:reduce) {
  .hp6-visual-img {transform:none}
}