/* 弹窗共用玻璃材质：只改变界面，不改变试卷和导出样式。 */
@media screen {
  :root {
    --glass-surface: rgba(250,250,252,.82);
    --glass-solid: #fafafa;
    --glass-ink: #161616;
    --glass-muted: #565656;
    --glass-line: rgba(100,100,100,.26);
    --glass-control: rgba(0,0,0,.035);
    --glass-backdrop: rgba(20,20,24,.24);
    --glass-shadow: 0 24px 72px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.3);
  }
  :root[data-theme="dark"] {
    --glass-surface: rgba(30,31,35,.84);
    --glass-solid: #202126;
    --glass-ink: #f1f1f3;
    --glass-muted: #c4c4cc;
    --glass-line: rgba(210,210,220,.25);
    --glass-control: rgba(255,255,255,.08);
    --glass-backdrop: rgba(0,0,0,.38);
    --glass-shadow: 0 24px 72px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.09);
  }
  /* 首页沿用既有反色夜览；OS使用原生深色变量，不反转配图。 */
  :is(dialog,[role="dialog"],[role="menu"],.style-menu-panel,.ai-dock),
  :is(#authModal,#termsModal,#feedbackModal,#cloudModal,#userCenterModal,#balanceAlertModal,#tokenHistoryModal,#aiResultModal) > div,
  #wechatQrModal,#rechargeModal {
    background: var(--glass-surface) !important;
    color: var(--glass-ink) !important;
    border-color: var(--glass-line) !important;
    box-shadow: var(--glass-shadow) !important;
    -webkit-backdrop-filter: blur(26px) saturate(115%) !important;
    backdrop-filter: blur(26px) saturate(115%) !important;
  }
  dialog::backdrop {
    background: var(--glass-backdrop) !important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
  /* 磨砂只施加于外层，内部不再叠加一块块白底。 */
  :root .ai-dock { opacity: 1; }
  :root[data-theme="dark"] .ai-dock .ai-context-action {
    color: var(--glass-ink) !important;
    border-color: var(--glass-line) !important;
  }
  :root .ai-dock :is(.dna-lite,.capsule-workbench,.ai-input-row,.formula-panel,.paper-outline-list,.dna-chart-wrap) {
    background: transparent !important;
    border-color: var(--glass-line);
    box-shadow: none;
  }
  :root .ai-dock :is(.dna-lite,.capsule-workbench) {
    border: 0;
    border-radius: 0;
    padding-bottom: 12px;
  }
  :root .ai-dock :is(.dna-trigger,.dna-assess-button,.dna-collapse,.ai-toggle) { background: transparent !important; }
  :root [role="menu"] :is(button,summary),
  :root .file-menu-panel :is(.file-export-body,.file-sync-body) {
    background: transparent !important;
    color: var(--glass-ink) !important;
    box-shadow: none;
  }
  :root [role="menu"] :is(button,summary):is(:hover,:focus-visible) {
    background: var(--glass-control) !important;
  }
  /* 工具栏自身的模糊会截断其下拉菜单的背景采样，展开时解除这一层。 */
  .topbar:has(details[open]) { -webkit-backdrop-filter: none; backdrop-filter: none; }

  :root[data-theme="dark"] [role="menu"] > div { color: var(--glass-muted) !important; }
  :is(#authModal,#termsModal,#feedbackModal,#cloudModal,#userCenterModal,#balanceAlertModal,#tokenHistoryModal,#aiResultModal) {
    background: var(--glass-backdrop) !important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
  :is(dialog,[role="dialog"]) > footer {
    background: transparent !important;
  }
  :root[data-theme="dark"] :is(dialog,[role="dialog"]) :is(button,input,select,textarea) {
    background: var(--glass-control) !important;
    color: var(--glass-ink) !important;
    border-color: var(--glass-line) !important;
    color-scheme: dark;
  }
  :root[data-theme="dark"] :is(dialog,[role="dialog"],[role="menu"]) :is(p,li,label,small,a,h2,h3,summary) {
    color: inherit;
  }
  :root[data-theme="dark"] :is(dialog,[role="dialog"]) :is(.dark-button,.material-entry-primary,footer button[type="submit"],footer button:last-child) {
    background: #ececf0 !important;
    color: #19191d !important;
  }
  :root[data-theme="dark"] :is(dialog,[role="dialog"]) progress { accent-color: #e0e0e6; }
  :root[data-theme="dark"] :is(dialog,[role="dialog"]) :is(input,textarea)::placeholder { color: var(--glass-muted); }
  :root[data-theme="dark"] :is(dialog,[role="dialog"],[role="menu"]) :focus-visible { outline-color: #c9c9dd; }
  .paper-image-dialog button:disabled { cursor: not-allowed; }
  :root #editorThemeToggle { display: inline-flex; align-items: center; justify-content: center; width: 36px; min-width: 36px; height: 36px; padding: 7px; border: 0; background: transparent; color: var(--ink); }
  #editorThemeToggle svg { display: block; flex: none; }
  /* 夜览仅降低屏幕纸张亮度，打印和导出保留原色。 */
  :root[data-theme="dark"] .paper-sheet { filter: brightness(.86); }
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    :is(dialog,[role="dialog"],[role="menu"],.style-menu-panel,.ai-dock),
    :is(#authModal,#termsModal,#feedbackModal,#cloudModal,#userCenterModal,#balanceAlertModal,#tokenHistoryModal,#aiResultModal) > div,
    #wechatQrModal,#rechargeModal { background: var(--glass-solid) !important; }
  }
  @media (prefers-reduced-transparency: reduce) {
    :root { --glass-surface: var(--glass-solid); }
  }
}
@media print { #editorThemeToggle { display: none !important; } }

/* 伸缩菜单使用铺满菜单宽度的浅灰分区，不叠加内层磨砂白框。 */
@media screen {
  :root .file-menu-panel .file-accordion > div {
    background: rgba(110,110,120,.10) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  :root[data-theme="dark"] .file-menu-panel .file-accordion > div { background: rgba(230,230,240,.08) !important; }
}