/* =====================================================================
 * 38 · 中英文标点检查 cn-en-punctuation-check.css —— 批注红笔
 * 主色：纸白 + 红墨；母题：红笔批注 / 删除线与插字
 * ===================================================================== */

.hc--mark {
    --hc-a: #a33a3a;
    --hc-a-soft: #f8e9e7;
    --cpc-paper: #fffdf8;
    --cpc-red: #c0392b;
    --cpc-ink: #2b2f33;
}
:root[data-theme="dark"] .hc--mark {
    --hc-a: #e08a80;
    --hc-a-soft: #33211f;
    --cpc-paper: #191714;
    --cpc-red: #e57368;
    --cpc-ink: #ece7de;
}

/* ---------- 首屏 ---------- */
.cpc-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr);
    gap: 34px;
    align-items: center;
    padding-top: 26px;
}
.cpc-hero h1 { margin: 14px 0 12px; font-size: clamp(28px, 3.6vw, 42px); font-weight: 780; letter-spacing: -.02em; }

.cpc-mark-preview {
    background: var(--cpc-paper); color: var(--cpc-ink);
    border: 1px solid var(--hc-line); border-radius: 10px;
    padding: 22px 24px; box-shadow: var(--hc-shadow-sm);
    font-family: var(--hc-serif); font-size: 16px; line-height: 2.2;
    max-width: 380px; justify-self: end;
}
.cpc-mark-preview del { color: var(--cpc-red); text-decoration-thickness: 2px; }
.cpc-mark-preview ins { color: var(--cpc-red); text-decoration: none; font-weight: 700; }
.cpc-mark-note { font-family: var(--hc-sans); font-size: 12.5px; color: var(--cpc-red); margin-top: 10px; }

/* 批注 */
.cpc-opt { margin-top: 12px; }
.cpc-note { margin: 12px 0 0; font-size: 13px; color: var(--hc-muted); line-height: 1.8; }
.cpc-marks { display: grid; gap: 10px; max-height: 460px; overflow-y: auto; padding: 2px; }
.cpc-mark {
    display: flex; gap: 12px; align-items: flex-start;
    border: 1px solid var(--hc-line-2); border-left: 3px solid var(--cpc-red);
    border-radius: 8px; background: var(--hc-card-2); padding: 10px 14px;
    font-size: 13.5px; line-height: 1.8;
}
.cpc-mark.is-adv { border-left-color: var(--hc-warn); }
.cpc-mark .no { font-family: var(--hc-serif); font-weight: 700; color: var(--cpc-red); flex: 0 0 auto; }
.cpc-mark .ctx { font-family: var(--hc-serif); }
.cpc-mark .ctx mark { background: var(--cpc-a-soft, var(--cpc-red)); color: transparent; }
.cpc-mark .ctx b { color: var(--cpc-red); }
.cpc-mark .meta { color: var(--hc-muted); font-size: 12px; }
.cpc-marks .cpc-empty { color: var(--hc-ok); font-size: 14px; padding: 20px 0; text-align: center; }

/* 修正稿对比 */
.cpc-diff {
    background: var(--cpc-paper); color: var(--cpc-ink);
    border: 1px solid var(--hc-line-2); border-radius: 8px;
    padding: 16px 18px; font-size: 14.5px; line-height: 2.1; white-space: pre-wrap; word-break: break-word;
    max-height: 320px; overflow-y: auto;
    font-family: var(--hc-serif);
}