/* 电脑与平板横屏（docs/MOBILE_UI_PLAN.md 第 6 节第 4 期）。和手机是同一套组件：
   ≥1280 群臣、风闻两条常驻侧栏，中间御案；861–1279（平板横持、小笔记本）群臣常驻，风闻收成右侧抽屉；
   ≤1439 顶栏的「局 宫 卷 帑 设 归」收进 ⋯（和手机一样弹「更多」），五把剑才摆得开；
   ≥1600 侧栏、案上的字跟着放大，不留一大片空；平板竖持（600–860）走手机版面。 */

/* 标题介绍：沿书法图的可见左缘对齐，浅色大字与柔和暗底压住水面倒影。 */
@media (min-width: 861px) {
  .logo { --title-copy-inset: 0px; isolation: isolate; }
  /* logo.webp 左侧透明留白为 89 / 2172，图片最大宽度 680px。 */
  .logo:has(.logo-title.img) { --title-copy-inset: min(27.86px, 4.1%); }
  .logo-sub, .logo-tag {
    margin-left: var(--title-copy-inset);
    max-width: min(640px, calc(100% - var(--title-copy-inset)));
    text-align: left;
    text-shadow: 0 2px 4px #000, 0 0 16px rgba(0, 0, 0, 0.9);
  }
  .logo-sub {
    margin-top: 8px;
    color: var(--gold-bright);
    font-size: clamp(19px, 1.35vw, 26px);
    font-weight: 600;
    line-height: 1.7;
  }
  .logo-tag {
    position: relative;
    margin-top: 16px;
    color: var(--paper);
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 600;
    line-height: 1.85;
  }
  .logo-tag::before {
    content: "";
    position: absolute;
    inset: -12px -20px;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(8, 5, 3, 0.78), rgba(8, 5, 3, 0.6) 75%, transparent);
    filter: blur(12px);
  }
}

@media (min-width: 861px) and (max-width: 1439px) {
  .hud { gap: 12px; }
  .plaque { flex: none; min-width: 0; padding: 4px 36px 4px 12px; }
  .hud-wish { max-width: 130px; }
  .flames { gap: 4px; }
  .flame { width: 9px; }
  .swords { min-width: 220px; gap: 8px; }
  .hud-btns .only-narrow[data-h="more"] { display: inline-block; }
  .hud-more { display: none; }
}

@media (min-width: 861px) and (max-width: 1279px) {
  .scr-court { grid-template-columns: 220px minmax(0, 1fr) auto; grid-template-areas: "hud hud hud" "realm realm realm" "rail desk desk" "pile hand dock"; }
  .feeds { position: fixed; top: 0; right: 0; bottom: 0; width: min(360px, 86vw); z-index: 8; transform: translateX(105%); transition: transform 0.4s var(--out); box-shadow: -20px 0 50px rgba(0, 0, 0, 0.6); background: #0f0a07; }
  .feeds.open { transform: none; }
  .scr-court:has(.feeds.open) > .scrim { display: block; position: fixed; inset: 0; z-index: 7; background: rgba(4, 3, 2, 0.6); animation: scrimIn 0.3s ease both; }
  .hud-btns .only-narrow[data-h="feeds"] { display: inline-block; }
  .dock { gap: 8px; padding: 0 12px calc(10px + var(--safe-b)); }
}

/* 矮屏笔记本：案上先摆"朕心里惦记着"，印和那行小字让位 */
@media (min-width: 861px) and (max-height: 800px) {
  .desk-empty { padding-top: 10px; gap: 10px; }
  .desk-empty:has(.agenda) .desk-empty-seal, .desk-empty:has(.agenda) > p { display: none; }
}

@media (min-width: 1600px) {
  .scr-court { grid-template-columns: 300px minmax(0, 1fr) 340px; }
  .tok .tn { font-size: 16px; }
  .feed { font-size: 14.5px; }
  .agenda-slot { width: min(640px, calc(100% - 48px)); }
  .ag-t { font-size: 16px; }
}
@media (min-width: 1600px) and (min-height: 960px) {
  :root { --cw: 136px; }
  .scr-court { grid-template-rows: auto auto minmax(0, 1fr) calc(224px + var(--safe-b)); }
}

/* 平板竖持：走手机那套版面，案上的"朕心里惦记着"摆在当中，不贴顶 */
@media (min-width: 600px) and (max-width: 860px) {
  .desk-empty { justify-content: center; }
  .agenda-slot { width: min(640px, calc(100% - 48px)); }
}