.risk-control { padding: 0; } .risk-control h2 { margin: 0 0 24px 0; color: #262626; } .risk-card { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); border-radius: 4px; } /* 仓位计算结果 */ .position-result { display: flex; justify-content: space-around; margin-top: 16px; padding: 24px; background: #fafafa; } /* 风险偏好设置 */ .risk-preference { padding: 16px; } .risk-slider { display: flex; align-items: center; gap: 16px; } .risk-slider label { font-size: 14px; color: #262626; white-space: nowrap; } .risk-slider .ant-slider { flex: 1; } /* 风险监控指标 */ .risk-metric-card { height: 100%; text-align: center; } .risk-level { margin-top: 16px; display: flex; justify-content: center; } /* 响应式设计 */ @media (max-width: 768px) { .position-result { flex-direction: column; gap: 16px; align-items: center; } .risk-slider { flex-direction: column; align-items: flex-start; gap: 8px; } .risk-slider .ant-slider { width: 100%; } }