30 lines
2.5 KiB
Plaintext
30 lines
2.5 KiB
Plaintext
page { background: #000; color: #fff; }
|
|
.page { min-height: 100vh; padding-bottom: 80rpx; box-sizing: border-box; }
|
|
.nav-placeholder { width: 100%; }
|
|
.header { display: flex; align-items: center; padding: 24rpx 32rpx; border-bottom: 2rpx solid rgba(255,255,255,0.05); }
|
|
.nav-back { font-size: 32rpx; color: #00CED1; margin-right: 24rpx; }
|
|
.header-title { flex: 1; text-align: center; font-size: 34rpx; color: #00CED1; }
|
|
|
|
.stats-card { display: grid; grid-template-columns: 1fr 1fr; gap: 24rpx; margin: 32rpx; padding: 32rpx; border-radius: 24rpx; background: #1c1c1e; border: 2rpx solid rgba(255,255,255,0.05); }
|
|
.stat-item { text-align: center; }
|
|
.stat-value { font-size: 56rpx; font-weight: 700; color: #fff; display: block; }
|
|
.stat-value.brand { color: #00CED1; }
|
|
.stat-label { font-size: 24rpx; color: rgba(255,255,255,0.4); }
|
|
|
|
.fullbook-card { margin: 32rpx; padding: 48rpx; border-radius: 24rpx; background: linear-gradient(90deg, rgba(0,206,209,0.15) 0%, #1c1c1e 100%); border: 2rpx solid rgba(0,206,209,0.3); text-align: center; }
|
|
.fullbook-icon { width: 96rpx; height: 96rpx; border-radius: 50%; background: #00CED1; color: #000; font-size: 48rpx; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 24rpx; display: block; line-height: 96rpx; text-align: center; }
|
|
.fullbook-title { font-size: 36rpx; font-weight: 600; color: #fff; display: block; margin-bottom: 16rpx; }
|
|
.fullbook-desc { font-size: 28rpx; color: rgba(255,255,255,0.5); }
|
|
|
|
.empty-wrap { padding: 80rpx 48rpx; text-align: center; }
|
|
.empty-icon { font-size: 96rpx; display: block; margin-bottom: 24rpx; opacity: 0.5; }
|
|
.empty-desc { font-size: 28rpx; color: rgba(255,255,255,0.5); display: block; margin-bottom: 32rpx; }
|
|
.btn-primary { display: inline-block; padding: 24rpx 64rpx; border-radius: 48rpx; background: linear-gradient(135deg, #00CED1 0%, #20B2AA 100%); color: #000; font-size: 30rpx; font-weight: 600; }
|
|
|
|
.section-header { font-size: 24rpx; color: rgba(255,255,255,0.4); margin: 0 32rpx 24rpx; }
|
|
.section-list { padding: 0 32rpx; }
|
|
.section-row { display: flex; align-items: center; gap: 24rpx; padding: 28rpx 24rpx; border-radius: 16rpx; background: #1c1c1e; border: 2rpx solid rgba(255,255,255,0.05); margin-bottom: 16rpx; }
|
|
.section-check { font-size: 28rpx; color: #00CED1; flex-shrink: 0; }
|
|
.section-id { font-size: 24rpx; color: rgba(255,255,255,0.5); font-family: monospace; flex-shrink: 0; width: 80rpx; }
|
|
.section-title { flex: 1; font-size: 28rpx; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|