/* ============================================================
   初中英语语法重构 · 语法词性色彩语义系统 grammar-color.css
   ============================================================ */

/* 1. 词性文字高亮 */
.hl-noun { color: #d35400; font-weight: bold; }
.hl-verb { color: #c2185b; font-weight: bold; }
.hl-adj  { color: #1565c0; font-weight: bold; }
.hl-adv  { color: #2e7d32; font-weight: bold; }
.hl-pron { color: #6a1b9a; font-weight: bold; }
.hl-prep { color: #00838f; font-weight: bold; }
.hl-conj { color: #512da8; font-weight: bold; }

/* 2. 词性背景标记 (Mark Chips & Highlights) */
.mark-noun { background: #fff3e0; color: #c2410c; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-verb { background: #fdf2f8; color: #be185d; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-adj  { background: #eff6ff; color: #1d4ed8; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-adv  { background: #f0fdfa; color: #0f766e; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-pron { background: #faf5ff; color: #7e22ce; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-prep { background: #ecfeff; color: #0e7490; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-conj { background: #f5f3ff; color: #6d28d9; padding: 2px 7px; border-radius: 5px; font-weight: 700; }

.mark-blue   { background: #eff6ff; color: #1d4ed8; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-green  { background: #f0fdf4; color: #15803d; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-yellow { background: #fefce8; color: #a16207; padding: 2px 7px; border-radius: 5px; font-weight: 700; border: 1px solid #fef08a; }
.mark-red    { background: #fef2f2; color: #b91c1c; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-purple { background: #faf5ff; color: #7e22ce; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-teal   { background: #f0fdfa; color: #0f766e; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-orange { background: #fff7ed; color: #c2410c; padding: 2px 7px; border-radius: 5px; font-weight: 700; }
.mark-bg, .mark-highlight {
    background: #fef9c3;
    color: #854d0e;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 700;
}

/* 3. 句子成分与词性积木卡片色彩 (高优先级覆盖确保鲜明色彩) */
.word-text.wt-subj, .word-text.wt-noun, .wt-subj, .wt-noun {
    background: #fff3e0 !important;
    color: #c2410c !important;
    border: 2px solid #f97316 !important;
}

.word-text.wt-pred, .word-text.wt-verb, .wt-pred, .wt-verb {
    background: #fdf2f8 !important;
    color: #be185d !important;
    border: 2px solid #ec4899 !important;
}

.word-text.wt-obj, .wt-obj {
    background: #f0fdf4 !important;
    color: #15803d !important;
    border: 2px solid #22c55e !important;
}

.word-text.wt-attr, .word-text.wt-adj, .wt-attr, .wt-adj {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 2px solid #3b82f6 !important;
}

.word-text.wt-advl, .word-text.wt-adv, .wt-advl, .wt-adv {
    background: #f0fdfa !important;
    color: #0f766e !important;
    border: 2px solid #14b8a6 !important;
}

.word-text.wt-pron, .wt-pron {
    background: #faf5ff !important;
    color: #7e22ce !important;
    border: 2px solid #a855f7 !important;
}

.word-text.wt-prep, .wt-prep {
    background: #ecfeff !important;
    color: #0e7490 !important;
    border: 2px solid #06b6d4 !important;
}

.word-text.wt-conj, .wt-conj {
    background: #f5f3ff !important;
    color: #6d28d9 !important;
    border: 2px solid #8b5cf6 !important;
}

.word-text.wt-pred-adj, .wt-pred-adj {
    background: #f0fdfa !important;
    color: #004d40 !important;
    border: 2px solid #14b8a6 !important;
}

.word-text.wt-other, .wt-other {
    background: #f8fafc !important;
    color: #334155 !important;
    border: 2px solid #cbd5e1 !important;
}

/* 4. 句子成分文字色彩标签 (Labels) */
.wl-subj, .wl-noun    { color: #c2410c; }
.wl-pred, .wl-verb    { color: #be185d; }
.wl-obj               { color: #15803d; }
.wl-attr, .wl-adj     { color: #1d4ed8; }
.wl-advl, .wl-adv     { color: #0f766e; }
.wl-pron              { color: #7e22ce; }
.wl-prep              { color: #0e7490; }
.wl-conj              { color: #6d28d9; }
.wl-other             { color: #64748b; }

/* 5. 模块主题配色卡 */
.card-blue   { background: #f8fbff; border: 2px solid #b3d4ff; }
.badge-blue  { background: #2980b9; color: #fff; }
.card-green  { background: #f6fbf6; border: 2px solid #c3e6c3; }
.badge-green { background: #27ae60; color: #fff; }
.card-red    { background: #fff8f8; border: 2px solid #ffcccc; }
.badge-red   { background: #e74c3c; color: #fff; }
.card-yellow { background: #fffdf5; border: 2px solid #ffe082; }
.badge-yellow{ background: #f1c40f; color: #2c3e50; }
.card-purple { background: #fbf7ff; border: 2px solid #d8b4fe; }
.badge-purple{ background: #8e44ad; color: #fff; }
.card-teal   { background: #f2fbf9; border: 2px solid #b2dfdb; }
.badge-teal  { background: #16a085; color: #fff; }
.card-orange { background: #fffaf4; border: 2px solid #ffd8a8; }
.badge-orange{ background: #e67e22; color: #fff; }
.card-dark   { background: #f8f9fa; border: 2px solid #dee2e6; }
.badge-dark  { background: #2c3e50; color: #f1c40f; }

/* 6. 考频标签 */
.tag-hot  { background: #ff4757; color: #fff; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: bold; margin-left: 6px; }
.tag-core { background: #2f3542; color: #f1c40f; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: bold; margin-left: 6px; }
.tag-easy { background: #2ed573; color: #fff; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: bold; margin-left: 6px; }