/* 首页延续生产版通透材质；任务卡只透光，不叠加背景模糊。 */
body.hd2d-preview:has(#today-workspace:not(.hidden)) {
  --home-ink:var(--fg-text);--home-muted:var(--fg-muted-on-raised);--home-line:var(--fg-border);--home-green:var(--fg-action);
  --home-panel-shadow:var(--glass-highlight);
  --home-card-shadow:var(--glass-card-shadow);
  isolation:isolate;background:var(--fg-space);background-image:none;
}
body.hd2d-preview:has(#today-workspace:not(.hidden))::before {
  content:"";position:fixed;inset:-16px;z-index:-1;pointer-events:none;opacity:1;
  background:var(--glass-background),url('/assets/assets/home-galaxy-v1.webp') center / cover no-repeat;
  filter:none;transform:rotate(180deg);
}
/* 顶部留在背景层；功能区用透光底板和薄边界保持分组。 */
body.hd2d-preview:has(#today-workspace:not(.hidden)) #app-view .topbar {
  background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;
}
body.hd2d-preview #app-view #today-workspace:not(.hidden) :is(.daily-column,.panel) {
  background:var(--fg-panel);
  border:1px solid var(--fg-border);
  border-top-color:var(--fg-border);border-left-color:var(--fg-border);border-radius:12px;
  box-shadow:var(--home-panel-shadow);
  backdrop-filter:none;
}
/* 只给一级功能容器加滤镜，避免嵌套面板重复模糊。 */
body.hd2d-preview #app-view #today-workspace:not(.hidden) > .daily-column,
body.hd2d-preview #app-view #today-workspace:not(.hidden) > .overview-column > .panel {
  background:var(--glass-panel);border-color:var(--glass-edge);border-top-color:var(--glass-top-edge);
  -webkit-backdrop-filter:var(--glass-blur);
  backdrop-filter:var(--glass-blur);
}
body.hd2d-preview:has(#today-workspace:not(.hidden)) #app-view .topbar .top-actions .balance {
  background:#eaf2f20d;border-color:#e2edf324;box-shadow:none;
}
body.hd2d-preview:has(#today-workspace:not(.hidden)) #app-view .page-nav {
  background:var(--glass-navigation);
  border:1px solid var(--glass-edge);
  box-shadow:var(--glass-highlight);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
body.hd2d-preview:has(#today-workspace:not(.hidden)) #app-view .page-nav button {background:transparent;border-color:transparent;color:#edf5fa;box-shadow:none}
body.hd2d-preview:has(#today-workspace:not(.hidden)) #app-view .page-nav button:hover {background:#edf8ff12}
body.hd2d-preview:has(#today-workspace:not(.hidden)) #app-view .page-nav button.active {
  background:var(--fg-action);
  border-color:var(--fg-action);border-top-color:var(--fg-action);color:var(--fg-action-ink);
  box-shadow:none;
}
body.hd2d-preview #app-view #today-workspace:not(.hidden) {color:var(--home-ink)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) :is(h1,h2,h3,.task-title,.group-title) {color:var(--home-ink);text-shadow:0 1px 3px #17304544}
body.hd2d-preview #app-view #today-workspace:not(.hidden) :is(p,label,.muted,.task-meta,.task-value-label,.eyebrow,.overview-note,.overview-cheer,.date-mobile-context) {color:var(--home-muted)}
/* 任务卡比外层多一层透光底板，空态不额外套框。 */
body.hd2d-preview #app-view #today-workspace:not(.hidden) .task-card {background:var(--glass-card);border-color:var(--glass-card-edge);border-top-color:var(--glass-card-top);border-radius:8px;color:var(--home-ink);box-shadow:var(--home-card-shadow);backdrop-filter:none;-webkit-backdrop-filter:none}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .child-next-task {border-color:var(--fg-action);box-shadow:inset 3px 0 var(--fg-action)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .task-card.confirmed {background:var(--glass-confirmed);opacity:1}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .task-inline-status {color:#c4edda}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .task-record-detail {color:var(--home-muted)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .child-section-count {background:#ffffff10;color:var(--home-muted);border-color:transparent}
body.hd2d-preview #app-view #today-workspace:not(.hidden) :is(.child-pending-section,.child-completed-section) {border-color:var(--home-line)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .empty {background:transparent;border:0;box-shadow:none;color:var(--home-muted);padding:20px 12px}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .category-tabs {background:transparent}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .category-tabs button {background:var(--fg-raised);border-color:var(--fg-border);border-radius:8px;color:var(--fg-text);box-shadow:none}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .category-tabs button.active {background:var(--fg-action);border-color:var(--fg-action);color:var(--fg-action-ink);box-shadow:none}
body.hd2d-preview #app-view #today-workspace:not(.hidden) :is(button.ghost,[data-page-help],.mobile-streak-button) {background:transparent;border-color:#e2edf333;color:#e3ecec;box-shadow:none}
body.hd2d-preview #app-view #today-workspace:not(.hidden) :is(button.primary,.task-card button.checkin) {background:var(--home-green);color:var(--fg-action-ink);border-color:var(--home-green);border-radius:8px;box-shadow:none}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .task-card button:disabled {background:#506477;color:#DDE5EA;border-color:#91AABC;opacity:1}
body.hd2d-preview #app-view #today-workspace:not(.hidden) :is(input:not([type=checkbox]):not([type=radio]),select) {background:var(--fg-input);color:var(--home-ink);border-color:var(--fg-border)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .date-row .date-control {background:#eaf2f20c;border-color:var(--home-line);box-shadow:none}
body.hd2d-preview #app-view #today-workspace:not(.hidden) #date-mobile-number {color:var(--home-ink)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) #date-mobile-weekday {color:var(--home-muted)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) :is(#date-mobile-badge,.date-center .date-return) {color:#d0f2de;background:#c6e8d51a}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .date-step svg {stroke:#cfdfdf}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .date-row .date-step {background:transparent;border:0}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .date-row .date-step:hover {background:#e2edf312}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .fg-savings {background:transparent;border:0;border-bottom:1px solid var(--home-line);border-radius:0;box-shadow:none;color:var(--home-ink);padding-bottom:18px}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .fg-savings-main strong {color:var(--home-ink)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .fg-savings-main small {color:var(--home-muted)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .fg-savings-main b {color:#efdaab}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .fg-savings button {background:transparent;color:#daefe4;border-color:#d3e8db44;box-shadow:none}
body.hd2d-preview #app-view #today-workspace:not(.hidden) :is(.fg-savings-track,.streak-track) {background:#dce4da24}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .fg-savings-track i {background:#a3cfb8}
body.hd2d-preview #app-view #today-workspace:not(.hidden) :is(.streak-item,.weekly-row) {background:var(--fg-raised);border-color:var(--fg-border);color:var(--home-ink);box-shadow:none}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .streak-flame {background:var(--fg-raised);box-shadow:none;animation:none}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .streak-panel::after {content:none}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .overview-grid>div {background:transparent;border-color:transparent;box-shadow:none}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .overview-grid span {color:var(--home-muted)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .overview-todo strong {color:#e9b9aa}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .overview-pending strong {color:#efdaab}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .overview-confirmed strong {color:#b6e2cb}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .overview-grid .overview-points {background:transparent}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .overview-grid .overview-points strong {color:#c3e5cc}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .overview-grid .overview-points.cap-reached strong {color:#efdaab}
body.hd2d-preview #app-view #today-workspace:not(.hidden) .mobile-overview>div:first-child span {color:var(--home-muted)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) #mobile-overview-progress {color:var(--home-ink)}
body.hd2d-preview #app-view #today-workspace:not(.hidden) :is(button,summary):focus-visible {outline:2px solid var(--fg-action);outline-offset:3px}
@media(max-width:767px) {
  body.hd2d-preview:has(#today-workspace:not(.hidden))::before {background-position:70% center}
  body.hd2d-preview:has(#today-workspace:not(.hidden)) #app-view .page-nav {background:var(--glass-navigation);box-shadow:var(--glass-highlight)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.hd2d-preview:has(#today-workspace:not(.hidden)) #app-view .page-nav,
  body.hd2d-preview #app-view #today-workspace:not(.hidden) > .daily-column,
  body.hd2d-preview #app-view #today-workspace:not(.hidden) > .overview-column > .panel {background:var(--fg-panel)}
}
@media(prefers-reduced-transparency:reduce) {
  body.hd2d-preview:has(#today-workspace:not(.hidden))::before {filter:none;background:var(--fg-panel)}
  body.hd2d-preview:has(#today-workspace:not(.hidden)) #app-view .page-nav,
  body.hd2d-preview #app-view #today-workspace:not(.hidden) > .daily-column,
  body.hd2d-preview #app-view #today-workspace:not(.hidden) > .overview-column > .panel {background:var(--fg-panel);backdrop-filter:none;-webkit-backdrop-filter:none}
}