/* 安装故障案例模板样式，延续概念知识库视觉风格 */
.icase-card { position: relative; border: 1px solid rgba(148,163,184,.16); border-radius: 16px; background: #fff; padding: 16px; display: flex; flex-direction: column; gap: 12px; overflow: hidden; align-self: start; }
.icase-card.hidden { display: none; }
.icase-title { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.icase-title strong { font-size: 17px; line-height: 1.4; }
.icase-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.icase-meta span { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 999px; background: rgba(241,245,249,.86); color: var(--text-3); font-size: 11px; border: 1px solid rgba(148,163,184,.12); }
.icase-meta .difficulty-入门 { background: rgba(220,252,231,.7); color: #14532d; border-color: rgba(34,197,94,.22); }
.icase-meta .difficulty-进阶 { background: rgba(254,249,195,.7); color: #713f12; border-color: rgba(234,179,8,.22); }
.icase-meta .difficulty-决策 { background: rgba(254,226,226,.7); color: #7f1d1d; border-color: rgba(239,68,68,.22); }
.icase-section { margin: 0; color: var(--text-2); font-size: 13px; line-height: 1.8; }
.icase-section strong { color: var(--text-1); }
.icase-block { padding: 10px 11px; border-left: 3px solid rgba(0,172,235,.44); border-radius: 0 9px 9px 0; background: rgba(239,246,255,.72); color: #40536e; }
.icase-block.cause { border-left-color: rgba(234,179,8,.55); background: rgba(254,249,195,.45); }
.icase-block.solution { border-left-color: rgba(34,197,94,.55); background: rgba(220,252,231,.45); }
.icase-block.notes { border-left-color: rgba(239,68,68,.45); background: rgba(254,226,226,.45); }
.icase-block strong { display: block; margin-bottom: 4px; color: #1e4f91; }
.icase-block.cause strong { color: #713f12; }
.icase-block.solution strong { color: #14532d; }
.icase-block.notes strong { color: #7f1d1d; }
.icase-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 10px; border-top: 1px solid rgba(148,163,184,.14); }
.icase-links a { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 8px; background: rgba(241,245,249,.86); color: #00aceb; font-size: 12px; border: 1px solid rgba(148,163,184,.14); }
.icase-links a:hover { background: #fff; border-color: rgba(0,172,235,.32); }
.icase-expand { flex: 0 0 auto; align-self: center; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: auto; min-height: 28px; padding: 4px 8px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #245cae; font-size: 13px; font-weight: 700; cursor: pointer; }
.icase-expand[hidden] { display: none !important; }
.icase-expand::after { content: '↓'; font-size: 16px; line-height: 1; transition: transform .2s ease; }
.icase-expand[aria-expanded="true"]::after { content: '↑'; }
.icase-detail { display: none; }
.icase-card.is-expanded .icase-detail { display: flex; flex-direction: column; gap: 12px; }
.icase-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 14px; padding: 18px 22px 22px; }
@media (max-width: 1100px) { .icase-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .icase-list { grid-template-columns: 1fr; padding: 14px 16px 18px; } .icase-card { padding: 14px; } }