.understandingCard{background:rgb(var(--color-surface-rgb));border:1px solid rgb(var(--color-border-rgb));border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.understandingHead{display:flex;align-items:center;gap:10px}.understandingIcon{font-size:20px;display:inline-flex;color:rgb(var(--color-brand-primary-rgb))}.understandingTitle{font-size:13.5px;font-weight:600;color:rgb(var(--color-text-primary-rgb))}.understandingPercent{margin-left:auto;font-weight:800;font-size:16px;color:rgb(var(--color-brand-primary-rgb));white-space:nowrap}.understandingCounts{font-size:12.5px;color:rgb(var(--color-text-secondary-rgb))}.understandingBar{height:8px;border-radius:999px;background:rgb(var(--color-divider-rgb));overflow:hidden}.understandingFill{height:100%;border-radius:999px;background:rgb(var(--color-brand-primary-rgb));transition:width .4s ease}.understandingNext{font-size:12px;color:rgb(var(--color-text-secondary-rgb))}.understandingTrend{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}.understandingTrend-up{color:rgb(var(--color-state-success-text-rgb));background:rgba(var(--color-state-success-rgb),.12)}.understandingTrend-down{color:rgb(var(--color-state-warn-rgb));background:rgba(var(--color-state-warn-rgb),.12)}