/* 阿土仔的种地手册 · 网页版 —— 断点 · 版心 · 空间纪律（§41.2 面 1 / 面 2 / 面 4 单源；全站加载）
   断点集（写死）= {600, 1024, 1440}：手机 <600 · 平板 600–1023 · 桌面 1024–1439 · 宽屏 ≥1440；
   媒体查询只用 `min-width`（mobile-first —— 手机专有规则即基本档）；720 / 1439 不再作查询阈值（720 = 版心值）。
   版心三档（一页一档）：720 阅读 / 1120 标准 / 1440 宽（`/` `/data` `/calc`）；`.mwrap` 560 = 手机族（保持）。
   正文行高 = 1.5；数字族 = 1.2（app.css）；三态占位不塌高（本件 min-height 族）。 */

.page {
  width: 100%;
  max-width: 100%;
  padding: 16px 12px 24px; /* 页首 16（<600）/ 页尾 24 + 安全区（面 4） */
  padding-left: calc(12px + env(safe-area-inset-left));
  padding-right: calc(12px + env(safe-area-inset-right));
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
  margin: 0 auto;
}

/* 版心三档（写死 —— 一页一档，禁同页混用；页→档映射 = 41.2.2） */
.page.w-720 { max-width: 720px; }
.page.w-1120 { max-width: 1120px; }
.page.w-1440 { max-width: 1120px; } /* <1440 = 1120（宽屏才放宽 —— 41.2.2） */

/* 顶部条：手机隐藏（底部 Tab 承载导航）；平板 / 桌面显示 */
.topbar {
  display: none;
  padding-top: env(safe-area-inset-top);
}
.tabbar {
  display: flex;
  padding-bottom: env(safe-area-inset-bottom);
}

/* 三态占位不塌高（面 4 / 51.5⑧ —— 写死）：**占位 min-height 仅在加载态生效**（`.is-loading` 见 ui.css）；
   空态态 = 内容高（不塌破版：min-height 120）—— I-10「先 224px 占位空洞」退场。图域档 = ui.css（240/280/300）。 */
.list-domain { min-height: 120px; }
.list-domain-48 { min-height: 120px; }
.list-domain-44 { min-height: 120px; }
.card-min { min-height: 120px; }

/* 长名截断（完整名 = 个股页头部；移动不依赖 hover） */
.ellipsis {
  min-width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 600px) {
  .page { padding-left: 24px; padding-right: 24px; padding-top: 24px; }
  /* 备案条（fixed —— 41.27.14；仅 ≥600 档）内容下边距：+28px —— 防末行被压（<600 逐值零改）。 */
  .page { padding-bottom: calc(24px + 28px + env(safe-area-inset-bottom)); }
  .entry-page { padding-bottom: calc(28px + env(safe-area-inset-bottom)); }
  .topbar { display: flex; }
  .tabbar { display: none; }
}

@media (min-width: 1024px) {
  .card { padding: 20px; } /* 卡内距 16（<1024）/ 20（≥1024 —— 面 4） */
  .row-link { padding-left: 4px; padding-right: 4px; } /* 行左右 16 / 20（卡内距随动） */
}

/* ── 入口族 P01 两栏（≥1024 —— 容器上限 1120（1024–1439）/ 1440（≥1440 —— 档内例外 · 41.2.2 裁定句；零新档值）
   / 品牌区弹性 min 480 / 表单列 420 / gap 24）──
   品牌区 = `--brand-ink` 单色底 × `--on-fill`（字对 6.05 / 9.93 —— 41.4-P01 可读性①）。 */
@media (min-width: 1024px) {
  .entry-page {
    max-width: 1120px;
    display: grid;
    grid-template-columns: minmax(480px, 1fr) 420px;
    gap: 24px;
    align-items: stretch;
  }
  .entry-page .entry-brand {
    display: flex;
    flex-direction: column;
    justify-content: center; /* 字标上下居中 —— 板满列满高（行拉伸承容器 `align-items: stretch`；92.2 ㈠）*/
    gap: 4px;
    padding: 32px;
    text-align: center; /* 字标水平居中（92.2 ㈠）*/
    background: var(--brand-ink);
    color: var(--on-fill);
    border-radius: var(--radius);
  }
  .entry-page .entry-wordmark { font-size: var(--fs-4xl); color: var(--on-fill); }
  .entry-page .entry-card { padding: 24px; } /* 表单区内距 24（41.4-P01 ≥1024 逐值） */
}

@media (min-width: 1440px) {
  .page { padding-left: 32px; padding-right: 32px; } /* 页面内距 32（≥1440 —— 面 1） */
  .page.w-1440 { max-width: 1440px; } /* 宽档（主从两栏页 —— 41.2.2） */
  .entry-page { max-width: 1440px; } /* 入口族两栏放宽（41.4-P01 —— 档内例外 · 零新档值） */
}

/* ── 宽屏增强（≥1440 行情板主从两栏 —— 面 1：列表 400 + 详情 1fr，gap 12）────────────── */
@media (min-width: 1440px) {
  .board-grid { display: grid; grid-template-columns: 400px 1fr; gap: 12px; align-items: start; }
  .board-preview:not([hidden]) { display: block; position: sticky; top: 56px; }
}
.board-preview { display: none; } /* hidden 属性恒权威（<1440 = 关 —— JS 同判） */
.preview-head { font-size: var(--fs-m); font-weight: 600; margin-bottom: 8px; }

/* ── W-500 补：持仓四列表头 / 分时圆点与 3s 尖端（全站同加载面 —— 调色板归位）────────── */
.position-head { font-size: var(--fs-xs); color: var(--text-2); }
.position-head .num { text-align: right; }
.m-dot { fill: var(--text); }
.m-tip { fill: var(--brand-ink); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}