/* 首页 · 全球星图控制台 */
.starfield{position:relative;background:#0a0e27;overflow:hidden}
.starfield::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,#fff 0%,transparent 100%),radial-gradient(1px 1px at 30% 65%,#7eb8ff 0%,transparent 100%),radial-gradient(1.5px 1.5px at 55% 15%,#fff 0%,transparent 100%),radial-gradient(1px 1px at 72% 42%,#fff 0%,transparent 100%),radial-gradient(1px 1px at 88% 78%,#7eb8ff 0%,transparent 100%),radial-gradient(1px 1px at 15% 88%,#fff 0%,transparent 100%),radial-gradient(1px 1px at 45% 38%,#fff 0%,transparent 100%),radial-gradient(1px 1px at 92% 12%,#fff 0%,transparent 100%),radial-gradient(1px 1px at 62% 82%,#7eb8ff 0%,transparent 100%),radial-gradient(1px 1px at 25% 48%,#fff 0%,transparent 100%);pointer-events:none;opacity:.85}

.hero-star{padding:3rem 0 4rem;position:relative}
.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}
.hero-text h1{font-size:clamp(1.55rem,4vw,2.3rem);line-height:1.28;margin-bottom:1rem;font-weight:900}
.hero-text h1 span{color:#7eb8ff}
.hero-desc{color:#8892b0;margin-bottom:1.25rem;font-size:.98rem}
.app-online{display:inline-flex;align-items:center;gap:.5rem;background:#121a3d;border:1px solid #4f7cff;padding:.35rem .85rem;font-size:.78rem;font-weight:700;color:#7eb8ff;margin-bottom:1rem;border-radius:20px}
.app-dot{width:8px;height:8px;background:#3dff8a;border-radius:50%;animation:blink 1.4s step-end infinite}
@keyframes blink{50%{opacity:.3}}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem}
.btn-glow{display:inline-block;background:#4f7cff;color:#fff!important;padding:.7rem 1.45rem;font-weight:800;border-radius:3px;text-decoration:none!important}
.btn-outline{display:inline-block;border:1px solid #4f7cff;color:#7eb8ff!important;padding:.7rem 1.3rem;font-weight:700;border-radius:3px;text-decoration:none!important}

.orbit-stats{display:flex;gap:1.25rem;flex-wrap:wrap}
.orbit-stat{text-align:center;padding:.75rem 1rem;border:1px solid #2a3566;background:#0f1535;min-width:90px;border-radius:50% 50% 4px 4px}
.orbit-stat strong{display:block;font-size:1.3rem;color:#7eb8ff;font-weight:900;line-height:1.2}
.orbit-stat span{font-size:.68rem;color:#8892b0}

.hero-orbit{position:relative;padding:1rem}
.orbit-ring{position:absolute;inset:5%;border:1px dashed #2a3566;border-radius:50%;pointer-events:none}
.orbit-ring:nth-child(2){inset:18%}
.hero-orbit img{position:relative;z-index:1;border:1px solid #2a3566;border-radius:6px}

/* 三角星座三卡 */
.constellation{padding:3rem 0;background:#0f1535;border-top:1px solid #1a2456;border-bottom:1px solid #1a2456}
.triangle-wrap{position:relative;max-width:820px;margin:0 auto;padding:2rem 0 1rem}
.triangle-lines{position:absolute;inset:0;pointer-events:none}
.triangle-lines svg{width:100%;height:100%}
.star-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;position:relative;z-index:1}
.star-card{background:#121a3d;border:1px solid #2a3566;padding:1.35rem 1.15rem;text-align:center}
.star-card .star-icon{font-size:1.4rem;margin-bottom:.5rem;color:#7eb8ff}
.star-card h3{font-size:1rem;margin-bottom:.45rem}
.star-card p{font-size:.85rem;color:#8892b0}

/* 信号上行三步 · 竖向 */
.uplink{padding:3rem 0;background:#0a0e27}
.uplink-track{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:0}
.uplink-step{display:grid;grid-template-columns:48px 1fr;gap:1.25rem;padding-bottom:2rem;position:relative}
.uplink-step:not(:last-child)::after{content:"";position:absolute;left:23px;top:48px;bottom:0;width:2px;background:#2a3566}
.uplink-num{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#4f7cff;color:#fff;font-weight:900;font-size:1.1rem;border-radius:3px;flex-shrink:0}
.uplink-body h3{font-size:1rem;margin-bottom:.3rem}
.uplink-body p{font-size:.88rem;color:#8892b0}

/* 遥测双面板 */
.telemetry{background:#0f1535;padding:3rem 0;border-top:1px solid #1a2456}
.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.tele-panel{border:1px solid #2a3566;background:#0a0e27;padding:1.35rem}
.tele-head{font-family:Consolas,monospace;font-size:.72rem;color:#4f7cff;letter-spacing:.12em;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #1a2456}
.tele-panel h3{font-size:1rem;margin-bottom:.65rem;color:#e8ecf8}
.tele-panel li{font-size:.86rem;color:#8892b0;padding:.3rem 0;padding-left:1rem;position:relative}
.tele-panel li::before{content:"◦";position:absolute;left:0;color:#7eb8ff}

/* FAQ */
.faq-zone{padding:3rem 0;background:#0a0e27}
.faq-list{max-width:720px}
.faq-item{border:1px solid #2a3566;margin-bottom:.45rem;background:#0f1535}
.faq-q{width:100%;text-align:left;background:#121a3d;border:none;padding:1rem 1.2rem;font-size:.92rem;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;color:#e8ecf8;font-family:inherit}
.faq-q::after{content:"+";color:#7eb8ff;font-weight:400}
.faq-item.open .faq-q::after{content:"−"}
.faq-a{display:none;padding:0 1.2rem 1rem;font-size:.88rem;color:#8892b0}
.faq-item.open .faq-a{display:block}

/* 信标 CTA */
.beacon-cta{background:#4f7cff;padding:2.75rem 0;text-align:center;color:#fff}
.beacon-cta h2{font-size:clamp(1.35rem,3vw,1.75rem);margin-bottom:.6rem;font-weight:900}
.beacon-cta p{margin-bottom:1.15rem;opacity:.92;font-size:.95rem}
.beacon-cta .btn-glow{background:#0a0e27;color:#7eb8ff!important}

@media(max-width:900px){
  .hero-layout,.star-cards,.telemetry-grid{grid-template-columns:1fr}
  .triangle-lines{display:none}
}