    <style>
    .d2-section { margin-bottom:24px; }
    .d2-section-title {
        font-size:14px; font-weight:700; color:${C_MAIN};
        border-left:3px solid ${C_MAIN}; padding-left:10px;
        margin-bottom:14px; display:flex; align-items:center; gap:8px;
    }
    .d2-card {
        background:#fff; border-radius:12px;
        border:1px solid #ede9fe; padding:16px 18px;
        margin-bottom:12px; box-shadow:0 1px 4px rgba(124,58,237,0.06);
    }
    .d2-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .d2-grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
    .d2-kpi { text-align:center; padding:12px 8px; background:#faf9ff; border-radius:10px; border:1px solid #ede9fe; }
    .d2-kpi-v { font-size:20px; font-weight:700; color:${C_MAIN}; }
    .d2-kpi-l { font-size:11px; color:#888; margin-top:2px; }
    .d2-compare-row {
        display:flex; align-items:center; justify-content:space-between;
        padding:8px 0; border-bottom:1px solid #f5f3ff;
        font-size:12px;
    }
    .d2-compare-row:last-child { border-bottom:none; }
    .d2-tag { display:inline-block; padding:1px 8px; border-radius:8px; font-size:11px; font-weight:600; }
    .d2-alert-row { padding:8px 12px; border-radius:8px; margin-bottom:6px; font-size:12px; }
    .d2-score-ring {
        width:100px; height:100px; border-radius:50%;
        background: conic-gradient(${healthColor} ${score * 3.6}deg, #e5e7eb 0deg);
        display:flex; align-items:center; justify-content:center;
        flex-shrink:0; position:relative;
    }
    .d2-score-inner {
        width:76px; height:76px; border-radius:50%; background:#fff;
        display:flex; flex-direction:column; align-items:center; justify-content:center;
    }
    </style>
