page {
  min-height: 100%;
  background: #0b1020;
  color: #101828;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* #ifdef H5 */
body {
  margin: 0;
  background: #070b16;
}

#app {
  min-height: 100vh;
  max-width: 430px;
  margin: 0 auto;
  background: #0b1020;
  box-shadow: 0 0 80rpx rgba(0, 0, 0, 0.32);
}
/* #endif */

view,
text,
button,
input,
textarea,
scroll-view {
  box-sizing: border-box;
}

button {
  margin: 0;
  padding: 0;
  line-height: 1;
  border-radius: 0;
  background: transparent;
}

button::after {
  border: 0;
}

.page {
  min-height: 100vh;
  padding: 28rpx;
  background:
    linear-gradient(180deg, #0b1020 0%, #111a2e 430rpx, #f5f7fb 431rpx, #f5f7fb 100%);
}

.page-title {
  display: block;
  color: #ffffff;
  font-size: 44rpx;
  font-weight: 860;
  line-height: 1.18;
  letter-spacing: 0;
}

.page-subtitle {
  display: block;
  margin-top: 14rpx;
  color: rgba(255, 255, 255, 0.72);
  font-size: 26rpx;
  line-height: 1.65;
}

.panel {
  border: 1rpx solid rgba(217, 224, 239, 0.94);
  border-radius: 24rpx;
  background: #ffffff;
  box-shadow: 0 18rpx 46rpx rgba(16, 24, 40, 0.08);
}

.glass-panel {
  border: 1rpx solid rgba(255, 255, 255, 0.18);
  border-radius: 28rpx;
  background: rgba(255, 255, 255, 0.11);
}

.primary-button,
.secondary-button,
.ghost-button {
  min-height: 88rpx;
  border-radius: 18rpx;
  font-size: 29rpx;
  font-weight: 760;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.primary-button {
  background: linear-gradient(135deg, #5b5cf6, #1ea7ff);
  color: #ffffff;
  box-shadow: 0 16rpx 36rpx rgba(79, 70, 229, 0.26);
}

.secondary-button {
  border: 1rpx solid #d9deea;
  color: #252b37;
  background: #ffffff;
}

.ghost-button {
  color: #5b5cf6;
}

.primary-button[disabled],
.secondary-button[disabled],
.ghost-button[disabled],
.disabled {
  opacity: 0.56;
}

.field-label {
  display: block;
  margin-bottom: 14rpx;
  color: #344054;
  font-size: 26rpx;
  font-weight: 760;
}

.field-input,
.field-textarea {
  width: 100%;
  border: 1rpx solid #d9deea;
  border-radius: 18rpx;
  background: #ffffff;
  color: #101828;
  font-size: 29rpx;
}

.field-input {
  height: 92rpx;
  min-height: 92rpx;
  padding: 0 26rpx;
  display: block;
  position: relative;
  z-index: 1;
  line-height: 92rpx;
}

.field-textarea {
  min-height: 210rpx;
  padding: 24rpx 26rpx;
  line-height: 1.58;
}

.muted {
  color: #667085;
}

.section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20rpx;
}

.section-head__title {
  color: #141923;
  font-size: 32rpx;
  font-weight: 820;
}

.section-head__action {
  min-height: 64rpx;
  padding: 0 20rpx;
  border-radius: 999rpx;
  color: #5b5cf6;
  font-size: 25rpx;
  font-weight: 760;
}

.empty {
  padding: 42rpx;
}

.empty__title {
  display: block;
  color: #182230;
  font-size: 31rpx;
  font-weight: 820;
}

.empty__desc {
  display: block;
  margin-top: 12rpx;
  color: #667085;
  font-size: 25rpx;
  line-height: 1.56;
}

.status-pill {
  min-height: 44rpx;
  padding: 0 16rpx;
  border-radius: 999rpx;
  font-size: 22rpx;
  font-weight: 760;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.status-running {
  color: #075985;
  background: #e0f2fe;
}

.status-done {
  color: #166534;
  background: #dcfce7;
}

.status-failed {
  color: #991b1b;
  background: #fee2e2;
}

.status-paused,
.status-pending {
  color: #8a4b00;
  background: #fff3c4;
}
