/* 自制绿幕 · 白天暖色主题（对齐全站 data-theme="day"） */

html[data-theme="day"] body.gsm-page {
  color-scheme: light;
  background: #8bcdf8 !important;
  color: #203846;

  /* 工具令牌 → 暖色纸感 */
  --void: #e8eef6;
  --panel: rgba(245, 240, 212, 0.94);
  --panel-2: rgba(250, 244, 214, 0.96);
  --raised: #f0e9c8;
  --inset: #ebe3c4;
  --well: #e5dcc0;
  --stroke: #9fcf70;
  --stroke-soft: #b7d7a3;
  --stroke-strong: rgba(89, 142, 58, 0.35);
  --bevel-light: rgba(255, 255, 255, 0.55);
  --bevel-dark: rgba(89, 142, 58, 0.18);
  --text: #203846;
  --text-dim: #3d5664;
  --text-mute: #5a7280;
  --diamond: #b86a00;
  --diamond-soft: rgba(200, 236, 131, 0.55);
  --emerald: #4a9e3f;
  --gold: #c87a00;
  --redstone: #c44;
  --lapis: #006b86;
  --shadow-panel: 0 1px 0 var(--bevel-light) inset, 0 2px 8px rgba(89, 142, 58, 0.12);
  --shadow-drop: 0 12px 28px rgba(30, 77, 96, 0.12);
  --shadow-pop: 0 16px 36px rgba(30, 77, 96, 0.16);
}

html[data-theme="day"] body.gsm-page::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.35)),
    linear-gradient(180deg, #a8daf8 0%, #8bcdf8 45%, #c8e6a0 100%);
  filter: blur(12px);
  transform: scale(1.08) translateZ(0);
}

html[data-theme="day"] .gsm-app-wrapper {
  background: transparent;
}

html[data-theme="day"] .gsm-page .appbar {
  background: linear-gradient(180deg, rgba(244, 238, 202, 0.98), rgba(235, 227, 196, 0.96));
  border-bottom-color: #9fcf70;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

html[data-theme="day"] .gsm-page .logo-cube {
  border-color: #6b8f4a;
  box-shadow: 0 0 0 1px #9fcf70, inset -2px -2px 0 rgba(0, 0, 0, 0.12), inset 2px 2px 0 rgba(255, 255, 255, 0.35);
}

html[data-theme="day"] .gsm-page .brand-text h1 {
  color: #132d3a;
}

html[data-theme="day"] .gsm-page .gsm-beta-tag {
  background: rgba(200, 122, 0, 0.12);
  border-color: rgba(200, 122, 0, 0.35);
  color: #9a5a00;
}

html[data-theme="day"] .gsm-page .stage-bar,
html[data-theme="day"] .gsm-page .transport {
  background: linear-gradient(180deg, rgba(244, 238, 202, 0.98), rgba(235, 227, 196, 0.95)) !important;
  border-color: #9fcf70 !important;
  color: #203846 !important;
}

html[data-theme="day"] .gsm-page .rail,
html[data-theme="day"] .gsm-page .section,
html[data-theme="day"] .gsm-page .current-asset,
html[data-theme="day"] .gsm-page .tpl-hint,
html[data-theme="day"] .gsm-page .searchbar,
html[data-theme="day"] .gsm-page .file-drop,
html[data-theme="day"] .gsm-page .preset-item,
html[data-theme="day"] .gsm-page .result,
html[data-theme="day"] .gsm-page .overlay .box {
  background-color: rgba(245, 240, 212, 0.92) !important;
  border-color: #9fcf70 !important;
  color: #203846 !important;
}

html[data-theme="day"] .gsm-page .tpl,
html[data-theme="day"] .gsm-page .asset,
html[data-theme="day"] .gsm-page .chip,
html[data-theme="day"] .gsm-page .slot,
html[data-theme="day"] .gsm-page .recent-item,
html[data-theme="day"] .gsm-page .health,
html[data-theme="day"] .gsm-page .kbd,
html[data-theme="day"] .gsm-page .field select,
html[data-theme="day"] .gsm-page .field input[type="text"],
html[data-theme="day"] .gsm-page .preset-save input,
html[data-theme="day"] .gsm-page .segmented button,
html[data-theme="day"] .gsm-page .btn,
html[data-theme="day"] .gsm-page .btn.ghost,
html[data-theme="day"] .gsm-page .color-input,
html[data-theme="day"] .gsm-page .tbtn {
  background-color: rgba(250, 244, 214, 0.96) !important;
  border-color: #b7d7a3 !important;
  color: #203846 !important;
}

html[data-theme="day"] .gsm-page .tpl:hover,
html[data-theme="day"] .gsm-page .asset:hover,
html[data-theme="day"] .gsm-page .chip:hover,
html[data-theme="day"] .gsm-page .slot:hover,
html[data-theme="day"] .gsm-page .segmented button:hover,
html[data-theme="day"] .gsm-page .btn:hover:not(:disabled),
html[data-theme="day"] .gsm-page .tbtn:hover:not(:disabled) {
  border-color: #8cc45e !important;
  background-color: #eaf7fb !important;
}

html[data-theme="day"] .gsm-page .tpl[aria-pressed="true"] {
  border-color: #8cc45e !important;
  background: linear-gradient(180deg, #e8f5c8, #c8ec83) !important;
  box-shadow: 0 0 0 1px #8cc45e inset, 0 6px 16px rgba(89, 142, 58, 0.18) !important;
}

html[data-theme="day"] .gsm-page .tpl[aria-pressed="true"] .tpl-name {
  color: #0d3a12 !important;
}

html[data-theme="day"] .gsm-page .tpl[aria-pressed="true"] .tpl-tag {
  color: #3d6b28 !important;
}

html[data-theme="day"] .gsm-page .tpl[aria-pressed="true"] .tpl-ico {
  border-color: #8cc45e !important;
  background: radial-gradient(circle at 50% 35%, #f5f0d4, #e8edc8) !important;
}

html[data-theme="day"] .gsm-page .asset[aria-pressed="true"],
html[data-theme="day"] .gsm-page .slot[aria-pressed="true"],
html[data-theme="day"] .gsm-page .chip[aria-pressed="true"],
html[data-theme="day"] .gsm-page .segmented button[aria-pressed="true"] {
  border-color: #8cc45e !important;
  background: #c8ec83 !important;
  color: #0d3a12 !important;
}

html[data-theme="day"] .gsm-page .section-head .tick {
  background: #b86a00;
  box-shadow: 0 0 8px rgba(184, 106, 0, 0.35);
}

html[data-theme="day"] .gsm-page .stage {
  background: rgba(232, 238, 246, 0.55);
}

html[data-theme="day"] .gsm-page .canvas-area {
  background: rgba(245, 240, 212, 0.75) !important;
  border-color: #9fcf70 !important;
}

html[data-theme="day"] .gsm-page .stage-bar .badge {
  background: rgba(250, 244, 214, 0.95);
  border-color: #b7d7a3;
  color: #203846;
}

html[data-theme="day"] .gsm-page .stage-bar .title,
html[data-theme="day"] .gsm-page .timeline .track {
  color: #203846;
}

html[data-theme="day"] .gsm-page .timeline .fill {
  background: linear-gradient(90deg, #b86a00, #c8ec83) !important;
}

html[data-theme="day"] .gsm-page .playhead {
  background: #b86a00 !important;
  border-color: #fff !important;
}

html[data-theme="day"] .gsm-page .tbtn.play {
  background: linear-gradient(180deg, #dcecb8, #c8ec83) !important;
  border-color: #8cc45e !important;
  color: #0d3a12 !important;
}

html[data-theme="day"] .gsm-page .btn-record {
  background: linear-gradient(180deg, #ff8a8a, #e05555) !important;
  border-color: #c44 !important;
}

html[data-theme="day"] .gsm-page .btn.download,
html[data-theme="day"] .gsm-page .result .ok {
  background: linear-gradient(180deg, #dcecb8, #c8ec83) !important;
  border-color: #8cc45e !important;
  color: #0d3a12 !important;
}

html[data-theme="day"] .gsm-page .tpl-ico,
html[data-theme="day"] .gsm-page .current-asset .thumb,
html[data-theme="day"] .gsm-page .asset img,
html[data-theme="day"] .gsm-page .slot img {
  background: repeating-conic-gradient(#e8e0c8 0% 25%, #f0e9c8 0% 50%) 50% / 14px 14px !important;
}

html[data-theme="day"] .gsm-page input[type="range"] {
  accent-color: #b86a00;
}

html[data-theme="day"] .gsm-page input[type="range"]::-webkit-slider-runnable-track {
  background: #d8e8c8 !important;
}

html[data-theme="day"] .gsm-page .param.inactive {
  opacity: 0.45;
}

html[data-theme="day"] .gsm-page .toast {
  background: rgba(245, 240, 212, 0.98);
  border-color: #9fcf70;
  color: #203846;
}

html[data-theme="day"] .gsm-page ::-webkit-scrollbar-thumb {
  background: #b7d7a3;
  border-color: #f5f0d4;
}

html[data-theme="day"] .gsm-page ::-webkit-scrollbar-thumb:hover {
  background: #9fcf70;
}

html[data-theme="day"] .gsm-page .overlay {
  background: rgba(245, 240, 212, 0.82) !important;
}

html[data-theme="day"] .gsm-page .overlay.error .box {
  border-color: #c44 !important;
}

html[data-theme="day"] .gsm-page .fav-star.on {
  color: #c44;
}