diff --git a/public/assets/addons/official/css/modern_nhc.css b/public/assets/addons/official/css/modern_nhc.css index 3343c93..0996825 100644 --- a/public/assets/addons/official/css/modern_nhc.css +++ b/public/assets/addons/official/css/modern_nhc.css @@ -959,6 +959,104 @@ img { color: var(--text-secondary); } +/* 案例卡片内档案视窗与指标排版 */ +.nhc-case-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 14px; +} + +.nhc-case-tag { + font-size: 12px; + font-weight: 600; + color: var(--primary); + background: #EFF6FF; + border: 1px solid #DBEAFE; + padding: 3px 10px; + border-radius: var(--radius-sm); +} + +.nhc-case-status { + font-size: 11px; + color: #B91C1C; + background: #FEF2F2; + border: 1px solid #FECACA; + padding: 2px 8px; + border-radius: var(--radius-sm); + font-family: var(--font-serif); + letter-spacing: 1px; +} + +.nhc-case-dossier { + background: var(--bg-secondary); + border-radius: var(--radius-sm); + border-left: 3px solid var(--primary); + padding: 16px 18px; + margin-bottom: 22px; + display: flex; + flex-direction: column; + gap: 12px; +} + +.nhc-case-dossier-row { + display: flex; + flex-direction: column; + gap: 4px; +} + +.nhc-dossier-label { + font-size: 11px; + font-weight: 700; + color: var(--text-muted); + letter-spacing: 1.5px; + text-transform: uppercase; +} + +.nhc-dossier-text { + font-size: 13px; + color: var(--text-secondary); + line-height: 1.6; + margin: 0; +} + +.nhc-case-card .nhc-case-metrics { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 12px; + padding-top: 18px; + border-top: 1px solid var(--border-color); + text-align: center; +} + +.nhc-case-metric-item { + display: flex; + flex-direction: column; + align-items: center; +} + +.nhc-case-metric-val { + font-family: var(--font-serif); + font-size: 26px; + font-weight: 700; + color: var(--primary); + line-height: 1.2; +} + +.nhc-case-metric-val sub { + font-size: 14px; + font-weight: 600; + margin-left: 1px; + bottom: 0; +} + +.nhc-case-metric-name { + font-size: 12px; + color: var(--text-muted); + margin-top: 4px; + line-height: 1.4; +} + .nhc-case-metrics-bar { background: var(--bg-secondary); border: 1px solid var(--border-color);