/* 情感支持 / 护眼拉伸 / 维权话术 共用样式 care.css */
.fa-alert {
    margin: 18px 0 8px;
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.75;
}
.fa-alert.b-yellow { background:#fffbe6; border:1px solid #ffe58f; border-left:4px solid #faad14; color:#614700; }
.fa-alert.b-yellow b { color:#ad6800; }
.fa-alert.b-blue   { background:#e6f4ff; border:1px solid #91caff; border-left:4px solid #1677ff; color:#003a8c; }
.fa-alert.b-blue b { color:#0050b3; }
.fa-alert.b-red    { background:#fff1f0; border:1px solid #ffccc7; border-left:4px solid #ff4d4f; color:#7a1f1a; }
.fa-alert.b-red b { color:#cf1322; }

.fa-intro { padding: 6px 2px 0; }
.detail-title-row { display:flex; align-items:center; gap:10px; }
.detail-icon { font-size:34px; }
.detail-icon.t-yellow { filter: none; }
.fa-intro h1 { margin:0; font-size:24px; color:#1f2937; }
.fa-intro .detail-desc { margin:8px 0 10px; color:#4b5563; font-size:14.5px; line-height:1.8; }
.fa-intro .detail-desc b { color:#cf1322; }

.fa-group-title { margin:26px 0 12px; font-size:18px; color:#1f2937; border-left:4px solid #ff7875; padding-left:10px; }

/* 表单 */
.fa-form { background:#fff; border:1px solid #ffe0e0; border-radius:16px; padding:18px 20px; }
.fa-field { margin-bottom:16px; }
.fa-label { display:block; font-weight:700; color:#374151; margin-bottom:8px; font-size:14.5px; }
.fa-chips { display:flex; flex-wrap:wrap; gap:8px; }
.fa-chip {
    border:1px solid #ffccc7; background:#fff; color:#b91c1c;
    border-radius:999px; padding:8px 14px; font-size:13.5px; cursor:pointer;
    transition:all .15s;
}
.fa-chip:hover { background:#fff1f0; }
.fa-chip.is-active { background:#ff4d4f; color:#fff; border-color:#ff4d4f; }
.fa-input {
    width:100%; box-sizing:border-box; border:1px solid #ffccc7; border-radius:10px;
    padding:12px; font-size:14px; line-height:1.7; resize:vertical; font-family:inherit;
}
.fa-input:focus { outline:none; border-color:#ff4d4f; box-shadow:0 0 0 3px rgba(255,77,79,.12); }
.fa-tip { margin:6px 0 0; font-size:12.5px; color:#9ca3af; }
.fa-ask {
    border:none; background:#ff4d4f; color:#fff; font-size:15px; font-weight:700;
    padding:11px 22px; border-radius:10px; cursor:pointer;
}
.fa-ask:hover { background:#cf1322; }
.fa-ask:disabled { opacity:.6; cursor:default; }
.fa-status { margin:10px 0 0; font-size:13.5px; color:#6b7280; }
.fa-status.is-loading { color:#cf1322; }

/* AI 回答 */
.fa-answer { margin-top:14px; border:1px solid #ffd6d6; border-radius:12px; background:#fff; overflow:hidden; }
.fa-answer-head { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:#fff7f6; border-bottom:1px solid #ffe0e0; }
.fa-answer-badge { font-weight:700; color:#cf1322; font-size:14px; }
.fa-copy { border:1px solid #ffb3b0; background:#fff; color:#cf1322; border-radius:8px; padding:5px 12px; font-size:13px; cursor:pointer; }
.fa-copy.is-done { background:#f6ffed; border-color:#b7eb8f; color:#389e0d; }
.fa-answer-text { padding:14px 16px; font-size:14.5px; line-height:1.85; color:#1f2937; white-space:pre-wrap; word-break:break-word; }
.fa-answer-note { margin:0; padding:10px 14px; font-size:12.5px; color:#b91c1c; background:#fff7f6; border-top:1px solid #ffe0e0; }

/* 卡片网格 */
.fa-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px; }
.fa-card { background:#fff; border:1px solid #ffe0e0; border-radius:14px; overflow:hidden; box-shadow:0 2px 8px rgba(255,77,79,.06); }
.fa-card-body { padding:14px 16px; }
.fa-when { margin:0 0 8px; font-size:13.5px; font-weight:700; color:#cf1322; }
.fa-steps, .fa-dont { margin:6px 0; padding-left:22px; }
.fa-steps li, .fa-dont li { margin:5px 0; line-height:1.7; font-size:14px; color:#374151; }
.fa-steps li b { color:#cf1322; }

/* 计时器（护眼拉伸） */
.es-timer { text-align:center; background:#fff; border:1px solid #bae0ff; border-radius:16px; padding:22px; margin:6px 0 18px; }
.es-timer-ring {
    width:160px; height:160px; margin:0 auto 14px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:radial-gradient(circle at 50% 40%, #e6f4ff, #ffffff);
    border:6px solid #91caff; box-shadow:0 4px 14px rgba(22,119,255,.12);
}
.es-timer-ring.is-ring { border-color:#1677ff; }
.es-timer-num { font-size:34px; font-weight:800; color:#1677ff; font-variant-numeric:tabular-nums; }
.es-timer-num.is-done { color:#52c41a; }
.es-timer-btns { display:flex; gap:10px; justify-content:center; margin-bottom:10px; }
.es-timer-btns button {
    border:none; border-radius:9px; padding:9px 18px; font-size:14px; font-weight:700; cursor:pointer;
}
#esTimerStart { background:#1677ff; color:#fff; }
#esTimerStart:hover { background:#0958d9; }
#esTimerReset { background:#f0f0f0; color:#555; }
#esTimerReset:hover { background:#e4e4e4; }
.es-timer-tip { margin:0; font-size:13.5px; color:#1677ff; }

/* 维权渠道卡 */
.fa-channel { display:flex; gap:10px; align-items:flex-start; background:#fff; border:1px solid #ffe0e0; border-radius:12px; padding:12px 14px; }
.fa-channel b { color:#cf1322; }
.fa-channel small { display:block; color:#6b7280; font-size:12.5px; margin-top:2px; }

.related-tools { margin:30px 0 10px; }
.tab-block-head { font-size:18px; color:#1f2937; margin:0 0 12px; }
.rel-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:12px; }
.rel-item { display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #ffe0e0; border-radius:12px; padding:12px 14px; text-decoration:none; color:#374151; font-weight:600; transition:all .15s; }
.rel-item:hover { border-color:#ff7875; background:#fff7f6; transform:translateY(-2px); }
.rel-item .rel-icon { font-size:20px; }

@media (prefers-color-scheme: dark) {
    .fa-alert.b-yellow { background:#2a2410; border-color:#5c4a12; color:#ffe58f; }
    .fa-alert.b-blue { background:#0e1f33; border-color:#173a5e; color:#91caff; }
    .fa-alert.b-red { background:#2a1414; border-color:#5c2222; color:#ffb3b0; }
    .fa-intro h1 { color:#f3f4f6; }
    .fa-intro .detail-desc { color:#c4b5b5; }
    .fa-group-title { color:#f3f4f6; }
    .fa-form, .fa-answer, .fa-card, .fa-channel, .rel-item { background:#1f1f25; border-color:#4a2b2b; }
    .fa-chip { background:#1f1f25; border-color:#5c2222; color:#ff9c9c; }
    .fa-chip.is-active { background:#ff4d4f; color:#fff; }
    .fa-input { background:#1a1a20; border-color:#5c2222; color:#e5e7eb; }
    .fa-answer-head { background:#2a1414; border-color:#4a2b2b; }
    .fa-answer-text { color:#e5e7eb; }
    .fa-answer-note { background:#2a1a1a; border-color:#4a2b2b; color:#ff9c9c; }
    .fa-steps li, .fa-dont li { color:#d4d4d8; }
    .fa-channel small { color:#a1a1aa; }
    .es-timer { background:#1f1f25; border-color:#173a5e; }
    .es-timer-num { color:#69b1ff; }
    .es-timer-ring { background:radial-gradient(circle at 50% 40%, #0e1f33, #1f1f25); border-color:#173a5e; }
    .rel-item { color:#d4d4d8; }
}