/* ============================================================
   css/chat/chat-exam-note.css — 聊天里的「考卷卡」样式（第 8 窗口）
   ------------------------------------------------------------
   为什么住 css/chat/ 这一份：它是**聊天里的一条消息**。聊天页不加载外文面板的样式，
   放错地方＝卡片落到浏览器默认外观（长期规则 #194 的实锤形态之一）。
   前缀 xe-；零 emoji、细线弱阴影、衬线中文、360~430 不破版、<370 不横向溢出。
   ============================================================ */

.xe-card {
    padding: 14px 15px 13px;
    border: 1px solid var(--ec-line, rgba(60, 48, 40, .1));
    border-radius: 14px;
    background: var(--surface-solid, #fff);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
    max-width: 100%;
    box-sizing: border-box;
}
.xe-card.xe-st-expired,
.xe-card.xe-st-gone { opacity: .72; }
.xe-top { display: flex; align-items: center; gap: 7px; }
.xe-mark { display: flex; color: var(--ec-gold-ink, #a9895f); }
.xe-ico { display: block; }
.xe-en {
    font-family: 'Playfair Display', Georgia, serif;
    font-style: italic;
    font-size: 11px;
    color: var(--ec-sub, #8a8278);
    letter-spacing: .05em;
}
.xe-chip {
    margin-left: auto;
    font-size: 10px;
    color: var(--ec-rose-ink, #b6707c);
    border: 1px solid rgba(182, 112, 124, .32);
    border-radius: 999px;
    padding: 1px 7px;
    white-space: nowrap;
}
.xe-title {
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--ec-ink, #3a3330);
    padding: 7px 0 4px;
    word-break: break-word;
}
.xe-sub { font-size: 11.5px; line-height: 1.7; color: var(--ec-sub, #8a8278); }
.xe-left { font-size: 11px; color: var(--ec-gold-ink, #a9895f); padding-top: 4px; }
.xe-btn {
    display: block;
    width: 100%;
    margin-top: 11px;
    font-size: 13px;
    padding: 9px 12px;
    box-sizing: border-box;
}
.xe-btn:disabled { opacity: .5; cursor: default; }

/* 窄屏（<370）：圆角与内边距收一点，长标题不许撑破卡片 */
@media (max-width: 369px) {
    .xe-card { padding: 12px 12px 11px; border-radius: 12px; }
    .xe-title { font-size: 13.5px; }
    .xe-btn { font-size: 12.5px; padding: 8px 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .xe-btn { transition: none !important; }
}