kd-aiot-frontend-hr-H5/src/styles/global.scss

page {
  min-height: 100%;
  background: #f5f6f7;
  color: #1f2329;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 28rpx;
}

:root, page {
  --theme-color: #1677ff;
  --page-bg: #f5f6f7;
  --border-color: #e3e5e5;
  --tabbar-color: #908f8f;
}

view, text, input, textarea, button, scroll-view { box-sizing: border-box; }
button { margin: 0; padding: 0; border: 0; background: none; line-height: normal; }
button::after { border: 0; }

.page { min-height: 100vh; background: #f5f6f7; padding-bottom: calc(120rpx + env(safe-area-inset-bottom)); }
.page-no-tab { min-height: 100vh; background: #f5f6f7; padding-bottom: calc(40rpx + env(safe-area-inset-bottom)); }
.card { background: #fff; border-radius: 20rpx; }
.section { margin: 24rpx; }
.section-title {
  display: flex; align-items: center; justify-content: space-between;
  margin: 34rpx 24rpx 18rpx; font-size: 32rpx; font-weight: 600;
}
.section-more { color: #8b939f; font-size: 26rpx; font-weight: 400; }
.divider { height: 1rpx; background: #edf0f2; margin-left: 30rpx; }
.muted { color: #8b939f; }
.primary { color: #1677ff; }
.success { color: #07c160; }
.warning { color: #f59a23; }
.danger { color: #ee4d4d; }
.status-tag { display: inline-flex; padding: 6rpx 14rpx; border-radius: 999rpx; font-size: 22rpx; }
.status-pending { color: #d9780b; background: #fff5e7; }
.status-approved { color: #07893f; background: #eaf8ef; }
.status-rejected { color: #d73a49; background: #fff0f0; }
.primary-btn {
  height: 92rpx; border-radius: 12rpx; background: #1677ff; color: #fff;
  display: flex; align-items: center; justify-content: center; font-size: 32rpx; font-weight: 500;
}
.ghost-btn {
  height: 86rpx; border-radius: 12rpx; border: 1rpx solid #d8dce2; background: #fff; color: #4b5563;
  display: flex; align-items: center; justify-content: center; font-size: 30rpx;
}
.safe-bottom { padding-bottom: env(safe-area-inset-bottom); }
.avatar {
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  border-radius: 12rpx; background: linear-gradient(145deg, #64a9ff, #1677ff); color: #fff; font-weight: 600;
}
.press:active { opacity: .7; }

@media (min-width: 800px) {
  #app { max-width: 520px; margin: 0 auto; box-shadow: 0 0 30px rgba(15, 23, 42, .08); min-height: 100vh; }
}