/* ============================================================
 * galaxy-v16.css ——「行星身份色 · 磨砂透明 · 真 3D 球感」
 *
 * 核心实现（呼应主理人参考图 9fce36...）
 *   · 每颗球 data-planet 独立配色（不是统一紫塑料球）
 *   · 三层 radial-gradient：色斑分布 + 主体色 + 暗部
 *   · ::before 加 SVG noise（磨砂颗粒，混合模式 overlay）
 *   · ::after 加顶部椭圆反光高光（玻璃感）
 *   · 多层 box-shadow 形成大气辉光 + 投影
 *   · 3 圈彩色发光椭圆轨道线
 * ============================================================ */

/* ---------- 1. 整体舞台 ---------- */
.gx-galaxy {
  position: relative;
  padding: 18px 0 28px;
}
.gx-system {
  position: relative;
  width: 100%;
  height: 580px;
  margin: 10px auto 24px;
  display: block;
  /* 关闭鼠标事件干扰（球的点击由各 .gx-planet 自身捕获） */
  pointer-events: none;
}
.gx-system .gx-core,
.gx-system .gx-planet {
  pointer-events: auto;
}

/* ---------- 2. 3 圈椭圆轨道（彩色发光）---------- */
.gx-orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
}
.gx-orbit-1 {
  width: 720px;
  height: 470px;
  border: 1.5px solid rgba(255, 110, 180, 0.55);
  box-shadow:
    0 0 8px rgba(255, 110, 180, 0.35),
    inset 0 0 12px rgba(255, 110, 180, 0.18);
}
.gx-orbit-2 {
  width: 880px;
  height: 570px;
  border: 1px dashed rgba(140, 200, 255, 0.35);
}

/* ---------- 3. 球体基础（继承给 core & planet）---------- */
.gx-core,
.gx-planet {
  position: absolute;
  border-radius: 50%;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  cursor: pointer;
  isolation: isolate; /* 让 ::before/::after 限定作用域 */
  transform-style: flat;
  /* 主体色 + 上层反光高光 —— 由 data-planet 覆盖 */
}

/* 中央大球（统一规格，差异化由 data-planet 上色） */
.gx-core {
  left: 50%;
  top: 50%;
  width: 260px;
  height: 260px;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,0.55);
  z-index: 5;
  /* 球体外观由 data-planet 提供 4 层背景 */
  background: #331239;
}
.gx-core-emoji {
  font-size: 72px;
  line-height: 1;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.55));
}
.gx-core-name {
  font-size: 22px;
  letter-spacing: 1px;
  margin-top: 6px;
}
.gx-core-sub {
  font-size: 13px;
  margin-top: 2px;
  opacity: 0.85;
}

/* 行星（统一规格，差异化由 data-planet 上色） */
.gx-planet {
  width: 92px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  z-index: 4;
  background: #555;
  transition: transform 220ms ease, filter 220ms ease;
}
.gx-planet:hover {
  transform: translate(-50%, -50%) scale(1.14) !important;
  filter: brightness(1.18) saturate(1.18);
  z-index: 9 !important;
}
.gx-planet-emoji {
  font-size: 36px;
  line-height: 1;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6));
  position: relative;
  z-index: 3;
}
.gx-planet-label {
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12.5px;
  color: #f7eafb;
  white-space: nowrap;
  font-weight: 500;
  text-shadow: 0 1px 4px rgba(0,0,0,0.7);
  pointer-events: none;
}

/* ---------- 4. 球壳通用 6 层结构 ----------

   每颗球的视觉 = 6 层叠合：
   1.  ::before           表面 noise 颗粒（磨砂玻璃）
   2.  background         多层 radial-gradient（色斑 + 主体 + 暗部）★ 各球独立
   3.  border             1.5px 边缘细亮带
   4.  box-shadow         球外大气辉光 + 球底投影
   5.  ::after （再叠）    顶部椭圆反光高光（玻璃）
   6.  inset 0 0 60px     内部环境光增强球感

   --------------------------------------------- */

/* 4.1 noise 颗粒层（所有球共享） */
.gx-core::before,
.gx-planet::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size: 160px 160px;
  mix-blend-mode: overlay;
  opacity: 0.55;
  pointer-events: none;
  z-index: 1;
}

/* 4.2 顶部反光高光（玻璃感） */
.gx-core::after,
.gx-planet::after {
  content: '';
  position: absolute;
  inset: 6%;
  border-radius: 50%;
  background:
    radial-gradient(ellipse 65% 38% at 32% 26%,
      rgba(255,255,255,0.78),
      rgba(255,255,255,0.18) 35%,
      transparent 60%),
    radial-gradient(ellipse 40% 18% at 28% 18%,
      rgba(255,255,255,0.95),
      transparent 55%);
  pointer-events: none;
  z-index: 2;
  filter: blur(2px);
}

/* 4.3 共用边框 + 投影 + 内嵌光（背景由 data-planet 覆盖） */
.gx-core,
.gx-planet {
  border: 1.5px solid rgba(255, 255, 255, 0.18);
  box-shadow:
    /* 大气辉光（彩色环，由 data-planet 强化，这里给个默认淡紫） */
    0 0 32px 4px rgba(176,38,207, 0.32),
    /* 球底投影 */
    0 18px 38px rgba(0, 0, 0, 0.55),
    /* 内嵌光 */
    inset 0 0 60px rgba(255, 255, 255, 0.10),
    inset 0 -28px 40px rgba(0, 0, 0, 0.35),
    inset 16px 16px 60px rgba(255, 255, 255, 0.18);
}

/* ============================================================
 * 5. 各行星身份色 —— 每颗球"长得像"它代表的品类
 *    结构相同，颜色按主理人参考图差异化
 * ============================================================ */

/* ---------- 5.1 中央大球（5 个）---------- */

/* 种植星球 —— 海王星深紫蓝流纹 */
.gx-core[data-planet="planet-core-yi"] {
  background:
    radial-gradient(circle at 30% 30%, #87a9ff 0%, transparent 35%),
    radial-gradient(ellipse 60% 18% at 50% 28%, rgba(180,200,255,0.55), transparent 60%),
    radial-gradient(ellipse 45% 12% at 70% 65%, rgba(59,22,66,0.85), transparent 60%),
    radial-gradient(circle at 50% 50%, #8a17a8 0%, #331239 65%, #2b1030 100%);
  border-color: rgba(160, 180, 255, 0.35);
  box-shadow:
    0 0 48px 6px rgba(193,63,224, 0.5),
    0 18px 38px rgba(0, 0, 0, 0.55),
    inset 0 0 60px rgba(180, 200, 255, 0.18),
    inset 0 -28px 40px rgba(0, 0, 0, 0.35),
    inset 16px 16px 60px rgba(255, 255, 255, 0.18);
}
/* 种植主星土星环 */
.gx-core[data-planet="planet-core-yi"]::before {
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0.4  0 0 0 0 0.5  0 0 0 0 1  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),
    repeating-linear-gradient(90deg, transparent 0px, transparent 4px, rgba(180,200,255,0.10) 4px, rgba(180,200,255,0.10) 8px);
  background-size: 160px 160px, auto;
  background-blend-mode: overlay;
  opacity: 0.65;
}

/* 二产核心 —— 木星橙红 + 土星环 */
.gx-core[data-planet="planet-core-er"] {
  background:
    radial-gradient(circle at 30% 30%, #ffd595 0%, transparent 30%),
    radial-gradient(ellipse 60% 12% at 50% 28%, rgba(255,210,150,0.45), transparent 60%),
    radial-gradient(ellipse 55% 10% at 50% 55%, rgba(110,40,15,0.65), transparent 65%),
    radial-gradient(ellipse 50% 8% at 50% 78%, rgba(70,25,10,0.6), transparent 65%),
    radial-gradient(circle at 50% 50%, #e87a2c 0%, #b03d12 65%, #5a1a05 100%);
  border-color: rgba(255, 200, 140, 0.45);
  box-shadow:
    0 0 48px 6px rgba(232, 122, 44, 0.55),
    0 18px 38px rgba(0, 0, 0, 0.55),
    inset 0 0 60px rgba(255, 200, 140, 0.22),
    inset 0 -28px 40px rgba(0, 0, 0, 0.35),
    inset 16px 16px 60px rgba(255, 255, 255, 0.18);
}

/* 农文旅核心 —— 暖粉 + 氛围 */
.gx-core[data-planet="planet-core-san"] {
  background:
    radial-gradient(circle at 30% 30%, #ffd2ea 0%, transparent 32%),
    radial-gradient(ellipse 55% 14% at 50% 35%, rgba(255,200,230,0.45), transparent 60%),
    radial-gradient(circle at 50% 50%, #f0abfc 0%, #c862b1 55%, #6b1d62 100%);
  border-color: rgba(255, 180, 230, 0.45);
  box-shadow:
    0 0 48px 6px rgba(240, 130, 220, 0.55),
    0 18px 38px rgba(0, 0, 0, 0.55),
    inset 0 0 60px rgba(255, 220, 240, 0.2),
    inset 0 -28px 40px rgba(0, 0, 0, 0.35),
    inset 16px 16px 60px rgba(255, 255, 255, 0.18);
}

/* 战略核心 —— 琥珀金 + 严肃 */
.gx-core[data-planet="planet-core-strat"] {
  background:
    radial-gradient(circle at 30% 30%, #ffe99c 0%, transparent 30%),
    radial-gradient(ellipse 60% 12% at 50% 30%, rgba(255,220,120,0.4), transparent 60%),
    radial-gradient(circle at 50% 50%, #f5b950 0%, #b07520 55%, #4e2d04 100%);
  border-color: rgba(255, 220, 130, 0.45);
  box-shadow:
    0 0 48px 6px rgba(245, 185, 80, 0.5),
    0 18px 38px rgba(0, 0, 0, 0.55),
    inset 0 0 60px rgba(255, 230, 160, 0.2),
    inset 0 -28px 40px rgba(0, 0, 0, 0.35),
    inset 16px 16px 60px rgba(255, 255, 255, 0.18);
}

/* 品牌核心 —— 紫罗兰粉 */
.gx-core[data-planet="planet-core-biz"] {
  background:
    radial-gradient(circle at 30% 30%, #f7eafb 0%, transparent 32%),
    radial-gradient(ellipse 55% 14% at 50% 35%, rgba(247,234,251,0.45), transparent 60%),
    radial-gradient(circle at 50% 50%, #b026cf 0%, #8a17a8 55%, #8a17a8 100%);
  border-color: rgba(247,234,251, 0.45);
  box-shadow:
    0 0 48px 6px rgba(176,38,207, 0.55),
    0 18px 38px rgba(0, 0, 0, 0.55),
    inset 0 0 60px rgba(247,234,251, 0.2),
    inset 0 -28px 40px rgba(0, 0, 0, 0.35),
    inset 16px 16px 60px rgba(255, 255, 255, 0.18);
}

/* ---------- 5.2 行星（21 颗）---------- */

/* 柑橘 —— 粉橙渐变（像玫瑰橘）*/
.gx-planet[data-planet="planet-citrus"] {
  background:
    radial-gradient(circle at 30% 28%, #ffe5b8 0%, transparent 28%),
    radial-gradient(circle at 65% 70%, #d23a4e 0%, transparent 38%),
    radial-gradient(circle at 50% 50%, #ff8a4c 0%, #d44420 60%, #6a1a0c 100%);
  border-color: rgba(255, 200, 160, 0.4);
  box-shadow:
    0 0 24px 3px rgba(255, 130, 80, 0.5),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 230, 200, 0.18),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 蓝莓 —— 紫白纹理 */
.gx-planet[data-planet="planet-blueberry"] {
  background:
    radial-gradient(circle at 30% 28%, #f7eafb 0%, transparent 25%),
    radial-gradient(circle at 70% 75%, #331239 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, #b026cf 0%, #452053 60%, #2b1030 100%);
  border-color: rgba(247,234,251, 0.4);
  box-shadow:
    0 0 24px 3px rgba(176,38,207, 0.5),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(247,234,251, 0.18),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 葡萄 —— 紫红 */
.gx-planet[data-planet="planet-grape"] {
  background:
    radial-gradient(circle at 30% 28%, #ffc0d8 0%, transparent 25%),
    radial-gradient(circle at 70% 75%, #3a0828 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, #c2306c 0%, #6c1252 60%, #2c0420 100%);
  border-color: rgba(255, 180, 220, 0.4);
  box-shadow:
    0 0 24px 3px rgba(194, 48, 108, 0.5),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 210, 230, 0.18),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 西瓜 —— 墨绿 + 红肉 */
.gx-planet[data-planet="planet-watermelon"] {
  background:
    radial-gradient(circle at 30% 28%, #ffd0d0 0%, transparent 25%),
    radial-gradient(circle at 50% 50%, #ff4d6d 0%, #b91d3f 45%, #331239 75%, #2b1030 100%);
  border-color: rgba(255, 180, 180, 0.4);
  box-shadow:
    0 0 24px 3px rgba(138,23,168, 0.5),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 200, 200, 0.18),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 火龙果 —— 红橙带粉 */
.gx-planet[data-planet="planet-dragonfruit"] {
  background:
    radial-gradient(circle at 30% 28%, #ffcfd8 0%, transparent 28%),
    radial-gradient(circle at 60% 70%, #821a40 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, #f43f5e 0%, #b21d3d 60%, #4a0814 100%);
  border-color: rgba(255, 180, 200, 0.45);
  box-shadow:
    0 0 24px 3px rgba(244, 63, 94, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 220, 230, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 时令（玉米）—— 暖金黄 */
.gx-planet[data-planet="planet-corn"] {
  background:
    radial-gradient(circle at 30% 28%, #fff2c8 0%, transparent 26%),
    radial-gradient(circle at 60% 65%, #8a5a10 0%, transparent 42%),
    radial-gradient(circle at 50% 50%, #f5d042 0%, #b3851a 60%, #4a3204 100%);
  border-color: rgba(255, 230, 160, 0.45);
  box-shadow:
    0 0 24px 3px rgba(245, 208, 66, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 240, 200, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 蔬菜 —— 草绿 */
.gx-planet[data-planet="planet-veg"] {
  background:
    radial-gradient(circle at 30% 28%, #f7eafb 0%, transparent 26%),
    radial-gradient(circle at 60% 65%, #2b1030 0%, transparent 42%),
    radial-gradient(circle at 50% 50%, #c13fe0 0%, #8a17a8 60%, #331239 100%);
  border-color: rgba(247,234,251, 0.45);
  box-shadow:
    0 0 24px 3px rgba(193,63,224, 0.5),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(247,234,251, 0.18),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 二产家族：初加工、深加工、外贸、物流、包装（配色按各自属性）*/

/* 初加工 —— 暗金（罐头）*/
.gx-planet[data-planet="planet-can"] {
  background:
    radial-gradient(circle at 30% 28%, #fff0c8 0%, transparent 25%),
    radial-gradient(circle at 50% 50%, #d4a040 0%, #8a5810 60%, #3a2304 100%);
  border-color: rgba(255, 220, 150, 0.45);
  box-shadow:
    0 0 24px 3px rgba(212, 160, 64, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 240, 200, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 深加工 —— 暗红（餐盒）*/
.gx-planet[data-planet="planet-meal"] {
  background:
    radial-gradient(circle at 30% 28%, #ffd0a0 0%, transparent 25%),
    radial-gradient(circle at 50% 50%, #c84020 0%, #7a2a18 60%, #321008 100%);
  border-color: rgba(255, 180, 150, 0.45);
  box-shadow:
    0 0 24px 3px rgba(200, 64, 32, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 200, 180, 0.18),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 外贸出口 —— 地球蓝绿 */
.gx-planet[data-planet="planet-earth"] {
  background:
    radial-gradient(circle at 30% 28%, #c8e8ff 0%, transparent 28%),
    radial-gradient(circle at 65% 70%, #1f5878 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, #3b82a0 0%, #1a4868 60%, #061a30 100%);
  border-color: rgba(180, 220, 255, 0.45);
  box-shadow:
    0 0 24px 3px rgba(60, 130, 175, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(200, 230, 255, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 冷链物流 —— 冷蓝 */
.gx-planet[data-planet="planet-truck"] {
  background:
    radial-gradient(circle at 30% 28%, #d8eaff 0%, transparent 26%),
    radial-gradient(circle at 65% 70%, #1a4078 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, #4f88c0 0%, #1e4868 60%, #081830 100%);
  border-color: rgba(180, 210, 255, 0.45);
  box-shadow:
    0 0 24px 3px rgba(80, 130, 200, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(220, 235, 255, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 包装储运 —— 牛皮纸黄 */
.gx-planet[data-planet="planet-box"] {
  background:
    radial-gradient(circle at 30% 28%, #ffe8b8 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, #b89060 0%, #7a5430 60%, #322010 100%);
  border-color: rgba(255, 220, 170, 0.45);
  box-shadow:
    0 0 24px 3px rgba(184, 144, 96, 0.5),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 235, 200, 0.18),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 农文旅家族：萤火虫、虾、研学、茶、营地、民宿 */

/* 萤火虫 —— 黄绿光 */
.gx-planet[data-planet="planet-firefly"] {
  background:
    radial-gradient(circle at 30% 28%, #ffd070 0%, transparent 30%),
    radial-gradient(circle at 50% 50%, #facc15 0%, #8a7b15 60%, #2a2504 100%);
  border-color: rgba(255, 220, 100, 0.55);
  box-shadow:
    0 0 32px 4px rgba(250, 204, 21, 0.6),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 240, 160, 0.22),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.25);
}

/* 钓龙虾 —— 海绿 */
.gx-planet[data-planet="planet-shrimp"] {
  background:
    radial-gradient(circle at 30% 28%, #f7eafb 0%, transparent 25%),
    radial-gradient(circle at 50% 50%, #5eead4 0%, #452053 60%, #2b1030 100%);
  border-color: rgba(247,234,251, 0.45);
  box-shadow:
    0 0 24px 3px rgba(94,234,212, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(247,234,251, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 研学 —— 学术蓝紫 */
.gx-planet[data-planet="planet-book"] {
  background:
    radial-gradient(circle at 30% 28%, #f7eafb 0%, transparent 25%),
    radial-gradient(circle at 50% 50%, #b026cf 0%, #8a17a8 60%, #2b1030 100%);
  border-color: rgba(247,234,251, 0.45);
  box-shadow:
    0 0 24px 3px rgba(176,38,207, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(247,234,251, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 茶 —— 茶绿 */
.gx-planet[data-planet="planet-tea"] {
  background:
    radial-gradient(circle at 30% 28%, #f7eafb 0%, transparent 25%),
    radial-gradient(circle at 50% 50%, #c13fe0 0%, #8a17a8 60%, #331239 100%);
  border-color: rgba(247,234,251, 0.45);
  box-shadow:
    0 0 24px 3px rgba(193,63,224, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(247,234,251, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 亲子营地 —— 暖橙 */
.gx-planet[data-planet="planet-tent"] {
  background:
    radial-gradient(circle at 30% 28%, #ffe0a0 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, #ff8a3a 0%, #b25318 60%, #501c04 100%);
  border-color: rgba(255, 200, 140, 0.45);
  box-shadow:
    0 0 24px 3px rgba(255, 138, 58, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 220, 180, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 田园民宿 —— 砖红木 */
.gx-planet[data-planet="planet-minsu"] {
  background:
    radial-gradient(circle at 30% 28%, #f8d8b8 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, #b0683a 0%, #6c3818 60%, #2c1208 100%);
  border-color: rgba(255, 200, 160, 0.45);
  box-shadow:
    0 0 24px 3px rgba(176, 104, 58, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(248, 216, 184, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 战略家族：决策树、金币、火箭、便签 */

/* 扩种决策 —— 嫩绿 */
.gx-planet[data-planet="planet-seed"] {
  background:
    radial-gradient(circle at 30% 28%, #f7eafb 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, #b026cf 0%, #8a17a8 60%, #2b1030 100%);
  border-color: rgba(247,234,251, 0.45);
  box-shadow:
    0 0 24px 3px rgba(176,38,207, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(247,234,251, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 定价金币 —— 黄金 */
.gx-planet[data-planet="planet-coin"] {
  background:
    radial-gradient(circle at 30% 28%, #fff2c8 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, #f0c240 0%, #aa8418 60%, #442e04 100%);
  border-color: rgba(255, 230, 160, 0.5);
  box-shadow:
    0 0 30px 4px rgba(240, 194, 64, 0.6),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 245, 200, 0.22),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.25);
}

/* 上市火箭 —— 银白 */
.gx-planet[data-planet="planet-rocket"] {
  background:
    radial-gradient(circle at 30% 28%, #ffffff 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, #c0c8d8 0%, #6c7890 60%, #1a2230 100%);
  border-color: rgba(220, 230, 245, 0.55);
  box-shadow:
    0 0 28px 4px rgba(192, 200, 216, 0.5),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(240, 245, 255, 0.22),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.28);
}

/* 全年立案 —— 楮纸暖 */
.gx-planet[data-planet="planet-clip"] {
  background:
    radial-gradient(circle at 30% 28%, #ffefb8 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, #d4a850 0%, #8a6420 60%, #321e08 100%);
  border-color: rgba(255, 220, 150, 0.45);
  box-shadow:
    0 0 24px 3px rgba(212, 168, 80, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 235, 180, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 品牌家族：相机、建筑、图钉、小红书书、喇叭 */

/* 抖音达人 —— 樱桃红 */
.gx-planet[data-planet="planet-camera"] {
  background:
    radial-gradient(circle at 30% 28%, #ffd0c8 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, #e7405a 0%, #a01828 60%, #3a0a10 100%);
  border-color: rgba(255, 180, 180, 0.45);
  box-shadow:
    0 0 24px 3px rgba(231, 64, 90, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 215, 215, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 抖音企业 —— 商务蓝灰 */
.gx-planet[data-planet="planet-building"] {
  background:
    radial-gradient(circle at 30% 28%, #c8d4ff 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, #5a78c0 0%, #2c4078 60%, #0a1430 100%);
  border-color: rgba(200, 215, 255, 0.45);
  box-shadow:
    0 0 24px 3px rgba(90, 120, 192, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(210, 225, 255, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 萤火虫点位 —— 黄绿点 */
.gx-planet[data-planet="planet-pin"] {
  background:
    radial-gradient(circle at 30% 28%, #ffffa0 0%, transparent 30%),
    radial-gradient(circle at 50% 50%, #facc15 0%, #8a7815 60%, #2c2604 100%);
  border-color: rgba(255, 220, 90, 0.55);
  box-shadow:
    0 0 32px 4px rgba(250, 204, 21, 0.65),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 245, 180, 0.22),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.28);
}

/* 小红书 —— 暖橙红 */
.gx-planet[data-planet="planet-book-r"] {
  background:
    radial-gradient(circle at 30% 28%, #ffd5c8 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, #ee5050 0%, #a02020 60%, #3a0808 100%);
  border-color: rgba(255, 200, 200, 0.45);
  box-shadow:
    0 0 24px 3px rgba(238, 80, 80, 0.55),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 220, 215, 0.2),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.22);
}

/* 公众号 —— 白金 */
.gx-planet[data-planet="planet-megaphone"] {
  background:
    radial-gradient(circle at 30% 28%, #ffffff 0%, transparent 28%),
    radial-gradient(circle at 50% 50%, #d8c890 0%, #887835 60%, #2e2608 100%);
  border-color: rgba(255, 250, 230, 0.55);
  box-shadow:
    0 0 28px 4px rgba(216, 200, 144, 0.5),
    0 10px 22px rgba(0,0,0,0.55),
    inset 0 0 30px rgba(255, 250, 220, 0.22),
    inset 0 -14px 22px rgba(0,0,0,0.35),
    inset 8px 8px 24px rgba(255,255,255,0.28);
}

/* ---------- 6. 响应式 / 移动端 ---------- */
@media (max-width: 900px) {
  .gx-system { height: 460px; }
  .gx-orbit-1 { width: 540px; height: 360px; }
  .gx-orbit-2 { width: 660px; height: 430px; }
  .gx-core { width: 200px; height: 200px; }
  .gx-core-emoji { font-size: 56px; }
  .gx-core-name { font-size: 18px; }
  .gx-planet { width: 70px; height: 70px; }
  .gx-planet-emoji { font-size: 28px; }
}
</content>
</invoke>