/* 桌面体验修订：真实尺寸文字与明确的操作层级，不使用 transform 缩放界面。 */
:root { --font:'Microsoft YaHei UI','Segoe UI','PingFang SC','Noto Sans CJK SC',sans-serif; }
body { font-family:var(--font); font-size:14px; }
:root { --window-control-width:46px; --window-control-height:32px; --window-control-icon:14px; --dialog-titlebar-height:36px; }
.app-window > .titlebar { height:33px; min-height:33px; flex:none; gap:12px; }
.tb-menuitem { display:flex; align-items:center; min-height:28px; padding:0 9px; font-size:14px; line-height:20px; }
/* 右侧控件独立占位：引导或弹窗改变可见性时也不能回流到菜单后。 */
.app-window > .titlebar > .caption-btns { margin-left:auto; height:32px; }
.app-window > .titlebar > .studio-title-controls { margin-left:auto; }
.app-window > .titlebar > .studio-title-controls:not([hidden]) + .caption-btns { margin-left:0; }
.caption-btn { width:var(--window-control-width); height:var(--window-control-height); flex:none; padding:0; cursor:pointer; }
.caption-btn svg { width:var(--window-control-icon); height:var(--window-control-icon); }
.mini-titlebar, .about-updated .mini-titlebar { height:var(--dialog-titlebar-height); min-height:var(--dialog-titlebar-height); padding:0 0 0 16px; flex:none; font-size:14px; font-weight:600; }
.mini-titlebar > .caption-btns { position:static; margin-left:auto; height:100%; }
.mini-titlebar > .caption-btn { margin-left:auto; }
.win-layer > .dialog { padding:0; overflow:hidden; }
.dialog-content { padding:22px; }
.dialog-content > .dlg-msg:first-child { margin-top:0; }
.menu-flyout,.submenu { min-width:272px; padding:7px; border-radius:9px; }
.menu-item { min-height:36px; padding:7px 12px; font-size:14px; line-height:22px; }
.menu-item .shortcut,.menu-item kbd { font-size:12px; margin-left:32px; }
.workbar { min-height:66px; }
.side-tab,.file-row,.input,.btn,.set-body { font-size:14px; }
.side-tabs { display:flex; height:44px; padding:0; gap:0; border-bottom:1px solid var(--border); }
.side-tab { flex:1; justify-content:center; padding:0 8px; min-width:0; }
.side-tab.on::after { left:calc(50% - 16px); right:calc(50% - 16px); }
.sidebar-search input { font-size:13px; }
.file-directory { margin:0; }
.file-directory > summary { list-style:none; cursor:pointer; min-height:34px; padding:0 8px; display:flex; align-items:center; gap:7px; font-size:13px; color:var(--fg); border-radius:5px; }
.file-directory > summary::-webkit-details-marker { display:none; }
.file-directory > summary:hover { background:var(--hover); }
.file-directory > summary .tree-chevron { width:12px; height:12px; transition:transform .15s; }
.file-directory[open] > summary > .tree-chevron { transform:rotate(90deg); }
.file-directory > summary span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.file-directory > .file-children { padding-left:14px; }
.file-row { padding-left:8px; }
.outline-list { padding:12px 10px; }
.outline-item { font-size:14px; }
.edit-options > .typography-trigger { margin-left:auto; }
.edit-methods { flex:none; }
.edit-methods button { flex:none; white-space:nowrap; font-size:13px; }
.format-toolbar { flex:1; }
.format-button,.format-divider { flex:none; }
.input-group > .input { flex:1; min-width:0; width:0; }
.input-group > .btn,.endpoint > .btn { flex:none; white-space:nowrap; }
.file-row { min-height:36px; }
.win-body { font-size:14px; line-height:1.7; }
.win-body .sub,.win-body small { font-size:12px; }
.tour-card { width:344px; padding:22px; border-radius:8px; }
.tour-card h2 { font-size:21px; }
.tour-description { font-size:14px; line-height:1.8; }
.tour-feedback,.tour-meta,.tour-actions button { font-size:12px; }
.tour-actions button { min-height:36px; }
.about-updated { width:420px; max-width:calc(100vw - 32px); }
.about-hero { margin:0; padding:28px 32px 0; gap:18px; background:none; border:0; border-radius:0; }
.about-hero .about-logo { width:64px; height:64px; flex:none; }
.about-identity h2 { font-size:24px; letter-spacing:0; }
.about-identity .slogan,.about-row { font-size:14px; line-height:1.8; }
.about-rows { padding:22px 32px 0; gap:10px 24px; }
.about-footer { grid-template-columns:minmax(0,1fr); gap:4px; margin-top:22px; padding-top:14px; padding-bottom:20px; }
.about-framework { color:var(--muted); font-size:12px; }
.about-foot,.ver-badge { font-size:12px; }
.md-body img { display:block; max-width:100%; height:auto; margin:18px auto; border-radius:10px; }
.md-diagram { margin:20px 0; padding:20px; border:1px solid var(--border); border-radius:10px; background:var(--panel); overflow:auto; text-align:center; }
.md-diagram svg { max-width:100%; height:auto; }
.md-math-block { overflow-x:auto; margin:18px 0; padding:8px 0; }
.md-render-error { color:var(--danger); }
.md-math .katex { font-size:1.15em; }
@media (max-width:1100px) {
  .app-window > .titlebar { gap:6px; }
  .tb-menuitem { padding:0 5px; font-size:13px; }
  .app-window > .titlebar .caption-btn { width:var(--window-control-width); }
  .studio-palettes { display:none; }
}
@media (max-width:900px) {
  .format-button:nth-of-type(n+6):not(.format-more), .format-divider:nth-of-type(2) { display:none; }
}
