/* 简历工作台屏幕态“纸张”预览样式：仅屏幕生效（@media screen），仅 resume.html 使用。
   打印规则全部在 resume-print.css（resume.html 以 media="print" 加载，不阻塞渲染）。
   2026-07 自 resume-print.css 的 @media screen 块原样拆出，选择器与取值未改。 */
@media screen {
  #resume-preview {
    --fg: #1b1b1b;
    --muted: #626262;
    --line: #d6d6d6;
    --accent: #7a402d;
    --card: #fff;
  }
  #resume-preview h1 { color: #181818; letter-spacing: -.02em; }
  #resume-preview .headline { color: #7a402d; font-weight: 700; }
  #resume-preview .target-role { color: #563528; }
  #resume-preview h2 {
    color: #3c3c3c; letter-spacing: .6px;
    border-left: 0; border-bottom: 1px solid #d2d2d2;
    padding-left: 0;
  }
  #resume-preview .item .role { color: #7a402d; }
  #resume-preview .item li::marker,
  #resume-preview .highlights li::marker { color: #555; }
  #resume-preview .skills-line { gap: 0; }
  #resume-preview .chip { background: none; border: 0; border-radius: 0; padding: 0; }
  #resume-preview .skill-item:not(:last-child)::after {
    content: "·"; color: #999; margin: 0 6px;
  }
  #resume-preview.editing .contact-phone:empty::before {
    content: attr(data-placeholder); color: #7b8791;
  }
}