advance-semi-theme 1.0.0

package/dist/antd/styles/components/pageheader.css

@@ -0,0 +1,62 @@
+/**
+ * PageHeader 页头 - Semi Design 风格
+ * 注：Ant Design Vue 4.x 已将 PageHeader 移至 @ant-design/pro-components
+ */
+
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header {
+  padding: 16px 24px;
+}
+
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header-heading {
+  display: flex;
+  align-items: center;
+}
+
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header-back {
+  margin-right: 16px;
+}
+
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header-back-button {
+  color: var(--semi-color-text-2);
+  font-size: 16px;
+  transition: color var(--semi-transition-duration) var(--semi-transition-timing);
+}
+
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header-back-button:hover {
+  color: var(--semi-color-primary);
+}
+
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header-heading-title {
+  color: var(--semi-color-text-0);
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 32px;
+}
+
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header-heading-sub-title {
+  color: var(--semi-color-text-2);
+  font-size: var(--semi-font-size-regular);
+  margin-left: 12px;
+}
+
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header-heading-extra {
+  margin-left: auto;
+}
+
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header-content {
+  padding-top: 12px;
+}
+
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header-footer {
+  margin-top: 16px;
+}
+
+/* 带有背景 */
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header-ghost {
+  background: transparent;
+}
+
+.semi:where([data-semi="all"], [data-semi-pageheader]) .ant-page-header:not(.ant-page-header-ghost) {
+  background: #fff;
+  border-radius: var(--semi-border-radius-small);
+}

package/dist/antd/styles/components/pagination.css

@@ -0,0 +1,139 @@
+/**
+ * Pagination 分页 - Semi Design 风格
+ */
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination {
+  color: var(--semi-color-text-0);
+  font-size: var(--semi-font-size-regular);
+}
+
+/* 分页项 */
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-item {
+  background: transparent;
+  border: none;
+  border-radius: var(--semi-border-radius-medium);
+  min-width: 32px;
+  height: 32px;
+  line-height: 32px;
+  transition: all var(--semi-transition-duration) var(--semi-transition-timing);
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-item a {
+  color: var(--semi-color-text-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-item:hover {
+  background: var(--semi-color-fill-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-item:hover a {
+  color: var(--semi-color-text-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-item-active {
+  background: var(--semi-color-primary);
+  border: none;
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-item-active a {
+  color: #fff;
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-item-active:hover {
+  background: var(--semi-color-primary-hover);
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-item-active:hover a {
+  color: #fff;
+}
+
+/* 上一页/下一页 */
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-prev,
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-next {
+  border: none;
+  border-radius: var(--semi-border-radius-medium);
+  min-width: 32px;
+  height: 32px;
+  line-height: 32px;
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-prev:hover,
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-next:hover {
+  background: var(--semi-color-fill-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-prev button,
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-next button {
+  color: var(--semi-color-text-1);
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-disabled button {
+  color: var(--semi-color-text-3);
+}
+
+/* 省略号 */
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-jump-prev,
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-jump-next {
+  color: var(--semi-color-text-2);
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
+  color: var(--semi-color-primary);
+}
+
+/* 总数 */
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-total-text {
+  color: var(--semi-color-text-2);
+  margin-inline-end: 8px;
+}
+
+/* 快速跳转 */
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-options-quick-jumper {
+  color: var(--semi-color-text-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-options-quick-jumper input {
+  background: var(--semi-color-fill-0);
+  border-color: transparent;
+  border-radius: var(--semi-border-radius-medium);
+  width: 50px;
+  height: 32px;
+  margin: 0 8px;
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-options-quick-jumper input:hover {
+  background: var(--semi-color-fill-1);
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-options-quick-jumper input:focus {
+  background: var(--semi-color-fill-0);
+  border-color: var(--semi-color-focus-border);
+  box-shadow: none;
+  outline: none;
+}
+
+/* 尺寸选择 */
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-options-size-changer {
+  margin-inline-start: 8px;
+}
+
+/* 简洁模式 */
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-simple .ant-pagination-simple-pager {
+  color: var(--semi-color-text-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-simple .ant-pagination-simple-pager input {
+  background: var(--semi-color-fill-0);
+  border-color: transparent;
+  border-radius: var(--semi-border-radius-medium);
+}
+
+/* 小尺寸 */
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-mini .ant-pagination-item,
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-mini .ant-pagination-prev,
+.semi:where([data-semi="all"], [data-semi-pagination]) .ant-pagination-mini .ant-pagination-next {
+  min-width: 24px;
+  height: 24px;
+  line-height: 24px;
+}

package/dist/antd/styles/components/popconfirm.css

@@ -0,0 +1,64 @@
+/**
+ * Popconfirm 气泡确认框 - Semi Design 风格
+ * Portal 组件 - 渲染在 body 下
+ */
+
+body.semi .ant-popconfirm,
+.semi .ant-popconfirm {
+  font-size: var(--semi-font-size-regular);
+}
+
+body.semi .ant-popconfirm .ant-popover-inner,
+.semi .ant-popconfirm .ant-popover-inner {
+  background: var(--semi-color-bg-0);
+  border-radius: var(--semi-border-radius-medium);
+  box-shadow: var(--semi-shadow-elevated);
+  padding: 12px 16px;
+}
+
+/* 图标 */
+body.semi .ant-popconfirm-icon,
+.semi .ant-popconfirm-icon {
+  font-size: 16px;
+  margin-inline-end: 8px;
+}
+
+body.semi .ant-popconfirm-icon > .anticon,
+.semi .ant-popconfirm-icon > .anticon {
+  color: var(--semi-color-warning);
+}
+
+/* 内容 */
+body.semi .ant-popconfirm-message,
+.semi .ant-popconfirm-message {
+  color: var(--semi-color-text-0);
+}
+
+body.semi .ant-popconfirm-title,
+.semi .ant-popconfirm-title {
+  font-weight: 500;
+}
+
+body.semi .ant-popconfirm-description,
+.semi .ant-popconfirm-description {
+  color: var(--semi-color-text-1);
+  margin-top: 4px;
+}
+
+/* 按钮 */
+body.semi .ant-popconfirm-buttons,
+.semi .ant-popconfirm-buttons {
+  margin-top: 12px;
+  text-align: end;
+}
+
+body.semi .ant-popconfirm-buttons .ant-btn,
+.semi .ant-popconfirm-buttons .ant-btn {
+  margin-inline-start: 8px;
+}
+
+/* 箭头 */
+body.semi .ant-popconfirm .ant-popover-arrow::before,
+.semi .ant-popconfirm .ant-popover-arrow::before {
+  background: var(--semi-color-bg-0);
+}

package/dist/antd/styles/components/popover.css

@@ -0,0 +1,40 @@
+/**
+ * Popover 气泡卡片 - Semi Design 风格
+ * Portal 组件 - 渲染在 body 下
+ */
+
+body.semi .ant-popover,
+.semi .ant-popover {
+  font-size: var(--semi-font-size-regular);
+}
+
+body.semi .ant-popover-inner,
+.semi .ant-popover-inner {
+  background: #fff;
+  border-radius: var(--semi-border-radius-medium);
+  box-shadow: var(--semi-shadow-elevated);
+  padding: 12px 16px;
+}
+
+/* 标题 */
+body.semi .ant-popover-title,
+.semi .ant-popover-title {
+  border-bottom: 1px solid var(--semi-color-border);
+  color: var(--semi-color-text-0);
+  font-weight: 600;
+  margin-bottom: 8px;
+  min-width: 177px;
+  padding-bottom: 8px;
+}
+
+/* 内容 */
+body.semi .ant-popover-inner-content,
+.semi .ant-popover-inner-content {
+  color: var(--semi-color-text-1);
+}
+
+/* 箭头 */
+body.semi .ant-popover-arrow::before,
+.semi .ant-popover-arrow::before {
+  background: #fff;
+}

package/dist/antd/styles/components/progress.css

@@ -0,0 +1,105 @@
+/**
+ * Progress 进度条 - Semi Design 风格
+ */
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress {
+  color: var(--semi-color-text-0);
+}
+
+/* 线形进度条 */
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-line {
+  font-size: var(--semi-font-size-regular);
+}
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-outer {
+  margin-inline-end: 0;
+  padding-inline-end: 0;
+}
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-inner {
+  background: var(--semi-color-fill-0);
+  border-radius: 100px;
+}
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-bg {
+  background: var(--semi-color-primary);
+  border-radius: 100px;
+  transition: all var(--semi-transition-duration) var(--semi-transition-timing);
+}
+
+/* 成功状态 */
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-success-bg {
+  background: var(--semi-color-success);
+}
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-status-success .ant-progress-bg {
+  background: var(--semi-color-success);
+}
+
+/* 异常状态 */
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-status-exception .ant-progress-bg {
+  background: var(--semi-color-danger);
+}
+
+/* 激活状态 */
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-status-active .ant-progress-bg::before {
+  background: #fff;
+  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
+}
+
+/* 文本 */
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-text {
+  color: var(--semi-color-text-1);
+  font-size: var(--semi-font-size-regular);
+  margin-inline-start: 8px;
+}
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-status-success .ant-progress-text {
+  color: var(--semi-color-success);
+}
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-status-exception .ant-progress-text {
+  color: var(--semi-color-danger);
+}
+
+/* 圆形进度条 */
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-circle .ant-progress-text {
+  color: var(--semi-color-text-0);
+  font-weight: 500;
+}
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-circle-trail {
+  stroke: var(--semi-color-fill-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-circle-path {
+  stroke: var(--semi-color-primary);
+}
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-status-success .ant-progress-circle-path {
+  stroke: var(--semi-color-success);
+}
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-status-exception .ant-progress-circle-path {
+  stroke: var(--semi-color-danger);
+}
+
+/* 仪表盘 */
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-dashboard-trail {
+  stroke: var(--semi-color-fill-0);
+}
+
+/* 步骤进度条 */
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-steps-item {
+  background: var(--semi-color-fill-0);
+  border-radius: 2px;
+}
+
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-steps-item-active {
+  background: var(--semi-color-primary);
+}
+
+/* 尺寸 */
+.semi:where([data-semi="all"], [data-semi-progress]) .ant-progress-small .ant-progress-text {
+  font-size: var(--semi-font-size-small);
+}

package/dist/antd/styles/components/qrcode.css

@@ -0,0 +1,43 @@
+/**
+ * QRCode 二维码 - Semi Design 风格
+ */
+
+.semi:where([data-semi="all"], [data-semi-qrcode]) .ant-qrcode {
+  background: #fff;
+  border: 1px solid var(--semi-color-border);
+  border-radius: var(--semi-border-radius-small);
+  padding: 12px;
+}
+
+.semi:where([data-semi="all"], [data-semi-qrcode]) .ant-qrcode-borderless {
+  border: none;
+  padding: 0;
+}
+
+/* 过期状态 */
+.semi:where([data-semi="all"], [data-semi-qrcode]) .ant-qrcode-expired {
+  position: relative;
+}
+
+.semi:where([data-semi="all"], [data-semi-qrcode]) .ant-qrcode-expired::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(255, 255, 255, 0.95);
+}
+
+.semi:where([data-semi="all"], [data-semi-qrcode]) .ant-qrcode-mask {
+  background: rgba(255, 255, 255, 0.95);
+}
+
+.semi:where([data-semi="all"], [data-semi-qrcode]) .ant-qrcode-expired-text {
+  color: var(--semi-color-text-1);
+}
+
+/* 加载状态 */
+.semi:where([data-semi="all"], [data-semi-qrcode]) .ant-qrcode .ant-spin {
+  color: var(--semi-color-primary);
+}

package/dist/antd/styles/components/radio.css

@@ -0,0 +1,166 @@
+/**
+ * Radio 单选框 - Semi Design 风格
+ */
+
+/* ========== 基础样式 ========== */
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-wrapper {
+  color: var(--semi-color-text-0);
+  font-size: var(--semi-font-size-regular);
+  align-items: center;
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio {
+  top: 0;
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-inner {
+  width: 16px;
+  height: 16px;
+  border-color: var(--semi-color-text-3);
+  background: transparent;
+  transition: all var(--semi-transition-duration) var(--semi-transition-timing);
+}
+
+/* ========== Hover 状态 ========== */
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-wrapper:hover .ant-radio-inner,
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio:hover .ant-radio-inner {
+  border-color: var(--semi-color-focus-border);
+  background: var(--semi-color-fill-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-wrapper:active .ant-radio-inner,
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio:active .ant-radio-inner {
+  background: var(--semi-color-fill-1);
+}
+
+/* ========== 选中状态 ========== */
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-checked .ant-radio-inner {
+  background: var(--semi-color-primary);
+  border-color: var(--semi-color-primary);
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-checked .ant-radio-inner::after {
+  background: #fff;
+  transform: scale(0.5);
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-checked:hover .ant-radio-inner {
+  background: var(--semi-color-primary-hover);
+  border-color: var(--semi-color-primary-hover);
+}
+
+/* ========== Focus 状态 ========== */
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-input:focus-visible + .ant-radio-inner {
+  outline: 3px solid var(--semi-color-primary-light-default);
+  outline-offset: 0;
+}
+
+/* ========== 禁用状态 ========== */
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-disabled .ant-radio-inner {
+  background: var(--semi-color-disabled-fill);
+  border-color: var(--semi-color-border);
+  cursor: not-allowed;
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-disabled.ant-radio-checked .ant-radio-inner {
+  background: var(--semi-color-primary-disabled);
+  border-color: var(--semi-color-primary-disabled);
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-disabled.ant-radio-checked .ant-radio-inner::after {
+  background: var(--semi-color-bg-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-disabled + span {
+  color: var(--semi-color-disabled-text);
+  cursor: not-allowed;
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-disabled + span {
+  color: var(--semi-color-text-3);
+}
+
+/* ========== Radio Group ========== */
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-group {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 8px 16px;
+}
+
+/* ========== Radio Button ========== */
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-button-wrapper {
+  background: var(--semi-color-fill-0);
+  border: none;
+  color: var(--semi-color-text-0);
+  height: 32px;
+  line-height: 30px;
+  padding: 0 16px;
+  transition: all var(--semi-transition-duration) var(--semi-transition-timing);
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-button-wrapper:first-child {
+  border-radius: var(--semi-border-radius-medium) 0 0 var(--semi-border-radius-medium);
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-button-wrapper:last-child {
+  border-radius: 0 var(--semi-border-radius-medium) var(--semi-border-radius-medium) 0;
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-button-wrapper:not(:first-child)::before {
+  display: none;
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-button-wrapper:hover {
+  background: var(--semi-color-fill-1);
+  color: var(--semi-color-text-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-button-wrapper-checked {
+  background: var(--semi-color-primary);
+  color: #fff;
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-button-wrapper-checked:hover {
+  background: var(--semi-color-primary-hover);
+  color: #fff;
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-button-wrapper-checked:focus-within {
+  outline: 3px solid var(--semi-color-primary-light-default);
+  outline-offset: 0;
+}
+
+/* ========== 禁用状态 - Button ========== */
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-button-wrapper-disabled {
+  background: var(--semi-color-fill-0);
+  color: var(--semi-color-disabled-text);
+  cursor: not-allowed;
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-button-wrapper-disabled:hover {
+  background: var(--semi-color-fill-0);
+  color: var(--semi-color-disabled-text);
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
+  background: var(--semi-color-disabled-bg);
+  color: var(--semi-color-disabled-text);
+}
+
+/* ========== Card 模式 ========== */
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-wrapper[data-card] {
+  background: var(--semi-color-fill-0);
+  border: 1px solid transparent;
+  border-radius: var(--semi-border-radius-medium);
+  padding: 12px 16px;
+  transition: all var(--semi-transition-duration) var(--semi-transition-timing);
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-wrapper[data-card]:hover {
+  background: var(--semi-color-fill-1);
+}
+
+.semi:where([data-semi="all"], [data-semi-radio]) .ant-radio-wrapper-checked[data-card] {
+  background: var(--semi-color-primary-light-default);
+  border-color: var(--semi-color-primary);
+}

package/dist/antd/styles/components/rate.css

@@ -0,0 +1,47 @@
+/**
+ * Rate 评分 - Semi Design 风格
+ */
+
+.semi:where([data-semi="all"], [data-semi-rate]) .ant-rate {
+  color: var(--semi-color-warning);
+  font-size: 20px;
+}
+
+.semi:where([data-semi="all"], [data-semi-rate]) .ant-rate-star {
+  margin-inline-end: 4px;
+  transition: transform var(--semi-transition-duration) var(--semi-transition-timing);
+}
+
+.semi:where([data-semi="all"], [data-semi-rate]) .ant-rate-star:not(.ant-rate-star-zero):hover {
+  transform: scale(1.1);
+}
+
+.semi:where([data-semi="all"], [data-semi-rate]) .ant-rate-star-first,
+.semi:where([data-semi="all"], [data-semi-rate]) .ant-rate-star-second {
+  color: var(--semi-color-fill-1);
+}
+
+.semi:where([data-semi="all"], [data-semi-rate]) .ant-rate-star-full .ant-rate-star-first,
+.semi:where([data-semi="all"], [data-semi-rate]) .ant-rate-star-full .ant-rate-star-second {
+  color: var(--semi-color-warning);
+}
+
+.semi:where([data-semi="all"], [data-semi-rate]) .ant-rate-star-half .ant-rate-star-first {
+  color: var(--semi-color-warning);
+}
+
+/* 禁用状态 */
+.semi:where([data-semi="all"], [data-semi-rate]) .ant-rate-disabled .ant-rate-star {
+  cursor: not-allowed;
+}
+
+.semi:where([data-semi="all"], [data-semi-rate]) .ant-rate-disabled .ant-rate-star:hover {
+  transform: none;
+}
+
+/* 文本 */
+.semi:where([data-semi="all"], [data-semi-rate]) .ant-rate-text {
+  color: var(--semi-color-text-1);
+  font-size: var(--semi-font-size-regular);
+  margin-inline-start: 8px;
+}