/* ============ 炫彩极光流动背景 ============ */
body, #page_container {
  background: linear-gradient(125deg,
    #f9d423 0%, #ff6b9d 22%, #c86dd7 44%,
    #7873f5 64%, #4ADEDE 82%, #43e97b 100%) !important;
  background-attachment: fixed !important;
  background-size: 280% 280% !important;
  animation: auroraShift 18s ease infinite;
  min-height: 100vh;
}
@keyframes auroraShift { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }

/* ============ 服务器框：彩虹跳动边框（每台一个完整框）============ */
@keyframes borderFlow { 0%{background-position:0 0,0% 50%} 100%{background-position:0 0,320% 50%} }
.information-widget-glances {
  border: 2.5px solid transparent !important;
  border-radius: 16px !important;
  padding: 12px 18px !important;
  margin: 8px !important;
  min-width: 190px;
  background-image:
    linear-gradient(rgba(255,255,255,0.55), rgba(255,255,255,0.55)),
    linear-gradient(120deg,#22d3ee,#818cf8,#e879f9,#f9d423,#43e97b,#22d3ee) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  background-size: 100% 100%, 320% 320% !important;
  animation: borderFlow 6s linear infinite;
  backdrop-filter: blur(12px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(170%) !important;
  box-shadow: 0 8px 28px rgba(120,90,220,0.28) !important;
}
.information-widget-glances:hover {
  box-shadow: 0 12px 40px rgba(168,85,247,0.55), 0 0 26px rgba(34,211,238,0.5) !important;
  transform: translateY(-3px); transition: box-shadow .25s ease, transform .25s ease;
}
.information-widget-glances .information-widget-label {
  font-size: 1.05rem !important; font-weight: 800 !important; color: #0f172a !important; padding-top: 6px !important;
}
.information-widget-glances .information-widget-resource,
.information-widget-glances .information-widget-resource span { font-size: 0.98rem !important; color: #0f172a !important; }
.information-widget-glances .resource-icon { width: 1.5rem !important; height: 1.5rem !important; }
.information-widget-glances .resource-usage { height: 0.4rem !important; background-color: rgba(30,41,59,0.14) !important; }
.information-widget-glances .resource-usage > div {
  background: linear-gradient(90deg,#22d3ee 0%,#818cf8 45%,#e879f9 100%) !important;
  box-shadow: 0 0 10px rgba(168,85,247,0.75) !important;
}

/* ============ 时钟 / 搜索：无边框 ============ */
.information-widget-datetime, .widget-container { border: none !important; background: transparent !important; }
#information-widgets { border: none !important; }

/* ============ 服务卡片：安静玻璃，无动画边框 ============ */
[class~='bg-theme-50'] {
  border: 1px solid rgba(255,255,255,0.55) !important; border-radius: 16px !important;
  background-color: rgba(255,255,255,0.42) !important;
  backdrop-filter: blur(14px) saturate(150%) !important; -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
  box-shadow: 0 6px 22px rgba(31,38,135,0.12) !important;
}
[class~='bg-theme-50']:hover {
  background-color: rgba(255,255,255,0.62) !important;
  box-shadow: 0 10px 30px rgba(120,90,220,0.28) !important;
  transform: translateY(-2px); transition: all .25s ease;
}
#myservices, .services-group { font-size: 1.14rem !important; }
#myservices img, #myservices svg, .services-group img, .services-group svg { width: 2.7rem !important; height: 2.7rem !important; }
#myservices .font-medium, .services-group .font-medium { font-size: 1.08rem !important; }
[class~='bg-theme-50'] { padding: 2px !important; }

/* ============ 分组标题：A 浅色玻璃 + 左侧细彩条 ============ */
h2 {
  color: #1e293b !important; font-weight: 800 !important; font-size: 1.35rem !important;
  background: rgba(255,255,255,0.55) !important;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  padding: 6px 16px !important; border-radius: 10px !important; display: inline-block !important;
  box-shadow: 0 3px 12px rgba(31,38,135,0.10) !important;
  border-left: 5px solid #818cf8 !important;
}
h2:nth-of-type(1) { border-left-color: #38bdf8 !important; }
h2:nth-of-type(2) { border-left-color: #f472b6 !important; }
h2:nth-of-type(3) { border-left-color: #a78bfa !important; }
h2:nth-of-type(4) { border-left-color: #fbbf24 !important; }
h2:nth-of-type(5) { border-left-color: #34d399 !important; }
h2:nth-of-type(6) { border-left-color: #22d3ee !important; }

/* ============ 标签页栏炫彩 ============ */
#myTab, [role='tablist'] { gap: 10px; }
#myTab a, [role='tablist'] a {
  border-radius: 14px !important; padding: 8px 22px !important; font-weight: 700 !important; font-size: 1.08rem !important;
  color: #1e293b !important; background: rgba(255,255,255,0.45) !important; backdrop-filter: blur(8px); transition: all .25s ease;
}
#myTab a[class*='bg-theme-3'], #myTab a[class*='bg-theme-5'], [role='tablist'] a[aria-selected='true'] {
  background: linear-gradient(135deg,#22d3ee,#818cf8,#e879f9) !important; color: #fff !important;
  box-shadow: 0 6px 22px rgba(129,140,248,0.6) !important;
}
#myTab a:hover, [role='tablist'] a:hover { background: rgba(255,255,255,0.78) !important; transform: translateY(-2px); }
.text-theme-700, .text-theme-800 { color: #1e293b !important; }