/* ============================================================
   精简模式（Simple Mode）— 2026-09-15 v3
   反馈驱动：访客/主理人要求「产业必须一眼可见、科技感要留、
   次要信息（账号矩阵/标杆/数据球）应收起来」。
   原则：不是去掉科技风，而是把「装饰噪声」换成「数据科技风」。
   ============================================================ */

/* ---------- 0. 底层：暗紫科技底，去掉动态噪点但保留结构光 ---------- */
body.simple-mode {
  background: #150A18 !important;
  color: #F7EAFB !important;
}
body.simple-mode .app {
  background: transparent !important;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 18px 48px;
}

/* 关闭纯装饰动画层，但保留细微网格底纹 */
body.simple-mode .bg-tech,
body.simple-mode .aurora-band,
body.simple-mode .starfield,
body.simple-mode .shooting-star,
body.simple-mode .pulse-ticker,
body.simple-mode .core-rings,
body.simple-mode .galaxy-nebula {
  display: none !important;
}
body.simple-mode .core-floor {
  opacity: .18 !important;
}

/* ---------- 1. 顶栏：深色面板 + 紫色下划线 ---------- */
body.simple-mode .topbar {
  padding: 10px 0 !important;
  background: rgba(43, 16, 48, .72) !important;
  border-bottom: 1px solid rgba(176, 38, 207, .35);
  border-radius: 0 0 14px 14px;
  margin-bottom: 14px;
  backdrop-filter: blur(8px);
}
body.simple-mode .topbar h1 { font-size: 18px !important; color: #F7EAFB !important; }
body.simple-mode .topbar .sub { display: none !important; }

/* ---------- 2. HUD 条：深色数据条 ---------- */
body.simple-mode .hud {
  background: rgba(43, 16, 48, .85) !important;
  border: 1px solid rgba(176, 38, 207, .28);
  border-radius: 10px;
  padding: 8px 14px !important;
  font-size: 12px !important;
  color: #DCC3DE !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  overflow-x: auto;
  white-space: nowrap;
}
body.simple-mode .hud #hudSpark,
body.simple-mode .hud .hud-dot { display: none !important; }

/* ---------- 3. 晨检四卡：深色科技卡片，左边紫色指标条 ---------- */
body.simple-mode .morning-brief.planet-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px !important;
  padding: 0 !important;
  margin: 14px 0 !important;
}
body.simple-mode .planet-cell {
  background: rgba(43, 16, 48, .82) !important;
  border: 1px solid rgba(176, 38, 207, .25);
  border-left: 3px solid #B026CF;
  border-radius: 10px;
  padding: 13px 14px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.22);
  animation: none !important;
  transform: none !important;
}
body.simple-mode .planet-orb { display: none !important; }
body.simple-mode .planet-cell .planet-label {
  font-size: 12px;
  font-weight: 700;
  color: #D98CF0 !important;
  margin-bottom: 7px;
  letter-spacing: .4px;
}
body.simple-mode .mb-body {
  font-size: 13px;
  line-height: 1.55;
  color: #F7EAFB !important;
}

/* ---------- 4. 中央指挥舱：紧凑科技舱 ---------- */
body.simple-mode .cosmic-core {
  min-height: 0 !important;
  height: auto !important;
  padding: 16px 18px !important;
  margin: 14px 0 !important;
  background: rgba(43, 16, 48, .82) !important;
  border: 1px solid rgba(176, 38, 207, .28);
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0,0,0,.25);
}
body.simple-mode .cosmic-core .globe-projector,
body.simple-mode .cosmic-core .globe-ring,
body.simple-mode .cosmic-core .core-vital { display: none !important; }
body.simple-mode .core-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}
body.simple-mode .core-grid .core-metric {
  background: rgba(27, 10, 31, .65) !important;
  border: 1px solid rgba(176, 38, 207, .22);
  border-radius: 8px;
  padding: 10px 12px;
}
body.simple-mode .core-head {
  color: #F7EAFB !important;
  font-size: 15px !important;
  margin-bottom: 12px !important;
}
body.simple-mode .core-note { color: #B799BD !important; }

/* ---------- 5. 产业星球：默认展开，但紧凑科技化 ---------- */
body.simple-mode .tpl-groups {
  gap: 10px !important;
}
body.simple-mode .tpl-group {
  background: rgba(43, 16, 48, .88) !important;
  border: 1px solid rgba(176, 38, 207, .28) !important;
  border-radius: 12px !important;
  padding: 12px 14px 12px !important;
  margin-bottom: 10px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.22) !important;
}
body.simple-mode .tpl-group::before { width: 3px !important; border-radius: 2px; }
body.simple-mode .tpl-group-head {
  font-size: 14px !important;
  font-weight: 700;
  color: #F7EAFB !important;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
body.simple-mode .tpl-group-head .tgh-sub {
  color: #D98CF0 !important;
  font-size: 11px;
  font-weight: 500;
}
body.simple-mode .tpl-group-head .tgh-count {
  background: rgba(176, 38, 207, .22) !important;
  color: #D98CF0 !important;
  border: 1px solid rgba(176, 38, 207, .35);
  font-size: 11px;
  padding: 1px 7px;
  border-radius: 999px;
  margin-left: auto;
}

/* 产业按钮：3 列紧凑网格 */
body.simple-mode .tpl-group .templates {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 8px !important;
  margin-bottom: 0 !important;
}
body.simple-mode .tpl-group .templates .tpl {
  min-height: 36px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  border-radius: 8px !important;
  background: rgba(27, 10, 31, .72) !important;
  border: 1px solid rgba(176, 38, 207, .28) !important;
  color: #F7EAFB !important;
  justify-content: flex-start !important;
}
body.simple-mode .tpl-group .templates .tpl:hover {
  background: rgba(176, 38, 207, .22) !important;
  border-color: rgba(176, 38, 207, .55) !important;
}

/* 产品/品种矩阵：默认折叠为更紧凑的 details */
body.simple-mode .tpl-products {
  background: rgba(27, 10, 31, .55) !important;
  border: 1px solid rgba(176, 38, 207, .18);
  border-radius: 8px;
  padding: 8px 10px !important;
  margin-bottom: 10px !important;
}
body.simple-mode .tpl-products-label {
  font-size: 11px !important;
  color: #D98CF0 !important;
  margin-bottom: 6px !important;
}
body.simple-mode .tpl-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 6px;
}
body.simple-mode .prod-collapse summary {
  font-size: 11.5px !important;
  padding: 5px 7px !important;
  color: #F7EAFB !important;
  background: rgba(176, 38, 207, .12);
  border-radius: 6px;
  list-style: none;
  cursor: pointer;
}
body.simple-mode .prod-collapse-body {
  padding: 5px 0 0 4px !important;
}
body.simple-mode .prod-chip {
  font-size: 11px !important;
  padding: 2px 6px !important;
  margin: 2px !important;
}
body.simple-mode .tpl-group-foot {
  font-size: 11px !important;
  color: #B799BD !important;
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px dashed rgba(176, 38, 207, .22);
}

/* ---------- 6. 账号矩阵：默认折叠，展开后更紧凑 ---------- */
body.simple-mode .agri-card.account-matrix {
  background: rgba(43, 16, 48, .82) !important;
  border: 1px solid rgba(176, 38, 207, .25) !important;
  border-radius: 12px !important;
}
body.simple-mode .account-matrix .ac-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: 8px !important;
}
body.simple-mode .account-matrix .ac-item {
  padding: 8px 10px !important;
  background: rgba(27, 10, 31, .65) !important;
  border: 1px solid rgba(176, 38, 207, .2) !important;
  border-radius: 8px !important;
}
body.simple-mode .account-matrix .ac-plat {
  font-size: 11px !important;
  color: #D98CF0 !important;
}
body.simple-mode .account-matrix .ac-name {
  font-size: 12px !important;
  color: #F7EAFB !important;
}
body.simple-mode .account-matrix .ac-id {
  font-size: 11px !important;
  color: #8B7391 !important;
}
body.simple-mode .account-matrix .ac-summary {
  font-size: 12px !important;
  padding: 8px 12px !important;
  background: rgba(27, 10, 31, .55) !important;
  border-radius: 8px;
  margin-top: 8px !important;
}

/* ---------- 7. 全局卡片与文字：科技暗色 ---------- */
body.simple-mode .agri-card,
body.simple-mode .board,
body.simple-mode .ac-item,
body.simple-mode .bm-row,
body.simple-mode .agri-body,
body.simple-mode .agri-context {
  background: rgba(43, 16, 48, .82) !important;
  border: 1px solid rgba(176, 38, 207, .25) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
  backdrop-filter: blur(6px);
  animation: none !important;
}
body.simple-mode .agri-head,
body.simple-mode .ac-head,
body.simple-mode .bm-head,
body.simple-mode .cs-head {
  color: #F7EAFB !important;
  font-size: 14px !important;
  border-bottom: 1px solid rgba(176, 38, 207, .22);
  padding-bottom: 8px !important;
}
body.simple-mode,
body.simple-mode p,
body.simple-mode span,
body.simple-mode div,
body.simple-mode li,
body.simple-mode td { color: #F7EAFB !important; text-shadow: none !important; }
body.simple-mode .sub,
body.simple-mode .core-note,
body.simple-mode .ac-summary,
body.simple-mode .bm-foot { color: #B799BD !important; }

/* ---------- 8. 分区收纳：折叠态与展开态 ---------- */
body.simple-mode .sm-foldable {
  display: flex !important;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
body.simple-mode .sm-foldable::after {
  content: "收起 ▴";
  margin-left: auto;
  flex: none;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  color: #D98CF0 !important;
  padding: 4px 10px;
  border: 1px solid rgba(176, 38, 207, .35);
  border-radius: 999px;
  background: rgba(176, 38, 207, .14);
  white-space: nowrap;
}
body.simple-mode .sm-collapsed > .sm-foldable::after,
body.simple-mode .sm-collapsed .sm-foldable::after { content: "展开 ▾"; }

/* 折叠态：只留标题条 */
body.simple-mode .sm-collapsed {
  max-height: 50px !important;
  overflow: hidden !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
body.simple-mode .sm-collapsed > *:not(.sm-foldable) { display: none !important; }
body.simple-mode .sm-collapsed .tpl-group-head,
body.simple-mode .sm-collapsed .bm-head,
body.simple-mode .sm-collapsed .agri-head {
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

/* ---------- 9. 精简模式切换按钮 ---------- */
.simple-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  background: #8A17A8;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  transition: background .18s ease;
}
.simple-toggle:hover { background: #B026CF; }
.simple-toggle .dot { width: 6px; height: 6px; border-radius: 50%; background: #FCD34D; }
body.simple-mode .simple-toggle { background: rgba(176, 38, 207, .22); color: #D98CF0; border: 1px solid rgba(176,38,207,.45); }
body.simple-mode .simple-toggle .dot { background: #D98CF0; }

/* ---------- 10. 小游戏入口弱化但不删 ---------- */
body.simple-mode [class*="tpl"][data-game] {
  opacity: .9;
  border-color: rgba(252, 211, 77, .35) !important;
  color: #FCD34D !important;
}

/* ---------- 11. 移动端 ---------- */
@media (max-width: 640px) {
  body.simple-mode .morning-brief.planet-row { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
  body.simple-mode .tpl-group .templates { grid-template-columns: repeat(2, 1fr) !important; }
  body.simple-mode .account-matrix .ac-grid { grid-template-columns: repeat(2, 1fr) !important; }
  body.simple-mode .topbar { padding: 10px 12px !important; }
  body.simple-mode .app { padding: 0 12px 32px; }
}