style: 优化当事人信息卡片样式，改进布局与间距

chengmw

2026-04-03 d1034fc30e99091220ec867785e29e80be5c66b4

style: 优化当事人信息卡片样式，改进布局与间距

 web-app/src/components/dashboard/PartyInfoCard.css

@@ -81,10 +81,25 @@
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  gap: 8px;
}

.vs-line {
  width: 30px;
  height: 1px;
}

.vs-line-left {
  background: linear-gradient(to right, #E5E6EB, #C9CDD4);
}

.vs-line-right {
  background: linear-gradient(to right, #C9CDD4, #E5E6EB);
}

.vs-icon-img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

 web-app/src/components/dashboard/PartyInfoCard.jsx

@@ -82,7 +82,9 @@
 */
const VSSeparator = () => (
  <div className="vs-separator">
    <div className="vs-line vs-line-left"></div>
    <img src={VS_ICON} alt="VS" className="vs-icon-img" />
    <div className="vs-line vs-line-right"></div>
  </div>
);