/* 首页在深夜色背景上叠加紫色光效。 */
.home-cosmic {
  --bg:#080719; --surface:#151229; --surface-2:#302b47;
  --ink:#f7f6fc; --ink-soft:#dedbea; --muted:#b6b1ca; --muted-soft:#9791ad;
  --scr:#131025; --scr-2:#211c38; --scr-3:#302747;
  --scr-ink:#f7f6fc; --scr-muted:#aaa4bf; --cold:#bca4ff; --r:24px;
  background:var(--bg);
}
.home-cosmic .nav { background:transparent; }
.home-cosmic .nav::before { background:rgba(8,7,25,.9); backdrop-filter:blur(18px); }
.home-cosmic .nav-links a:hover,.home-cosmic .hero-link { color:#d6c6ff; }
.home-cosmic .spec-hero { position:relative; isolation:isolate; padding-top:70px; padding-bottom:90px; }
.home-cosmic .spec-hero::before { content:""; position:absolute; z-index:-1; inset:-30px -15vw -40px; pointer-events:none; background:radial-gradient(ellipse at 80% 48%,#7938f544,transparent 43%),radial-gradient(ellipse at 48% 72%,#7734ed24,transparent 45%); }
.home-cosmic .spec-hero::after { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px); background-size:195px 195px; mask-image:linear-gradient(#0008,transparent 85%); }
.home-cosmic .spec-hero h1 { font-size:clamp(36px,4.5vw,64px); font-weight:500; line-height:1.2; letter-spacing:-.045em; }
.home-cosmic .hero-say { color:#c4bed8; }
.home-cosmic .hero-art>img { filter:drop-shadow(0 24px 55px #7938f52b); }
.home-cosmic .preview { border:1px solid #b99aff26; background:#c5b0ff12; border-radius:999px; padding:6px 14px; color:#dbd3ee; }
.home-cosmic .btn-ink { background:linear-gradient(110deg,#8846fb,#7034ef); color:#fff; border:1px solid #b691ff66; box-shadow:0 6px 30px #7132ef24; border-radius:999px; }
.home-cosmic .btn-ink:hover { background:linear-gradient(110deg,#995eff,#8248f8); box-shadow:0 8px 34px #7132ef44; }
.home-cosmic .hero-caption { background:linear-gradient(120deg,#201833cc,#141026cc); border:1px solid #b99aff25; border-radius:18px; }
.home-cosmic .first-open { border-top:0; }
.home-cosmic .sec-head { font-weight:500; letter-spacing:-.035em; }
.home-cosmic .scene-label { color:#bca4ff; letter-spacing:.06em; }
.home-cosmic .evidence,.home-cosmic .trust-section,.home-cosmic .empty-evidence,.home-cosmic .hardware-pair article,.home-cosmic .difference .screen {
 background:radial-gradient(ellipse at 100% 0,#bba4f51b,transparent 65%),linear-gradient(145deg,#1b1630,#100d24 75%);
 border:1px solid #b8a1ef29; border-radius:20px; box-shadow:0 16px 55px #00000016;
}
.home-cosmic .hardware-pair article { padding:28px; }
.home-cosmic .verb-line span,.home-cosmic .try-say span { border:1px solid #b99aff24; background:#a986ff0c; border-radius:999px; }
.home-cosmic .verb-line { flex-wrap:wrap; }
.home-cosmic .verb-line span { display:inline-flex; align-items:center; gap:8px; }
.home-cosmic .verb-icon { width:17px; height:17px; flex:none; color:var(--cold); }
.home-cosmic .dstep { border-radius:20px; }
.home-cosmic .dstep-n { border-radius:50%; color:#fff; background:linear-gradient(110deg,#8846fb,#7034ef); }
.home-cosmic .scene-note { border-color:#9565f4; }
.home-cosmic .voice-bubble { border:1px solid #b99aff30; border-radius:16px; background:#7938f51a; }
.home-cosmic .trust-section { position:relative; }
.home-cosmic #s7,.home-cosmic #s11 { position:relative; isolation:isolate; }
.home-cosmic #s7::before,.home-cosmic #s11::before { content:""; position:absolute; top:-70px; bottom:-70px; left:calc(50% - 75vw); width:150vw; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 15% 50%,#7938f51c,transparent 60%); }
.home-cosmic .invite-explain strong { color:#c2a6ff; }
.home-cosmic .foot { background:radial-gradient(ellipse at 50% 100%,#753cb439,transparent 65%); }
.home-cosmic .tile { border-radius:20px; }
.home-cosmic .tile-go { background:linear-gradient(130deg,#8b55ee,#6030ba); color:#fff; }
.home-cosmic .tile-go:hover .go-arrow { color:#fff; }
@media(max-width:650px) { .home-cosmic .spec-hero { padding-top:40px; padding-bottom:60px; } .home-cosmic .spec-hero h1 { font-size:37px; } .home-cosmic .hardware-pair article { padding:22px; } }

/* 细线和菱形星光仅用于首屏主视觉区域。 */
.home-cosmic .spec-hero::after { display:none; }
.home-cosmic .hero-constellation { position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; overflow:hidden; mask-image:linear-gradient(to right,transparent 42%,#000 65%); -webkit-mask-image:linear-gradient(to right,transparent 42%,#000 65%); }
.home-cosmic .hero-constellation g[fill] { filter:drop-shadow(0 0 3px #ffffff80); opacity:.65; }
@media(max-width:650px) { .home-cosmic .hero-constellation { opacity:.55; } }

@media(max-width:900px) { .home-cosmic .hero-constellation { top:52%; height:48%; mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 80%,transparent); -webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 80%,transparent); opacity:.4; } }

/* 首页统一字体家族和层级，并保留适合中文阅读的字距。 */
.home-cosmic {
  --t-sm:14px;
  --t-body:16px;
  --t-lead:20px;
  --t-h:clamp(28px,3.4vw,42px);
  --t-hero:clamp(36px,4.5vw,60px);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:var(--t-body);
  line-height:1.8;
  font-weight:400;
  letter-spacing:0;
}
.home-cosmic .spec-hero h1 {
  font-size:var(--t-hero); font-weight:600; line-height:1.25;
  letter-spacing:-.025em; margin:24px 0;
}
.home-cosmic .sec-head {
  font-size:var(--t-h); font-weight:600; line-height:1.35; letter-spacing:-.02em;
}
.home-cosmic .hero-say,.home-cosmic .sec-say {
  font-size:var(--t-lead); font-weight:400; line-height:1.75; letter-spacing:0;
}
.home-cosmic .scene p,.home-cosmic .hardware-pair p,.home-cosmic .traits dd,.home-cosmic .facts dd {
  font-size:var(--t-body); line-height:1.85; letter-spacing:0;
}
.home-cosmic .hardware-pair h3,.home-cosmic .opening h3,.home-cosmic .dstep h3 {
  font-size:22px; font-weight:600; line-height:1.45; letter-spacing:-.01em;
}
.home-cosmic .traits dt,.home-cosmic .facts dt,.home-cosmic .evidence strong {
  font-size:18px; font-weight:500; line-height:1.5; letter-spacing:0;
}
.home-cosmic .nav-links,.home-cosmic .nav-right,.home-cosmic .btn,.home-cosmic .hero-link {
  font-size:14px; font-weight:500; line-height:1.5; letter-spacing:0;
}
.home-cosmic .scene-label,.home-cosmic .first-open,.home-cosmic .scene .scene-note,
.home-cosmic .verb-line span,.home-cosmic .try-say span,.home-cosmic .hero-caption {
  font-size:14px; line-height:1.7; letter-spacing:0;
}
.home-cosmic .scene .scene-label { font-size:13px; font-weight:500; letter-spacing:.04em; }
.home-cosmic .fineprint,.home-cosmic .evidence small,.home-cosmic .hero-caption small,
.home-cosmic .preview,.home-cosmic .foot-legal { font-size:12px; line-height:1.75; }
.home-cosmic .evidence p { font-size:14px; line-height:1.75; }
/* 说明文字使用容器可用宽度，只在空间不足时换行。 */
.home-cosmic .fineprint,
.home-cosmic .first-open,
.home-cosmic .scene .scene-note,
.home-cosmic .evidence p { max-width:none; }
.home-cosmic .invite-explain strong { font-size:56px; font-weight:500; line-height:1.15; font-variant-numeric:tabular-nums; }
@media(max-width:650px) {
 .home-cosmic { --t-lead:18px; --t-hero:36px; --t-h:28px; }
 .home-cosmic .hardware-pair h3,.home-cosmic .opening h3,.home-cosmic .dstep h3 { font-size:20px; }
}

/* 能力矩阵区域：左侧说明文案，右侧能力网络图。 */
.home-cosmic .hub-section { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); align-items:center; gap:clamp(28px,3vw,48px); text-align:left; }
.home-cosmic .hub-copy { min-width:0; }
.home-cosmic .hub-visual { width:100%; max-width:860px; margin:0; pointer-events:none; }
.home-cosmic .hub-visual svg { display:block; width:100%; height:auto; }
.home-cosmic .hub-section .sec-head { max-width:none; margin:0; }
.home-cosmic .hub-copy>.sec-say { margin:24px 0 30px; }
.home-cosmic .hub-section .hub-traits { max-width:none; margin:0 0 24px; display:grid; grid-template-columns:1fr; gap:18px; }
.home-cosmic .hub-section .hub-traits>div { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; padding:0; border:0; align-items:baseline; }
.home-cosmic .hub-section .hub-traits dt { color:var(--ink); }
.home-cosmic .hub-section .hub-traits dd { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.home-cosmic .hub-copy>.fineprint { margin:0 0 18px; }
@media(max-width:900px) {
 .home-cosmic .hub-section { grid-template-columns:1fr; gap:32px; }
 .home-cosmic .hub-visual { max-width:560px; margin:0 auto; }
}

/* 邀请增长区域在说明文字旁呈现聚拢的光效。 */
.home-cosmic .invite-section { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr); align-items:center; gap:24px; }
.home-cosmic .invite-copy { min-width:0; position:relative; z-index:1; }
.home-cosmic .invite-visual { width:100%; pointer-events:none; }
.home-cosmic .invite-visual svg { display:block; width:100%; height:auto; overflow:visible; }
@media(max-width:900px) { .home-cosmic .invite-section { grid-template-columns:1fr; } .home-cosmic .invite-visual { max-width:600px; margin:0 auto; } }

/* 页脚的大字号说明。 */
.home-cosmic .tile-say {
  position:relative;
  overflow:hidden;
  min-height:340px;
  isolation:isolate;
}

.home-cosmic .tile-say p {
  max-width:17em;
  font-size:clamp(34.67px,3.333vw,50.67px);
  line-height:1.4;
  font-weight:600;
  margin:0;
  text-wrap:balance;
}
@media(max-width:650px) {
  .home-cosmic .tile-say { min-height:300px; }
}