@hlw-uni/mp-vue 1.0.35 → 1.1.1

package/dist/style.css

@@ -1,20 +1,20 @@
 @charset "UTF-8";
-.hlw-avatar[data-v-89dcbc96] {
+.hlw-avatar[data-v-19006b2d] {
     border-radius: 50%;
     overflow: hidden;
     flex-shrink: 0;
 }
-.hlw-avatar--small[data-v-89dcbc96]  { width: 56rpx;  height: 56rpx;
+.hlw-avatar--small[data-v-19006b2d]  { width: 56rpx;  height: 56rpx;
 }
-.hlw-avatar--medium[data-v-89dcbc96] { width: 80rpx;  height: 80rpx;
+.hlw-avatar--medium[data-v-19006b2d] { width: 80rpx;  height: 80rpx;
 }
-.hlw-avatar--large[data-v-89dcbc96]  { width: 120rpx; height: 120rpx;
+.hlw-avatar--large[data-v-19006b2d]  { width: 120rpx; height: 120rpx;
 }
-.hlw-avatar__image[data-v-89dcbc96] {
+.hlw-avatar__image[data-v-19006b2d] {
     width: 100%;
     height: 100%;
 }
-.hlw-avatar__placeholder[data-v-89dcbc96] {
+.hlw-avatar__placeholder[data-v-19006b2d] {
     width: 100%;
     height: 100%;
     background: #07c160;
@@ -22,17 +22,97 @@
     align-items: center;
     justify-content: center;
 }
-.hlw-avatar__initial[data-v-89dcbc96] {
+.hlw-avatar__initial[data-v-19006b2d] {
     color: #fff;
     font-weight: bold;
 }
-.hlw-avatar--small  .hlw-avatar__initial[data-v-89dcbc96] { font-size: var(--font-xs, 20rpx);
+.hlw-avatar--small  .hlw-avatar__initial[data-v-19006b2d] { font-size: var(--font-xs, 20rpx);
 }
-.hlw-avatar--medium .hlw-avatar__initial[data-v-89dcbc96] { font-size: var(--font-base, 28rpx);
+.hlw-avatar--medium .hlw-avatar__initial[data-v-19006b2d] { font-size: var(--font-base, 28rpx);
+}
+.hlw-avatar--large  .hlw-avatar__initial[data-v-19006b2d] { font-size: var(--font-xl, 40rpx);
+}
+.hlw-btn[data-v-19a9c118] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8rpx;
+  border: none;
+  font-weight: 500;
+  line-height: 1;
+  transition: opacity 0.2s;
+}
+.hlw-btn[data-v-19a9c118]::after {
+  display: none;
+}
+.hlw-btn[data-v-19a9c118]:active {
+  opacity: 0.7;
+}
+.hlw-btn--primary[data-v-19a9c118] {
+  background: var(--primary-color);
+  color: #fff;
+}
+.hlw-btn--outline[data-v-19a9c118] {
+  background: transparent;
+  color: var(--primary-color);
+  border: 2rpx solid var(--primary-color);
+}
+.hlw-btn--text[data-v-19a9c118] {
+  background: transparent;
+  color: var(--primary-color);
+}
+.hlw-btn--ghost[data-v-19a9c118] {
+  background: transparent;
+  color: #fff;
+  border: 2rpx solid rgba(255, 255, 255, 0.6);
+}
+.hlw-btn--small[data-v-19a9c118] {
+  padding: 8rpx 20rpx;
+  font-size: var(--font-xs, 20rpx);
+  border-radius: var(--radius-sm, 8rpx);
+}
+.hlw-btn--medium[data-v-19a9c118] {
+  padding: 16rpx 32rpx;
+  font-size: var(--font-sm, 24rpx);
+  border-radius: var(--radius-md, 16rpx);
+}
+.hlw-btn--large[data-v-19a9c118] {
+  padding: 24rpx 48rpx;
+  font-size: var(--font-base, 28rpx);
+  border-radius: var(--radius-md, 16rpx);
+}
+.hlw-btn--block[data-v-19a9c118] {
+  display: flex;
+  width: 100%;
+}
+.hlw-btn--round[data-v-19a9c118] {
+  border-radius: 999rpx;
+}
+.hlw-btn--disabled[data-v-19a9c118] {
+  opacity: 0.4;
+}
+.hlw-btn--disabled[data-v-19a9c118]:active {
+  opacity: 0.4;
+}
+.hlw-btn--loading[data-v-19a9c118] {
+  opacity: 0.7;
+}
+.hlw-btn-icon[data-v-19a9c118] {
+  font-size: 1.1em;
+}
+.hlw-btn-spinner[data-v-19a9c118] {
+  width: 28rpx;
+  height: 28rpx;
+  border: 3rpx solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: hlw-spin-19a9c118 0.6s linear infinite;
+}
+@keyframes hlw-spin-19a9c118 {
+to {
+    transform: rotate(360deg);
 }
-.hlw-avatar--large  .hlw-avatar__initial[data-v-89dcbc96] { font-size: var(--font-xl, 40rpx);
 }
-
 .hlw-card[data-v-cf55252e] {
   width: 100%;
   background: #fff;
@@ -121,28 +201,103 @@
 .hlw-card-footer-right[data-v-cf55252e] {
   flex-shrink: 0;
   margin-left: 16rpx;
+}.hlw-cell[data-v-996053be] {
+  display: flex;
+  align-items: center;
+  padding: 24rpx 32rpx;
+  background: #fff;
+  gap: 20rpx;
+}
+.hlw-cell--border[data-v-996053be] {
+  border-bottom: 1rpx solid var(--border-color-light, #f1f5f9);
+}
+.hlw-cell--border[data-v-996053be]:last-child {
+  border-bottom: none;
+}
+.hlw-cell--hover[data-v-996053be] {
+  background: #f8fafc;
+}
+.hlw-cell-icon[data-v-996053be] {
+  font-size: var(--font-lg, 36rpx);
+  color: var(--primary-color, #3b82f6);
+  flex-shrink: 0;
+}
+.hlw-cell-body[data-v-996053be] {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.hlw-cell-title[data-v-996053be] {
+  font-size: var(--font-base, 28rpx);
+  color: #1e293b;
 }
-.hlw-empty[data-v-08b8d8fe] {
+.hlw-cell-label[data-v-996053be] {
+  font-size: var(--font-xs, 20rpx);
+  color: #94a3b8;
+  margin-top: 4rpx;
+}
+.hlw-cell-value[data-v-996053be] {
+  font-size: var(--font-sm, 24rpx);
+  color: #94a3b8;
+  flex-shrink: 0;
+}
+.hlw-cell-arrow[data-v-996053be] {
+  width: 16rpx;
+  height: 16rpx;
+  border-top: 3rpx solid #c0c4cc;
+  border-right: 3rpx solid #c0c4cc;
+  transform: rotate(45deg);
+  flex-shrink: 0;
+}.hlw-divider[data-v-beaa0298] {
+  display: flex;
+  align-items: center;
+  padding: 24rpx 0;
+}
+.hlw-divider-line[data-v-beaa0298] {
+  flex: 1;
+  height: 1rpx;
+  background: var(--border-color, #e2e8f0);
+}
+.hlw-divider--dashed .hlw-divider-line[data-v-beaa0298] {
+  background: none;
+  border-top: 1rpx dashed var(--border-color, #e2e8f0);
+}
+.hlw-divider-text[data-v-beaa0298] {
+  padding: 0 24rpx;
+  font-size: var(--font-xs, 20rpx);
+  color: #94a3b8;
+  white-space: nowrap;
+}
+.hlw-divider--left .hlw-divider-line[data-v-beaa0298]:first-child {
+  max-width: 60rpx;
+}
+.hlw-divider--right .hlw-divider-line[data-v-beaa0298]:last-child {
+  max-width: 60rpx;
+}
+.hlw-empty[data-v-94fefc47] {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 80rpx 40rpx;
 }
-.hlw-empty__image[data-v-08b8d8fe] {
+.hlw-empty__image[data-v-94fefc47] {
     width: 200rpx;
     height: 200rpx;
     margin-bottom: 24rpx;
 }
-.hlw-empty__icon[data-v-08b8d8fe] {
+.hlw-empty__icon[data-v-94fefc47] {
     font-size: 100rpx;
     margin-bottom: 20rpx;
+    color: #cbd5e1;
 }
-.hlw-empty__text[data-v-08b8d8fe] {
+.hlw-empty__text[data-v-94fefc47] {
     font-size: var(--font-base, 28rpx);
     color: #bbb;
 }
-.hlw-header[data-v-fa8f2a18] {
+.hlw-header[data-v-b85e90ac] {
   position: sticky;
   top: 0;
   z-index: 999;
@@ -150,18 +305,18 @@
   flex-direction: column;
   overflow: hidden;
 }
-.header-bg-layer[data-v-fa8f2a18] {
+.header-bg-layer[data-v-b85e90ac] {
   position: absolute;
   inset: 0;
   z-index: 0;
 }
-.status-bar-spacer[data-v-fa8f2a18] {
+.status-bar-spacer[data-v-b85e90ac] {
   flex-shrink: 0;
   width: 100%;
   position: relative;
   z-index: 1;
 }
-.header-content-area[data-v-fa8f2a18] {
+.header-content-area[data-v-b85e90ac] {
   flex-shrink: 0;
   width: 100%;
   display: flex;
@@ -169,7 +324,7 @@
   position: relative;
   z-index: 1;
 }
-.header-back[data-v-fa8f2a18] {
+.header-back[data-v-b85e90ac] {
   width: 88rpx;
   height: 100%;
   display: flex;
@@ -177,21 +332,21 @@
   justify-content: center;
   flex-shrink: 0;
 }
-.header-back-icon[data-v-fa8f2a18] {
+.header-back-icon[data-v-b85e90ac] {
   font-size: 36rpx;
 }
-.header-title[data-v-fa8f2a18] {
+.header-title[data-v-b85e90ac] {
   flex: 1;
   overflow: hidden;
 }
-.header-title--center[data-v-fa8f2a18] {
+.header-title--center[data-v-b85e90ac] {
   text-align: center;
 }
-.header-title--left[data-v-fa8f2a18] {
+.header-title--left[data-v-b85e90ac] {
   text-align: left;
   padding-left: 4rpx;
 }
-.header-title-text[data-v-fa8f2a18] {
+.header-title-text[data-v-b85e90ac] {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -201,30 +356,30 @@
   font-weight: 500;
   color: #14181f;
 }
-.header-placeholder[data-v-fa8f2a18] {
+.header-placeholder[data-v-b85e90ac] {
   width: 88rpx;
   flex-shrink: 0;
 }
-.hlw-loading[data-v-14242381] {
+.hlw-loading[data-v-fd9272d5] {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 24rpx;
 }
-.hlw-loading__spinner[data-v-14242381] {
+.hlw-loading__spinner[data-v-fd9272d5] {
     width: 56rpx;
     height: 56rpx;
     border: 6rpx solid #e8e8e8;
     border-top-color: #07c160;
     border-radius: 50%;
-    animation: hlw-spin-14242381 0.8s linear infinite;
+    animation: hlw-spin-fd9272d5 0.8s linear infinite;
 }
-@keyframes hlw-spin-14242381 {
+@keyframes hlw-spin-fd9272d5 {
 to { transform: rotate(360deg);
 }
 }
-.hlw-loading__text[data-v-14242381] {
+.hlw-loading__text[data-v-fd9272d5] {
     margin-top: 16rpx;
     font-size: 26rpx;
     color: #999;
@@ -439,21 +594,413 @@ from {
 to {
     transform: rotate(360deg);
 }
-}.hlw-page[data-v-d8833363] {
+}.hlw-modal-mask[data-v-397b9549] {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 1000;
+  animation: hlw-fade-in-397b9549 0.2s;
+}
+.hlw-modal[data-v-397b9549] {
+  width: 80%;
+  max-width: 600rpx;
+  background: #fff;
+  border-radius: var(--radius-xl, 32rpx);
+  overflow: hidden;
+  animation: hlw-scale-in-397b9549 0.25s ease;
+}
+.hlw-modal-title[data-v-397b9549] {
+  padding: 40rpx 32rpx 0;
+  text-align: center;
+  font-size: var(--font-md, 32rpx);
+  font-weight: 600;
+  color: #1e293b;
+}
+.hlw-modal-body[data-v-397b9549] {
+  padding: 32rpx;
+  font-size: var(--font-base, 28rpx);
+  color: #475569;
+  text-align: center;
+  line-height: 1.6;
+}
+.hlw-modal-footer[data-v-397b9549] {
+  display: flex;
+  border-top: 1rpx solid var(--border-color-light, #f1f5f9);
+}
+.hlw-modal-btn[data-v-397b9549] {
+  flex: 1;
+  padding: 24rpx 0;
+  text-align: center;
+  font-size: var(--font-base, 28rpx);
+  font-weight: 500;
+}
+.hlw-modal-btn[data-v-397b9549]:active {
+  background: #f8fafc;
+}
+.hlw-modal-btn--cancel[data-v-397b9549] {
+  color: #64748b;
+  border-right: 1rpx solid var(--border-color-light, #f1f5f9);
+}
+.hlw-modal-btn--confirm[data-v-397b9549] {
+  color: var(--primary-color, #3b82f6);
+}
+@keyframes hlw-fade-in-397b9549 {
+from {
+    opacity: 0;
+}
+to {
+    opacity: 1;
+}
+}
+@keyframes hlw-scale-in-397b9549 {
+from {
+    transform: scale(0.9);
+    opacity: 0;
+}
+to {
+    transform: scale(1);
+    opacity: 1;
+}
+}.hlw-notice[data-v-7a758299] {
+  display: flex;
+  align-items: center;
+  padding: 16rpx 24rpx;
+  gap: 12rpx;
+  font-size: var(--font-sm, 24rpx);
+}
+.hlw-notice-left-icon[data-v-7a758299] {
+  flex-shrink: 0;
+  font-size: var(--font-base, 28rpx);
+}
+.hlw-notice-wrap[data-v-7a758299] {
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.hlw-notice-scroll[data-v-7a758299] {
+  display: inline-block;
+  white-space: nowrap;
+  animation: hlw-notice-scroll-7a758299 linear infinite;
+  padding-left: 100%;
+}
+.hlw-notice-text[data-v-7a758299] {
+  display: inline;
+}
+.hlw-notice-text--ellipsis[data-v-7a758299] {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.hlw-notice-close[data-v-7a758299] {
+  flex-shrink: 0;
+  font-size: 28rpx;
+  line-height: 1;
+  opacity: 0.6;
+  padding: 4rpx;
+}
+@keyframes hlw-notice-scroll-7a758299 {
+0% {
+    transform: translateX(0);
+}
+100% {
+    transform: translateX(-100%);
+}
+}.hlw-page[data-v-0cf37585] {
   width: 100%;
   height: 100vh;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.hlw-page-header[data-v-d8833363] {
+.hlw-page-header[data-v-0cf37585] {
   flex-shrink: 0;
 }
-.hlw-page-content[data-v-d8833363] {
+.hlw-page-content[data-v-0cf37585] {
   flex: 1;
   height: 0;
   width: 100%;
 }
-.hlw-page-footer[data-v-d8833363] {
+.hlw-page-footer[data-v-0cf37585] {
   flex-shrink: 0;
+}.hlw-popup-mask[data-v-2d71ef9b] {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 1000;
+  animation: hlw-fade-in-2d71ef9b 0.25s;
+}
+.hlw-popup[data-v-2d71ef9b] {
+  position: fixed;
+  z-index: 1001;
+  background: #fff;
+  transition: transform 0.3s ease, opacity 0.3s ease;
+}
+.hlw-popup--bottom[data-v-2d71ef9b] {
+  left: 0;
+  right: 0;
+  bottom: 0;
+  max-height: 80vh;
+  transform: translateY(100%);
+}
+.hlw-popup--bottom.hlw-popup--show[data-v-2d71ef9b] {
+  transform: translateY(0);
+}
+.hlw-popup--bottom.hlw-popup--round[data-v-2d71ef9b] {
+  border-radius: var(--radius-xl, 32rpx) var(--radius-xl, 32rpx) 0 0;
+}
+.hlw-popup--top[data-v-2d71ef9b] {
+  left: 0;
+  right: 0;
+  top: 0;
+  max-height: 80vh;
+  transform: translateY(-100%);
+}
+.hlw-popup--top.hlw-popup--show[data-v-2d71ef9b] {
+  transform: translateY(0);
+}
+.hlw-popup--top.hlw-popup--round[data-v-2d71ef9b] {
+  border-radius: 0 0 var(--radius-xl, 32rpx) var(--radius-xl, 32rpx);
+}
+.hlw-popup--center[data-v-2d71ef9b] {
+  left: 50%;
+  top: 50%;
+  width: 80%;
+  transform: translate(-50%, -50%) scale(0.9);
+  opacity: 0;
+  border-radius: var(--radius-xl, 32rpx);
+}
+.hlw-popup--center.hlw-popup--show[data-v-2d71ef9b] {
+  transform: translate(-50%, -50%) scale(1);
+  opacity: 1;
+}
+.hlw-popup-header[data-v-2d71ef9b] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 28rpx 32rpx;
+  border-bottom: 1rpx solid var(--border-color-light, #f1f5f9);
+}
+.hlw-popup-title[data-v-2d71ef9b] {
+  font-size: var(--font-md, 32rpx);
+  font-weight: 600;
+  color: #1e293b;
+}
+.hlw-popup-close[data-v-2d71ef9b] {
+  font-size: 32rpx;
+  color: #94a3b8;
+  line-height: 1;
+  padding: 4rpx;
+}
+@keyframes hlw-fade-in-2d71ef9b {
+from {
+    opacity: 0;
+}
+to {
+    opacity: 1;
+}
+}.hlw-search[data-v-4fe1bfab] {
+  padding: 16rpx 24rpx;
+}
+.hlw-search-box[data-v-4fe1bfab] {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+  padding: 12rpx 24rpx;
+  background: #f1f5f9;
+  border-radius: var(--radius-md, 16rpx);
+}
+.hlw-search-box--round[data-v-4fe1bfab] {
+  border-radius: 999rpx;
+}
+.hlw-search-icon[data-v-4fe1bfab] {
+  font-size: var(--font-sm, 24rpx);
+  flex-shrink: 0;
+  opacity: 0.5;
+}
+.hlw-search-input[data-v-4fe1bfab] {
+  flex: 1;
+  font-size: var(--font-sm, 24rpx);
+  color: #1e293b;
+  min-height: 40rpx;
+}
+.hlw-search-clear[data-v-4fe1bfab] {
+  font-size: 28rpx;
+  color: #94a3b8;
+  line-height: 1;
+  flex-shrink: 0;
+  padding: 4rpx;
+}.hlw-skeleton[data-v-bc3155a2] {
+  display: flex;
+  gap: 24rpx;
+  padding: 24rpx;
+}
+.hlw-skeleton-avatar[data-v-bc3155a2] {
+  flex-shrink: 0;
+  border-radius: 50%;
+  background: #e2e8f0;
+}
+.hlw-skeleton-avatar--small[data-v-bc3155a2] {
+  width: 56rpx;
+  height: 56rpx;
+}
+.hlw-skeleton-avatar--medium[data-v-bc3155a2] {
+  width: 80rpx;
+  height: 80rpx;
+}
+.hlw-skeleton-avatar--large[data-v-bc3155a2] {
+  width: 120rpx;
+  height: 120rpx;
+}
+.hlw-skeleton-content[data-v-bc3155a2] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 20rpx;
+}
+.hlw-skeleton-title[data-v-bc3155a2] {
+  width: 40%;
+  height: 32rpx;
+  border-radius: 6rpx;
+  background: #e2e8f0;
+}
+.hlw-skeleton-row[data-v-bc3155a2] {
+  height: 24rpx;
+  border-radius: 6rpx;
+  background: #e2e8f0;
+}
+.hlw-skeleton--animate .hlw-skeleton-avatar[data-v-bc3155a2],
+.hlw-skeleton--animate .hlw-skeleton-title[data-v-bc3155a2],
+.hlw-skeleton--animate .hlw-skeleton-row[data-v-bc3155a2] {
+  animation: hlw-skeleton-pulse-bc3155a2 1.5s ease-in-out infinite;
+}
+@keyframes hlw-skeleton-pulse-bc3155a2 {
+0% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.4;
+}
+100% {
+    opacity: 1;
+}
+}.hlw-tabs[data-v-5a47c034] {
+  background: #fff;
+  white-space: nowrap;
+}
+.hlw-tabs-wrap[data-v-5a47c034] {
+  display: inline-flex;
+  min-width: 100%;
+}
+.hlw-tab[data-v-5a47c034] {
+  position: relative;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24rpx 28rpx;
+  gap: 6rpx;
+  transition: color 0.2s;
+}
+.hlw-tab--active .hlw-tab-text[data-v-5a47c034] {
+  color: var(--primary-color, #3b82f6);
+  font-weight: 600;
+}
+.hlw-tab-text[data-v-5a47c034] {
+  font-size: var(--font-base, 28rpx);
+  color: #64748b;
+}
+.hlw-tab-badge[data-v-5a47c034] {
+  padding: 0 8rpx;
+  min-width: 28rpx;
+  height: 28rpx;
+  line-height: 28rpx;
+  font-size: 18rpx;
+  text-align: center;
+  color: #fff;
+  background: #ef4444;
+  border-radius: 999rpx;
+}
+.hlw-tab-line[data-v-5a47c034] {
+  position: absolute;
+  bottom: 4rpx;
+  left: 50%;
+  transform: translateX(-50%);
+  height: 6rpx;
+  border-radius: 6rpx;
+  background: var(--primary-color, #3b82f6);
+  transition: width 0.2s;
+}.hlw-tag[data-v-fd774288] {
+  display: inline-flex;
+  align-items: center;
+  gap: 4rpx;
+  font-weight: 500;
+  border: 2rpx solid transparent;
+}
+.hlw-tag--medium[data-v-fd774288] {
+  padding: 4rpx 16rpx;
+  font-size: var(--font-xs, 20rpx);
+  border-radius: var(--radius-sm, 8rpx);
+}
+.hlw-tag--small[data-v-fd774288] {
+  padding: 2rpx 10rpx;
+  font-size: 18rpx;
+  border-radius: 6rpx;
+}
+.hlw-tag--round[data-v-fd774288] {
+  border-radius: 999rpx;
+}
+.hlw-tag--primary[data-v-fd774288] {
+  background: var(--primary-color, #3b82f6);
+  color: #fff;
+  border-color: var(--primary-color, #3b82f6);
+}
+.hlw-tag--primary.hlw-tag--plain[data-v-fd774288] {
+  background: transparent;
+  color: var(--primary-color, #3b82f6);
+}
+.hlw-tag--success[data-v-fd774288] {
+  background: #10b981;
+  color: #fff;
+  border-color: #10b981;
+}
+.hlw-tag--success.hlw-tag--plain[data-v-fd774288] {
+  background: transparent;
+  color: #10b981;
+}
+.hlw-tag--warning[data-v-fd774288] {
+  background: #f59e0b;
+  color: #fff;
+  border-color: #f59e0b;
+}
+.hlw-tag--warning.hlw-tag--plain[data-v-fd774288] {
+  background: transparent;
+  color: #f59e0b;
+}
+.hlw-tag--danger[data-v-fd774288] {
+  background: #ef4444;
+  color: #fff;
+  border-color: #ef4444;
+}
+.hlw-tag--danger.hlw-tag--plain[data-v-fd774288] {
+  background: transparent;
+  color: #ef4444;
+}
+.hlw-tag--info[data-v-fd774288] {
+  background: #64748b;
+  color: #fff;
+  border-color: #64748b;
+}
+.hlw-tag--info.hlw-tag--plain[data-v-fd774288] {
+  background: transparent;
+  color: #64748b;
+}
+.hlw-tag-close[data-v-fd774288] {
+  font-size: 1em;
+  line-height: 1;
+  margin-left: 2rpx;
+  opacity: 0.8;
 }