@liujitcn/kratos-uni-app-core 0.0.81 → 0.0.83

package/src/styles/components.scss

@@ -12,50 +12,16 @@
 .k-glass {
   position: relative;
   overflow: hidden;
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
   border-radius: 26rpx;
   background: var(--kratos-color-surface);
-  box-shadow: inset 0 1rpx 0 rgba(255, 255, 255, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
 }
 .k-glass--lit {
   border-color: var(--kratos-color-border-accent);
   box-shadow: var(--kratos-glow-soft);
 }
 
-/* 四角 L 形角标：渲染为真实 view 节点（weapp 伪元素仅支持 view） */
-.k-cnr {
-  position: absolute;
-  width: 24rpx;
-  height: 24rpx;
-  border: 3rpx solid var(--kratos-color-primary);
-  opacity: 0.5;
-  pointer-events: none;
-}
-.k-cnr--tl {
-  top: 16rpx;
-  left: 16rpx;
-  border-right: 0;
-  border-bottom: 0;
-}
-.k-cnr--tr {
-  top: 16rpx;
-  right: 16rpx;
-  border-left: 0;
-  border-bottom: 0;
-}
-.k-cnr--bl {
-  bottom: 16rpx;
-  left: 16rpx;
-  border-right: 0;
-  border-top: 0;
-}
-.k-cnr--br {
-  bottom: 16rpx;
-  right: 16rpx;
-  border-left: 0;
-  border-top: 0;
-}
-
 /* 装饰网格背景 */
 .k-grid-bg {
   position: absolute;
@@ -105,7 +71,7 @@
   justify-content: space-between;
   gap: 24rpx;
   padding: 28rpx 0;
-  border-top: 1rpx solid var(--kratos-color-border);
+  border-top: 1px solid var(--kratos-color-border);
 }
 .k-field:first-child {
   border-top: 0;
@@ -168,15 +134,15 @@
   height: 76rpx;
 }
 .k-page-nav__back {
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
   border-radius: 24rpx;
   background: var(--kratos-color-surface);
 }
 .k-page-nav__back::before {
   width: 16rpx;
   height: 16rpx;
-  border-left: 2rpx solid var(--kratos-color-primary);
-  border-bottom: 2rpx solid var(--kratos-color-primary);
+  border-left: 2px solid var(--kratos-color-primary);
+  border-bottom: 2px solid var(--kratos-color-primary);
   content: '';
   transform: rotate(45deg);
 }
@@ -186,31 +152,44 @@
   max-width: calc(100% - 190rpx);
   overflow: hidden;
   color: var(--kratos-color-text);
-  font-size: 36rpx;
-  font-weight: 800;
+  font-size: 32rpx;
+  font-weight: 700;
   text-overflow: ellipsis;
   transform: translateX(-50%);
   white-space: nowrap;
 }
 .k-top {
+  position: relative;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  /* 标题绝对居中后，流内子元素（右侧动作按钮）统一靠右排布 */
+  justify-content: flex-end;
   gap: 16rpx;
   /* MP-WEIXIN 原生胶囊避让：页面通过 getMpCapsuleRightGap() 写入该变量，
      其余平台未设置时回退 0，不影响布局。 */
   padding-right: var(--mp-capsule-gap, 0px);
 }
+/* #ifdef MP-WEIXIN */
+/* 双写类名提高优先级：页面级 padding 简写（如 .message-header）不得压掉导航带 */
+.k-top.k-top {
+  /* 小程序右上角是原生胶囊：操作按钮靠左，标题行与胶囊同行（同 k-page-nav 几何） */
+  justify-content: flex-start;
+  height: calc(88rpx + 44px);
+  padding-top: 44px;
+  padding-right: 0;
+}
+/* #endif */
 .k-top__title {
-  font-size: 38rpx;
-  font-weight: 800;
-  letter-spacing: -0.3rpx;
+  position: absolute;
+  left: 50%;
+  max-width: calc(100% - 190rpx);
+  overflow: hidden;
   color: var(--kratos-color-text);
-}
-.k-top__t2 {
   font-size: 32rpx;
   font-weight: 700;
-  color: var(--kratos-color-text);
+  text-overflow: ellipsis;
+  transform: translateX(-50%);
+  white-space: nowrap;
 }
 
 /* 方形图标按钮 + 角标 */
@@ -223,7 +202,7 @@
   height: 76rpx;
   border-radius: 24rpx;
   background: var(--kratos-color-surface);
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-text);
 }
 .k-ic--gh {
@@ -254,7 +233,7 @@
   justify-content: space-between;
   gap: 28rpx;
   padding: 26rpx 0;
-  border-top: 1rpx solid var(--kratos-color-border);
+  border-top: 1px solid var(--kratos-color-border);
 }
 .k-kv:first-child {
   border-top: 0;
@@ -281,7 +260,7 @@
   padding: 8rpx 20rpx;
   border-radius: 999rpx;
   background: var(--kratos-color-primary-soft-2);
-  border: 1rpx solid var(--kratos-color-border-accent);
+  border: 1px solid var(--kratos-color-border-accent);
   color: var(--kratos-color-primary);
   font-size: 20rpx;
   font-family: var(--kratos-font-mono);
@@ -294,7 +273,7 @@
   padding: 6rpx;
   border-radius: 22rpx;
   background: var(--kratos-color-track);
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
 }
 .k-pills__item {
   padding: 12rpx 24rpx;
@@ -311,12 +290,20 @@
   box-shadow: var(--kratos-glow-soft);
 }
 
-/* 过滤芯片 */
+/* 过滤芯片：单行横向滚动，超出隐藏滚动条 */
 .k-chips {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 16rpx;
   margin-bottom: 24rpx;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+.k-chips::-webkit-scrollbar {
+  display: none;
+}
+.k-chips .k-ch {
+  flex: 0 0 auto;
 }
 .k-ch {
   display: inline-flex;
@@ -325,7 +312,7 @@
   padding: 14rpx 24rpx;
   border-radius: 999rpx;
   background: var(--kratos-color-surface);
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-text-muted);
   font-size: 22rpx;
   font-family: var(--kratos-font-mono);
@@ -355,7 +342,7 @@
   padding: 12rpx 24rpx;
   border-radius: 999rpx;
   background: var(--kratos-color-surface);
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-text-muted);
   font-size: 22rpx;
   font-family: var(--kratos-font-mono);
@@ -382,7 +369,7 @@
   right: -12rpx;
   bottom: -12rpx;
   left: -12rpx;
-  border: 1rpx solid var(--kratos-color-border-accent);
+  border: 1px solid var(--kratos-color-border-accent);
   border-radius: 38rpx;
   opacity: 0.55;
 }
@@ -408,7 +395,7 @@
   margin-top: 24rpx;
   border-radius: 20rpx;
   background: var(--kratos-color-surface);
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
 }
 .k-lg-field__input {
   flex: 1;
@@ -430,7 +417,7 @@
   align-items: center;
   justify-content: center;
   background: var(--kratos-color-primary-soft-2);
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-primary);
   font-family: var(--kratos-font-mono);
   font-size: 34rpx;
@@ -442,6 +429,8 @@
   align-items: center;
   justify-content: center;
   gap: 16rpx;
+  /* 各端 H5 原生 button 默认宽度不一，显式通栏保证双端一致 */
+  width: 100%;
   height: 100rpx;
   margin-top: 36rpx;
   border-radius: 20rpx;
@@ -455,7 +444,7 @@
 }
 .k-lg-btn--wx {
   background: var(--kratos-color-surface);
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-text);
   font-weight: 700;
 }
@@ -472,7 +461,7 @@
 .k-lg-or::after {
   content: '';
   flex: 1;
-  height: 1rpx;
+  height: 1px;
   background: var(--kratos-color-border);
 }
 .k-lg-agree {
@@ -543,7 +532,7 @@
   padding: 14rpx 22rpx;
   border-radius: 999rpx;
   background: var(--kratos-color-primary-soft);
-  border: 1rpx solid var(--kratos-color-border-accent);
+  border: 1px solid var(--kratos-color-border-accent);
   color: var(--kratos-color-primary);
   font-size: 22rpx;
   font-family: var(--kratos-font-mono);
@@ -555,7 +544,7 @@
   padding: 30rpx;
   border-radius: 24rpx;
   background: linear-gradient(135deg, var(--kratos-color-primary-soft-2), var(--kratos-color-primary-soft));
-  border: 1rpx solid var(--kratos-color-border-accent);
+  border: 1px solid var(--kratos-color-border-accent);
 }
 .k-aix__ic {
   flex-shrink: 0;
@@ -586,7 +575,7 @@
   padding: 14rpx 24rpx;
   border-radius: 999rpx;
   background: var(--kratos-color-primary-soft-2);
-  border: 1rpx solid var(--kratos-color-border-accent);
+  border: 1px solid var(--kratos-color-border-accent);
   color: var(--kratos-color-primary);
   font-size: 22rpx;
   font-family: var(--kratos-font-mono);
@@ -610,7 +599,7 @@
   width: 92rpx;
   height: 92rpx;
   border-radius: 20rpx;
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-primary);
   background: var(--kratos-color-primary-soft);
 }
@@ -639,7 +628,7 @@
   margin-bottom: 20rpx;
   border-radius: 20rpx;
   background: var(--kratos-color-surface);
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
 }
 .k-set-row--arrow::after {
   content: '';
@@ -664,7 +653,7 @@
   width: 76rpx;
   height: 76rpx;
   border-radius: 22rpx;
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-primary);
 }
 .k-set-row__title {
@@ -690,7 +679,7 @@
   border-radius: 20rpx;
   color: var(--kratos-color-danger);
   background: var(--kratos-color-danger-soft);
-  border: 1rpx solid var(--kratos-color-danger);
+  border: 1px solid var(--kratos-color-danger);
   font-size: 30rpx;
   font-weight: 700;
 }
@@ -709,7 +698,7 @@
   padding: 26rpx 28rpx;
   border-radius: 20rpx;
   background: var(--kratos-color-surface);
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
 }
 .k-msg-item--unread::before {
   content: '';
@@ -734,20 +723,35 @@
   width: 76rpx;
   height: 76rpx;
   border-radius: 22rpx;
-  border: 1rpx solid var(--kratos-color-border);
+  border: 1px solid var(--kratos-color-border);
   color: var(--kratos-color-primary);
   background: var(--kratos-color-primary-soft);
 }
 .k-msg-item__title {
+  display: -webkit-box;
+  overflow: hidden;
   font-size: 25rpx;
   font-weight: 700;
   color: var(--kratos-color-text);
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-break: break-word;
 }
-.k-msg-item__meta {
+.k-msg-item__foot {
+  display: flex;
+  align-items: center;
+  gap: 24rpx;
   margin-top: 10rpx;
+}
+.k-msg-item__meta {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
   font-size: 20rpx;
   color: var(--kratos-color-text-muted);
   font-family: var(--kratos-font-mono);
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .k-msg-item__time {
   flex-shrink: 0;
@@ -761,10 +765,55 @@
   gap: 36rpx;
   margin-top: 22rpx;
   padding-top: 22rpx;
-  border-top: 1rpx solid var(--kratos-color-border);
+  border-top: 1px solid var(--kratos-color-border);
 }
 .k-msg-item__action {
   font-size: 22rpx;
   color: var(--kratos-color-primary);
   font-family: var(--kratos-font-mono);
 }
+
+/* ============================================================
+ * 标准空态词汇（列表无数据时统一使用）
+ * ============================================================ */
+.k-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 140rpx 32rpx;
+}
+.k-empty__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 112rpx;
+  height: 112rpx;
+  border-radius: 26rpx;
+  border: 1px solid var(--kratos-color-border-accent);
+  background: var(--kratos-color-primary-soft-2);
+  color: var(--kratos-color-primary);
+  box-shadow: var(--kratos-glow-soft);
+}
+.k-empty__title {
+  margin-top: 28rpx;
+  color: var(--kratos-color-text);
+  font-size: 27rpx;
+  font-weight: 700;
+}
+.k-empty__desc {
+  margin-top: 12rpx;
+  color: var(--kratos-color-text-muted);
+  font-size: 22rpx;
+  font-family: var(--kratos-font-mono);
+  text-align: center;
+}
+.k-empty__act {
+  margin-top: 32rpx;
+  padding: 16rpx 40rpx;
+  border-radius: 999rpx;
+  border: 1px solid var(--kratos-color-border-accent);
+  background: var(--kratos-color-primary-soft-2);
+  color: var(--kratos-color-primary);
+  font-size: 24rpx;
+  font-family: var(--kratos-font-mono);
+}

package/src/utils/http.ts

@@ -398,8 +398,15 @@ async function refreshAccessToken() {
   setTokenExpiresIn(expires_in)
 }
 
+/** 会话过期弹窗等待时长：H5 端路由切换会卸载弹窗且 Promise 永不结算，超时释放避免提示永久卡死。 */
+const RELOGIN_PROMPT_TIMEOUT = 60_000
+
 /** 业务页提示重新登录；登录页只清理残留登录态，避免后台请求触发循环弹窗。 */
 async function promptRelogin() {
+  // 401 来自旧会话的在途请求而当前已是有效登录态时直接忽略，避免刚登录成功被弹窗打断。
+  if (hasValidToken()) {
+    return
+  }
   const pages = getCurrentPages()
   if (pages[pages.length - 1]?.route === 'pages/login/login') {
     if (getToken() || getRefreshToken() || uni.getStorageSync('user')) {
@@ -412,14 +419,22 @@ async function promptRelogin() {
   }
   isPromptingRelogin = true
   try {
-    const modalRes = await uni.showModal({
-      title: t('common.title.notice'),
-      content: t('core.auth.session_expired'),
-      showCancel: false,
-      confirmText: t('core.auth.login_again'),
-    })
+    const modalRes = await Promise.race([
+      // 按钮文案复用通用确认键：平台对 confirmText 限制 4 个汉字/8 字符，长文案会被整体拒绝。
+      uni
+        .showModal({
+          title: t('common.title.notice'),
+          content: t('core.auth.session_expired'),
+          showCancel: false,
+          confirmText: t('common.action.confirm'),
+        })
+        .catch(() => ({ confirm: false })),
+      new Promise<{ confirm: boolean }>((resolve) =>
+        setTimeout(() => resolve({ confirm: false }), RELOGIN_PROMPT_TIMEOUT),
+      ),
+    ])
 
-    if (!modalRes.confirm) {
+    if (!modalRes?.confirm) {
       return
     }
 
@@ -452,15 +467,16 @@ function silentClearAuthData() {
   uni.$emit(AUTH_SILENT_LOGOUT_EVENT)
 }
 
+/** 清理失效认证并进入携带本次业务回跳标记的登录页。 */
 async function clearUserData() {
   clearToken()
   uni.removeStorageSync('user')
   saveCurrentRoute()
   // token 失效时直接重启页面栈，避免小程序历史页残留。
   uni.reLaunch({
-    url: '/pages/login/login',
+    url: '/pages/login/login?redirect=1',
     fail: () => {
-      uni.redirectTo({ url: '/pages/login/login' })
+      uni.redirectTo({ url: '/pages/login/login?redirect=1' })
     },
   })
 }

package/src/utils/navigation.ts

@@ -1,7 +1,11 @@
+import { hasValidToken } from './auth'
+
 /** 登录前暂存的目标路由。 */
 const LAST_ROUTE_KEY = 'lastRoute'
 /** 登录页路径。 */
 const LOGIN_PAGE = '/pages/login/login'
+/** 携带本次回跳标记的登录入口。 */
+const LOGIN_REDIRECT_PAGE = `${LOGIN_PAGE}?redirect=1`
 /** 首页 tab 页面路径。 */
 export const homeTabPage = '/pages/index/index'
 
@@ -47,7 +51,6 @@ const getCurrentRouteUrl = () => {
 export const saveCurrentRoute = () => {
   const currentRoute = getCurrentRouteUrl()
   if (!currentRoute || currentRoute.startsWith(LOGIN_PAGE)) {
-    uni.removeStorageSync(LAST_ROUTE_KEY)
     return
   }
   uni.setStorageSync(LAST_ROUTE_KEY, currentRoute)
@@ -61,6 +64,34 @@ export const saveLoginRedirectUrl = (url: string) => {
   }
 }
 
+/** prepareLoginPage 清理直接访问的旧目标，已登录时替换回首页。 */
+export const prepareLoginPage = (redirect?: string): boolean => {
+  if (redirect !== '1') uni.removeStorageSync(LAST_ROUTE_KEY)
+  if (!hasValidToken()) return true
+  void returnFromLogin()
+  return false
+}
+
+/** returnFromLogin 结束本次登录入口并替换到首页，避免返回受保护页面。 */
+export const returnFromLogin = async (): Promise<void> => {
+  uni.removeStorageSync(LAST_ROUTE_KEY)
+  uni.setStorageSync('SwitchTabIndex', true)
+  await uni.reLaunch({ url: homeTabPage })
+}
+
+/** restoreLoginRedirect 替换到本次访问目标，跳转成功后才清理保存的地址。 */
+export const restoreLoginRedirect = async (): Promise<void> => {
+  const savedRoute = uni.getStorageSync(LAST_ROUTE_KEY) || ''
+  const normalizedRoute = `/${savedRoute.replace(/^\/+/, '')}`
+  const targetRoute =
+    savedRoute && !normalizedRoute.startsWith(LOGIN_PAGE) ? normalizedRoute : homeTabPage
+  if (targetRoute.startsWith(homeTabPage)) uni.setStorageSync('SwitchTabIndex', true)
+  await uni.reLaunch({ url: targetRoute })
+  if (savedRoute && uni.getStorageSync(LAST_ROUTE_KEY) === savedRoute) {
+    uni.removeStorageSync(LAST_ROUTE_KEY)
+  }
+}
+
 /** 跳转到登录页，并在跳转前记录当前页面。 */
 export const navigateToLogin = (redirectUrl?: string) => {
   // 模板直接绑定时会传入点击事件对象，只有字符串才是明确的回跳地址。
@@ -70,9 +101,9 @@ export const navigateToLogin = (redirectUrl?: string) => {
     saveCurrentRoute()
   }
   uni.navigateTo({
-    url: LOGIN_PAGE,
+    url: LOGIN_REDIRECT_PAGE,
     fail: () => {
-      uni.reLaunch({ url: LOGIN_PAGE })
+      uni.reLaunch({ url: LOGIN_REDIRECT_PAGE })
     },
   })
 }
@@ -86,9 +117,9 @@ export const redirectToLogin = (redirectUrl?: string) => {
     saveCurrentRoute()
   }
   uni.redirectTo({
-    url: LOGIN_PAGE,
+    url: LOGIN_REDIRECT_PAGE,
     fail: () => {
-      uni.reLaunch({ url: LOGIN_PAGE })
+      uni.reLaunch({ url: LOGIN_REDIRECT_PAGE })
     },
   })
 }

package/src/views/pages/index/index.vue

@@ -9,7 +9,7 @@ import { useI18n } from '../../../locales'
 const settingStore = useSettingStore()
 const themeStore = useThemeStore()
 const { t } = useI18n()
-const mainTitle = computed(() => settingStore.getData('mainTitle') || t('core.home.main_title'))
+const mainTitle = computed(() => t('core.navigation.home'))
 const subTitle = computed(() => settingStore.getData('subTitle') || t('core.home.sub_title'))
 const configuredAppLogo = computed(() => {
   const configuredLogo = settingStore.getData('appLogo')
@@ -46,10 +46,6 @@ onLoad(() => {
       </view>
 
       <view class="k-glass k-glass--lit home-hero">
-        <view class="k-cnr k-cnr--tl" aria-hidden="true"></view>
-        <view class="k-cnr k-cnr--tr" aria-hidden="true"></view>
-        <view class="k-cnr k-cnr--bl" aria-hidden="true"></view>
-        <view class="k-cnr k-cnr--br" aria-hidden="true"></view>
         <view class="home-hero__main">
           <image class="home-logo" :src="appLogo" mode="aspectFit" @error="handleLogoError" />
           <view class="home-hero__copy">
@@ -102,8 +98,15 @@ onLoad(() => {
           <view class="home-demo-item">
             <view class="home-demo-dot">3</view>
             <view class="home-demo-copy">
-              <text class="home-demo-title">{{ t('core.home.static_home') }}</text>
-              <text class="home-demo-desc">{{ t('core.home.static_home_description') }}</text>
+              <text class="home-demo-title">{{ t('core.home.message_center') }}</text>
+              <text class="home-demo-desc">{{ t('core.home.message_center_description') }}</text>
+            </view>
+          </view>
+          <view class="home-demo-item">
+            <view class="home-demo-dot">4</view>
+            <view class="home-demo-copy">
+              <text class="home-demo-title">{{ t('core.home.dynamic_config') }}</text>
+              <text class="home-demo-desc">{{ t('core.home.dynamic_config_description') }}</text>
             </view>
           </view>
         </view>
@@ -126,21 +129,38 @@ onLoad(() => {
   padding: calc(env(safe-area-inset-top) + 20rpx) 32rpx 220rpx;
 
   /* #ifdef MP-WEIXIN */
-  padding-top: calc(44px + 24rpx);
+  /* 首页标题在小程序端占导航带，页面不再额外让出顶部空间 */
+  padding-top: 0;
   /* #endif */
 }
 
+/* 小程序端首页标题占导航带：与 k-page-nav 同几何，标题与胶囊同行 */
+/* #ifdef MP-WEIXIN */
+.home-top {
+  box-sizing: border-box;
+  height: calc(88rpx + 44px);
+  padding: 44px 4rpx 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.home-top__title {
+  margin-top: 0;
+}
+/* #endif */
+
 .home-top {
   padding: 8rpx 4rpx 24rpx;
 }
 
-/* 页面大标题 */
+/* 页面大标题：与其他页面导航标题同规格，向原生导航栏看齐 */
 .home-top__title {
   margin-top: 14rpx;
   color: var(--kratos-color-text);
-  font-size: 44rpx;
-  font-weight: 800;
-  letter-spacing: -0.5rpx;
+  font-size: 32rpx;
+  font-weight: 700;
+  text-align: center;
 }
 
 .home-hero {
@@ -158,7 +178,7 @@ onLoad(() => {
   width: 104rpx;
   height: 104rpx;
   border-radius: 26rpx;
-  border: 1rpx solid var(--kratos-color-border-accent);
+  border: 1px solid var(--kratos-color-border-accent);
   background: var(--kratos-color-surface-2);
 }
 
@@ -198,7 +218,7 @@ onLoad(() => {
   display: flex;
   align-items: flex-start;
   padding: 28rpx 0;
-  border-top: 1rpx solid var(--kratos-color-border);
+  border-top: 1px solid var(--kratos-color-border);
 
   &:first-child {
     border-top: 0;
@@ -211,7 +231,7 @@ onLoad(() => {
   height: 48rpx;
   border-radius: 14rpx;
   background: var(--kratos-color-primary-soft);
-  border: 1rpx solid var(--kratos-color-primary-edge);
+  border: 1px solid var(--kratos-color-primary-edge);
   color: var(--kratos-color-primary);
   font-size: 24rpx;
   font-family: var(--kratos-font-mono);