/* ============================================================
   艾朗科技 · 首页常驻「业务星球」—— 独立样式表
   从站点开场动画内核抽出的可复用组件配套样式。
   配色取自站点 :root 设计令牌（--cyan / --blue / --line / --muted / --text），
   全部带 fallback，可单独引用、不依赖站点其他样式表。
   ============================================================ */

.planet-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.planet-copy{min-width:0}
.planet-copy h2{
  font-size:clamp(24px,3.2vw,36px);line-height:1.28;margin:0 0 18px;
  font-weight:800;letter-spacing:-.01em;color:var(--text,#eef5fc)
}
.planet-copy .lead{font-size:16px;color:var(--muted,#a3b5c7);margin:0 0 14px;line-height:1.85;max-width:34em}
.planet-tip{font-size:12.5px;color:var(--muted,#a3b5c7);opacity:.62;margin:0}

.planet-box{
  position:relative;width:100%;max-width:520px;aspect-ratio:1/1;
  margin:0 auto;border-radius:24px;overflow:hidden;
  background:radial-gradient(circle at 50% 45%,rgba(32,54,74,.92),rgba(24,38,53,.30) 72%);
  border:1px solid var(--line,#3b566f);
  box-shadow:0 30px 70px -40px rgba(0,0,0,.9),inset 0 0 60px rgba(82,196,205,.06)
}
.planet-box canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
.planet-hint{
  position:absolute;left:0;right:0;bottom:13px;text-align:center;pointer-events:none;
  font-size:11.5px;letter-spacing:.05em;color:var(--muted,#a3b5c7);opacity:.72;transition:opacity .25s
}
.planet-card{
  position:absolute;left:12px;right:12px;bottom:12px;
  background:rgba(18,30,43,.94);border:1px solid rgba(82,196,205,.34);border-radius:15px;
  padding:15px 17px;backdrop-filter:blur(14px);
  opacity:0;transform:translateY(12px);pointer-events:none;
  transition:opacity .26s cubic-bezier(.3,.9,.3,1),transform .26s cubic-bezier(.3,.9,.3,1)
}
.planet-card.on{opacity:1;transform:none;pointer-events:auto}
.planet-card-h{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.planet-dot{
  width:8px;height:8px;border-radius:50%;background:var(--cyan,#52c4cd);
  box-shadow:0 0 11px rgba(82,196,205,.95);flex:none
}
.planet-card-h b{font-size:14.5px;font-weight:700;color:var(--text,#eef5fc)}
.planet-card p{margin:0 0 12px;font-size:13px;color:var(--muted,#a3b5c7);line-height:1.7}
.planet-cta{
  padding:8px 17px;border-radius:9px;cursor:pointer;font-family:inherit;
  font-size:13px;font-weight:600;transition:.2s;
  border:1px solid rgba(82,196,205,.5);background:rgba(82,196,205,.13);color:var(--cyan,#52c4cd)
}
.planet-cta:hover{background:rgba(82,196,205,.24)}

@media(max-width:960px){
  .planet-grid{grid-template-columns:1fr;gap:32px}
  .planet-box{max-width:400px}
}
@media(max-width:600px){
  .planet-box{border-radius:18px;max-width:318px}
  .planet-card{padding:13px 15px;left:10px;right:10px;bottom:10px}
  .planet-copy h2{font-size:22px}
  .planet-copy .lead{font-size:14.5px}
}