/* ============================================================
   图片上传达标助手 · 设计变量
   直接引入即可，所有颜色和尺寸都走变量，不要硬编码
   ============================================================ */

body.postid-961 .wp-posts-content {
  /* ---------- 底色与表面 ---------- */
  --c-bg:            #F5F5F7;  /* 页面底色 */
  --c-surface:       #FFFFFF;  /* 卡片 */
  --c-surface-soft:  #F5F5F7;  /* 卡片内浅灰块 */
  --c-surface-sunk:  #FAFAFA;  /* 上传放置区底 */
  --c-track:         #F0F0F3;  /* 分段控件轨道 */
  --c-border:        #E5E5EA;  /* 卡片描边 */
  --c-border-input:  #D2D2D7;  /* 输入框描边 */
  --c-divider:       #F0F0F0;  /* 卡片内细分隔线 */
  --c-divider-strong:#E0E0E0;  /* 页脚分隔线 */

  /* ---------- 文字 ---------- */
  --c-text:          #1D1D1F;  /* 主文字 */
  --c-text-sub:      #6E6E73;  /* 次级文字 */
  --c-text-weak:     #8E8E93;  /* 弱提示文字 */

  /* ---------- 主色（iOS 蓝） ---------- */
  --c-primary:       #0A84FF;
  --c-primary-soft:  #E9F2FF;
  --c-primary-active:#0A6ED1;  /* 按下态 */

  /* ---------- 成功（达标） ---------- */
  --c-success:       #34C759;
  --c-success-text:  #1E8E3E;
  --c-success-soft:  #E8F8EE;

  /* ---------- 提醒（边界说明 / 未达标） ---------- */
  --c-warn-soft:     #FFF6E6;
  --c-warn-border:   #F3DFB8;
  --c-warn-text:     #8A5D0A;
  --c-warn-icon:     #B77B0E;

  /* ---------- 错误 / 停止保存 ---------- */
  --c-danger:        #FF3B30;
  --c-danger-soft:   #FFECEA;
  --c-danger-text:   #C0281F;

  /* ---------- 字体 ---------- */
  --font-sans: 'Source Han Sans CN', -apple-system, BlinkMacSystemFont,
               'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;

  /* ---------- 字号 / 行高（桌面端） ---------- */
  --fs-h1:        32px;  --lh-h1: 44px;
  --fs-sub:       15px;  --lh-sub: 24px;
  --fs-card-title:16px;
  --fs-body:      14px;  --lh-body: 22px;
  --fs-label:     13px;
  --fs-note:      12px;  --lh-note: 20px;
  --fs-mini:      11px;
  --fs-status:    22px;  /* 结果大状态「达标」 */
  --fs-btn:       15px;

  /* ---------- 圆角 ---------- */
  --r-card:   16px;
  --r-block:  12px;
  --r-control:10px;
  --r-pill:   999px;

  /* ---------- 阴影 ---------- */
  --shadow-card:    0 2px 10px rgba(23, 23, 26, 0.06);
  --shadow-segment: 0 1px 4px rgba(23, 23, 26, 0.10);

  /* ---------- 间距 ---------- */
  --sp-page-gap:  16px;  /* 卡片之间 */
  --sp-card-gap:  14px;  /* 卡片内部区块之间 */
  --sp-card-pad:  20px;  /* 卡片内边距（桌面） */
  --sp-grid-gap:  20px;  /* 左右两栏间距 */

  /* ---------- 尺寸 ---------- */
  --w-content:  1120px;  /* 桌面内容区宽度 */
  --w-aside:    380px;   /* 右栏固定宽度 */
  --h-nav:      56px;
  --h-input:    44px;
  --h-button:   48px;
}

/* ---------- 手机端覆盖（≤ 767px） ---------- */
@media (max-width: 767px) {
  body.ybboom-iuh-direct {
    --fs-h1: 22px;  --lh-h1: 32px;
    --fs-sub: 13px; --lh-sub: 21px;
    --fs-card-title: 15px;
    --fs-btn: 16px;
    --sp-card-pad: 16px;
    --h-button: 50px;   /* 手机端主按钮 */
  }
}