/* ============================================================
   HR-OS 子页视觉温和统一 v20260909
   作用域：仅对 <body class="org-subpage"> 生效，不改动页面结构/内容
   统一：容器节奏、字号层级、边框圆角、按钮反馈
   ============================================================ */

.org-subpage {
  /* 统一的版面基线（与首页一致） */
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- 容器节奏统一 ---------- */
.org-subpage .section { padding: 72px 0; }
.org-subpage .section-tight { padding: 48px 0; }

/* ---------- 标题字号层级统一 ---------- */
.org-subpage .section-head h2 {
  font-size: 30px;
  letter-spacing: -0.5px;
  font-weight: 800;
}
.org-subpage .tool-hero-text h1 { font-size: 34px; }
.org-subpage .page-title h1 { font-size: 34px; }

/* ---------- 卡片 / 边框圆角统一 ---------- */
.org-subpage .mod-item,
.org-subpage .screenshot-block .sb-frame,
.org-subpage .notice,
.org-subpage .guide-note {
  border-radius: 16px;
}
.org-subpage .mod-item { border-color: var(--border); }
.org-subpage .screenshot-block .sb-frame {
  border: 1px solid var(--border);
  background: var(--fog);
  box-shadow: 0 8px 30px rgba(26,24,21,.06);
}
.org-subpage .notice,
.org-subpage .guide-note {
  border-color: rgba(235,100,24,.14);
}

/* ---------- 表格圆角统一 ---------- */
.org-subpage .field-table { border-radius: 14px; overflow: hidden; }
.org-subpage .field-table th:first-child { border-top-left-radius: 14px; }
.org-subpage .field-table tr:last-child td:first-child { border-bottom-left-radius: 14px; }
.org-subpage .field-table tr:last-child td:last-child { border-bottom-right-radius: 14px; }

/* ---------- 按钮反馈统一（与首页一致） ---------- */
.org-subpage .btn:active { transform: scale(.97); }
.org-subpage .btn-primary:active { box-shadow: 0 4px 12px rgba(235,100,24,.28); }

/* ---------- 截图 hover 过渡统一 ---------- */
.org-subpage .tool-hero-shot img,
.org-subpage .screenshots-grid .sb-frame img,
.org-subpage .screenshot-block .sb-frame img {
  cursor: zoom-in;
}

/* ---------- 降级：reduced-motion 下取消过渡 ---------- */
@media (prefers-reduced-motion: reduce) {
  .org-subpage .tool-hero-shot img,
  .org-subpage .screenshots-grid .sb-frame img,
  .org-subpage .screenshot-block .sb-frame img,
  .org-subpage .mod-item {
    transition: none !important;
  }
}