/* 延续生产版玻璃：一级面板磨砂，内卡透光；弹窗与输入区保持稳定底色。 */
body.hd2d-preview.hd2d-preview {
  --glass-blur:blur(8px);
  --glass-panel:linear-gradient(145deg,#3a5873a6,#203a52bd);
  --glass-navigation:var(--glass-panel);
  --glass-edge:#b8cad766;
  --glass-highlight:inset 0 1px 0 #edf5fa24;
  --glass-card:var(--fg-raised);
  --glass-confirmed:#34585D;
  --glass-background:linear-gradient(180deg,#1c304880,#1c3048b3);
  --glass-top-edge:var(--glass-edge);
  --glass-card-edge:var(--fg-border);
  --glass-card-top:var(--fg-border);
  --glass-inset:var(--fg-raised);
  --glass-tabs:var(--fg-panel);
  --glass-controls:var(--fg-panel);
  --glass-line:var(--fg-border);
  --glass-shadow:0 14px 44px #102b4c55;
  --glass-card-shadow:none;
  isolation:isolate;background:var(--fg-space);background-image:none;
}
/* 默认玻璃材质独立于兼容像素主题，布局仍共用原规则。 */
body.hd2d-preview.hd2d-preview:where(:not(.pixel-preview)) {
  --glass-blur:blur(18px);
  --glass-panel:linear-gradient(145deg,#dce9f226,#19314970),#142b4466;
  --glass-navigation:linear-gradient(150deg,#dcefff33,#7899ba24 38%,#142d4b66),#142b4480;
  --glass-edge:#dceaf04d;
  --glass-top-edge:#eff9ff80;
  --glass-highlight:inset 0 1px 0 #edf5fa33,0 10px 24px #06182d38;
  --glass-card:linear-gradient(135deg,#59778f70,#213e597a);
  --glass-card-edge:var(--glass-edge);
  --glass-card-top:#e0eeee70;
  --glass-card-shadow:inset 0 1px 0 #f3ffff24,0 5px 12px #081c352b;
  --glass-confirmed:linear-gradient(135deg,#426d7380,#21484e99);
  --glass-background:linear-gradient(180deg,#34465e40,#233e5770);
  --glass-inset:#203c5933;
  --glass-tabs:#19314940;
  --glass-controls:var(--glass-card);
}
body.hd2d-preview.hd2d-preview::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(#app-view) #app-view .topbar {background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.hd2d-preview.hd2d-preview #app-view :is(#history-view,#rewards-view,#project-view,#ledger-view,#manage-view,#weekly-review-view,#adventure-view,#parent-adventure-view).page-shell {
  background:var(--glass-panel);border:1px solid var(--glass-edge);border-top-color:var(--glass-top-edge);border-radius:12px;
  box-shadow:var(--glass-highlight);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
}
body.hd2d-preview #app-view :is(#manage-view,#project-view,#history-view) .panel,
body.hd2d-preview #app-view #weekly-review-view .wr-panel {
  background:var(--glass-card);border-color:var(--glass-line);border-radius:12px;box-shadow:var(--glass-card-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;
}
/* 分组标题不单独铺底，避免三层面板叠成厚色块。 */
body.hd2d-preview #app-view :is(#manage-view,#project-view) :is(.parent-approval-panel>.parent-todo-lane,.parent-reward-queue,.family-settings-panel,.reward-settings-panel,.growth-management-section) {background:transparent;border:0;box-shadow:none}
body.hd2d-preview #app-view :is(#rewards-view .pending-card,#history-view .history-card,.project-row,.ledger-row,.reward-fulfill-card,.settings-detail-editor,.import-entry,.empty) {
  background:var(--glass-card);border-color:var(--glass-card-edge);border-top-color:var(--glass-card-top);
  color:var(--fg-text);border-radius:8px;box-shadow:var(--glass-card-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;
}
body.hd2d-preview #app-view #weekly-review-view :is(.wr-categories>div,.wr-day) {background:var(--glass-inset);border-color:var(--glass-line)}
body.hd2d-preview #app-view #weekly-review-view .wr-day.done {background:#426D73;border-color:var(--fg-action)}
body.hd2d-preview #app-view #weekly-review-view .wr-hero {background:var(--glass-card)}
body.hd2d-preview #app-view .page-nav {
  background:var(--glass-navigation);
  border:1px solid var(--glass-edge);border-radius:12px;
  box-shadow:var(--glass-highlight);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
body.hd2d-preview #app-view .page-nav button {background:transparent;border-color:transparent;color:#edf5fa;box-shadow:none}
body.hd2d-preview #app-view .page-nav button.active {background:var(--fg-action);border-color:var(--fg-action);color:var(--fg-action-ink);box-shadow:none}
body.hd2d-preview #app-view .topbar .top-actions .balance {background:var(--fg-raised);border-color:var(--fg-border);box-shadow:none}
body.hd2d-preview #app-view :is(.ghost,.parent-center-tabs button:not(.active),.reward-tabs button:not([aria-pressed=true])) {background:var(--fg-raised);border-color:var(--fg-border);border-radius:8px;color:var(--fg-text)}
/* 模态层更厚，避免后面文字透上来；战斗、怪兽与武器素材不在主题选择器内。 */
body.hd2d-preview.hd2d-preview :is(.login-card,.calendar-sheet-card,.streak-sheet-card,.reward-confirm-panel,.fg-savings-dialog,.fg-tutorial-card) {background:var(--fg-panel);border-color:var(--fg-border);border-radius:12px;box-shadow:var(--glass-shadow)}
body.hd2d-preview.hd2d-preview :is(.fg-tutorial-example,.fg-tutorial-topics article,.fg-savings-dialog header) {background:var(--fg-raised);border-color:var(--glass-line)}
body.hd2d-preview #app-view .family-planning {background:var(--fg-panel);border-color:var(--glass-line);color:var(--fg-text)}
body.hd2d-preview #app-view .family-planning .planning-options article {background:var(--glass-card);border-color:var(--glass-line)}
body.hd2d-preview .planning-dialog {background:var(--fg-panel);color:var(--fg-text);border:1px solid var(--glass-line)}
body.hd2d-preview .planning-dialog .planning-actions {background:#29445f}
body.hd2d-preview #app-view #ledger-view .account-ledger-panel {background:transparent;border:0;box-shadow:none}
body.hd2d-preview #app-view #account-ledger-list .project-row {flex-wrap:wrap;gap:12px;align-items:flex-start}
body.hd2d-preview #app-view #account-ledger-list .project-row>div {flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
body.hd2d-preview #app-view #account-ledger-list .project-row>span {flex:none;white-space:nowrap;padding:4px 8px;border:1px solid var(--glass-line);border-radius:4px;background:var(--fg-input);font-size:13px}
body.hd2d-preview.hd2d-preview :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {background:var(--fg-input);border-color:var(--fg-border);color:var(--fg-text)}
body.hd2d-preview.hd2d-preview select option {background:var(--fg-input);color:var(--fg-text)}
.brand-emblem {display:none}
@media (min-width:768px) and (orientation:landscape), (min-width:1025px) {
  body.hd2d-preview #app-view .topbar {min-height:158px;align-items:stretch;margin-bottom:18px}
  body.hd2d-preview #app-view .topbar :is(.header-welcome,.top-actions) {padding:14px 18px;border:1px solid var(--glass-edge);border-top-color:var(--glass-top-edge);border-radius:12px;background:var(--glass-panel);box-shadow:var(--glass-highlight);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}
  body.hd2d-preview #app-view .brand-heading {
    position:fixed;top:18px;left:18px;width:192px;height:158px;min-height:148px;z-index:12;
    padding:6px;justify-content:center;border:0;border-radius:0;
    background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  body.hd2d-preview #app-view .brand-heading::before,body.hd2d-preview #app-view .brand-heading::after {content:none}
  body.hd2d-preview #app-view .brand-heading :is(.brand-planet,.header-racer) {display:none}
  body.hd2d-preview #app-view .brand-heading>div {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  body.hd2d-preview #app-view .brand-heading .brand-emblem {display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px #06182d55)}
  body.hd2d-preview #app-view .page-nav {top:194px;max-height:calc(100dvh - 212px);overflow-y:auto}
  body.hd2d-preview:has(#today-workspace:not(.hidden)) #app-view .page-nav {max-height:calc(100dvh - var(--home-rail-top,184px) - 18px)}
}
@media(max-width:767px) {
  body.hd2d-preview.hd2d-preview::before {background-position:70% center}
  body.hd2d-preview #app-view .page-nav {background:var(--glass-navigation)}
  body.hd2d-preview #app-view .topbar .top-actions {padding:10px 12px;background:var(--glass-panel);border:1px solid var(--glass-edge);border-radius:12px;box-shadow:var(--glass-highlight);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}
}
@media(max-width:480px) {
  body.hd2d-preview .family-rpg .rpg-v11-weapon-art {width:58px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.hd2d-preview.hd2d-preview {--glass-panel:var(--fg-panel);--glass-navigation:var(--fg-panel);--glass-card:var(--fg-raised);--glass-confirmed:#34585D;--glass-blur:none}
  body.hd2d-preview.hd2d-preview:has(#app-view) #app-view :is(.page-shell,.page-nav,.topbar .header-welcome,.topbar .top-actions) {background:var(--fg-panel)}
}
@media(prefers-reduced-transparency:reduce) {
  body.hd2d-preview.hd2d-preview {--glass-panel:var(--fg-panel);--glass-navigation:var(--fg-panel);--glass-card:var(--fg-raised);--glass-confirmed:#34585D;--glass-blur:none}
  body.hd2d-preview.hd2d-preview:has(#app-view) #app-view :is(.page-shell,.page-nav,.topbar .header-welcome,.topbar .top-actions) {background:var(--fg-panel);backdrop-filter:none;-webkit-backdrop-filter:none}
}