/* p03 情绪体检30秒 · 页面级补充样式（通用样式在 zc-core.css，主题 mint） */

/* 色卡大色块 */
.p03-swatch {
  width: 132px; height: 84px; margin: 12px auto 0; border-radius: 18px;
  box-shadow: 0 10px 24px rgba(47, 179, 155, .25), inset 0 0 0 1px rgba(0, 0, 0, .05);
  transition: background-color .4s ease;
}
.p03-hex { font-family: ui-monospace, Consolas, monospace; letter-spacing: 1px; }

/* 今日已测入口 */
.p03-today { margin: 4px 0 10px; border: 1.5px dashed var(--zc-primary); box-shadow: none; }
.p03-today .zc-btn { display: inline-block; width: auto; }

/* 分析页浮动 */
.p03-float { animation: p03Float 1.4s ease-in-out infinite alternate; display: inline-block; }
@keyframes p03Float { from { transform: translateY(0); } to { transform: translateY(-12px); } }

/* 今日小行动清单 */
.p03-action {
  display: flex; align-items: flex-start; gap: 10px; cursor: pointer; user-select: none;
  padding: 11px 12px; margin: 8px 0; border-radius: 12px;
  background: color-mix(in srgb, var(--zc-primary) 7%, transparent);
  font-size: 14.5px; line-height: 1.55; transition: opacity .2s;
}
.p03-action .box {
  flex: none; width: 20px; height: 20px; margin-top: 2px; border-radius: 6px;
  border: 1.5px solid var(--zc-primary); display: flex; align-items: center; justify-content: center;
  font-size: 13px; color: transparent;
}
.p03-action.done { opacity: .55; }
.p03-action.done .txt { text-decoration: line-through; }
.p03-action.done .box { background: var(--zc-primary); color: #fff; }

/* 7 天趋势占位图 */
.p03-trend { display: flex; gap: 8px; align-items: stretch; height: 128px; margin: 10px 0 6px; }
.p03-trend .col { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-width: 0; }
.p03-trend .bar {
  width: 100%; border-radius: 8px 8px 3px 3px; min-height: 8px;
  background: linear-gradient(180deg, var(--zc-primary), var(--zc-primary2));
}
.p03-trend .bar.empty { background: var(--zc-line); }
.p03-trend .val { font-size: 11px; color: var(--zc-ink2); margin-bottom: 3px; }
.p03-trend .dlabel { font-size: 11px; color: var(--zc-ink2); margin-top: 6px; white-space: nowrap; }

/* 广告占位 */
.p03-admock {
  background: linear-gradient(135deg, #14504a, #2fb39b); color: #fff;
  border-radius: 14px; padding: 24px 16px; margin: 10px 0;
}
.p03-admock .zc-sub { color: rgba(255, 255, 255, .82); }

/* 结果页合规小字 */
.p03-disclaimer {
  font-size: 11px; text-align: center; margin-top: 14px; padding: 10px 12px;
  border-radius: 12px; background: color-mix(in srgb, var(--zc-warn) 10%, transparent);
}