/* ===== 专项训练中心（九组辨析专题） ===== */
.topic-specialty-entry{border-color:rgba(192,57,43,.3)!important;background:linear-gradient(105deg,rgba(231,76,60,.08),rgba(52,152,219,.06))!important}
.topic-specialty-entry .qs-icon{background:linear-gradient(135deg,#e74c3c22,#3498db22)!important;color:#c0392b!important}

/* 中心首页 */
.topic-specialty-hub{max-width:900px;margin:0 auto}
.topic-hub-intro{padding:14px 16px;margin:14px 0 6px;border-radius:10px;background:var(--card);border:1px solid var(--line)}
.topic-hub-intro p{margin:0;font-size:13px;color:var(--t2);line-height:1.7}
.topic-hub-intro b{color:var(--t1)}
.ts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0}
.ts-card{display:flex;align-items:center;gap:12px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}
.ts-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gc,#888)}
.ts-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);border-color:var(--gc)}
.ts-icon{flex:none;width:42px;height:42px;border-radius:10px;background:color-mix(in srgb,var(--gc) 16%,transparent);display:flex;align-items:center;justify-content:center;font-size:22px}
.ts-meta{flex:1;min-width:0}
.ts-meta b{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--t1);flex-wrap:wrap}
.ts-meta small{display:block;font-size:11px;color:var(--t3);margin-top:3px;line-height:1.4}
.ts-stat{display:block;font:600 11px ui-monospace,monospace;color:var(--gc);margin-top:5px}
.ts-weak{font-size:10px;font-weight:600;color:#fff;background:#e67e22;padding:2px 6px;border-radius:4px}
.ts-card em{flex:none;font-style:normal;font-size:12px;color:var(--t3);font-weight:600}
.ts-card:hover em{color:var(--gc)}
.topic-hub-divider{display:flex;align-items:center;gap:12px;margin:18px 0 10px;color:var(--t3)}
.topic-hub-divider::before,.topic-hub-divider::after{content:'';flex:1;height:1px;background:var(--line)}
.topic-hub-divider span{font-size:11px}
.ts-person .ts-icon{background:#b8433222;color:#b84332}

/* 刷题时的上下文条 */
.topic-specialty-bar{border-left:3px solid var(--gc,#888)!important}
.topic-mode-switch{display:flex;gap:8px;margin:10px 0 14px}
.topic-mode-switch button{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer;text-align:left}
.topic-mode-switch button span{font-size:13px;font-weight:700;color:var(--t1)}
.topic-mode-switch button small{font-size:11px;color:var(--t3)}
.topic-mode-switch button.on{border-color:var(--gc,#5a8cf0);background:color-mix(in srgb,var(--gc,#5a8cf0) 8%,var(--card));box-shadow:inset 3px 0 var(--gc,#5a8cf0)}

/* 题目里的易混点上下文卡 */
.topic-question-context{display:flex;align-items:flex-start;gap:12px;padding:12px 16px!important;flex-wrap:wrap}
.topic-question-context>span{font:700 11px ui-monospace,monospace;letter-spacing:.06em;color:var(--gc,#3498db)}
.topic-confuse-tags{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:120px}
.topic-confuse-tags i{font-style:normal;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:var(--card)}
.topic-mnemonic{margin:0!important;font-size:12px!important;color:var(--t2)!important;background:color-mix(in srgb,var(--gc,#3498db) 7%,transparent);padding:8px 10px;border-radius:6px;border-left:2px solid var(--gc,#3498db);width:100%}

@media(max-width:760px){
  .ts-grid{grid-template-columns:1fr}
  .ts-card{padding:12px}
  .ts-icon{width:38px;height:38px;font-size:20px}
  .topic-mode-switch{flex-direction:column}
  .topic-question-context{flex-direction:column;align-items:flex-start}
}