/* 桌面端仅做小幅材质、间距与微交互精修；不改变三翼、三殿、码头和默认天色。 */
@media (min-width: 901px) {
  .panel {
    border-color: var(--c-border-mid);
    background: color-mix(in srgb, var(--c-bg2) 88%, transparent);
    backdrop-filter: blur(30px) saturate(1.12);
    -webkit-backdrop-filter: blur(30px) saturate(1.12);
    box-shadow: 0 42px 110px -34px color-mix(in srgb, var(--c-bg) 88%, transparent), inset 0 1px 0 color-mix(in srgb, var(--c-text) 6%, transparent);
  }

  .dock-btn,
  .focusbar {
    background: color-mix(in srgb, var(--c-bg2) 66%, transparent);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 8px 30px -14px color-mix(in srgb, var(--c-bg) 64%, transparent), inset 0 1px 0 color-mix(in srgb, var(--c-text) 5%, transparent);
  }

  .dock-btn:hover {
    transform: translateY(-2px);
    border-color: var(--c-border-accent);
    box-shadow: 0 14px 36px -16px color-mix(in srgb, var(--c-accent) 38%, transparent), inset 0 1px 0 color-mix(in srgb, var(--c-text) 8%, transparent);
  }

  .xie-write,
  .xie-fx { padding-top: 38px; padding-bottom: 38px; }

  .lib-ghost:hover,
  .lib-write:hover,
  .xie-act-btn:hover { transform: translateY(-1px); }
}