wm
b3b58e66fb
- backend: NestJS service with exercise/plan data - miniprogram: WeChat mini program client - exclude node_modules, dist, runtime data-store, local env
89 lines
1.8 KiB
Plaintext
89 lines
1.8 KiB
Plaintext
/* ===== FITCOACH 设计系统：高端暗金奢华主题 ===== */
|
|
page {
|
|
/* 设计令牌 */
|
|
--bg: #0E1110;
|
|
--bg-grad: linear-gradient(160deg, #16201B 0%, #0E1110 55%);
|
|
--surface: #171C19;
|
|
--surface-2: #1F2622;
|
|
--gold: #D9B36C;
|
|
--gold-2: #F0D9A8;
|
|
--gold-soft: rgba(217,179,108,0.12);
|
|
--gold-line: rgba(217,179,108,0.28);
|
|
--teal: #58C9B9;
|
|
--text: #F3F5F2;
|
|
--text-2: #98A39B;
|
|
--text-3: #6B746D;
|
|
--line: rgba(255,255,255,0.07);
|
|
--radius: 28rpx;
|
|
--radius-sm: 18rpx;
|
|
--shadow: 0 12rpx 40rpx rgba(0,0,0,0.35);
|
|
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
font-family: -apple-system, "PingFang SC", "Helvetica Neue", Helvetica, sans-serif;
|
|
font-size: 28rpx;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
view, text, scroll-view, image, input {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* ===== 通用工具类 ===== */
|
|
.eyebrow {
|
|
font-size: 22rpx;
|
|
letter-spacing: 4rpx;
|
|
color: var(--gold);
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.section {
|
|
padding: 40rpx 32rpx;
|
|
}
|
|
.section + .section {
|
|
border-top: 1rpx solid var(--line);
|
|
}
|
|
|
|
.card {
|
|
background: var(--surface);
|
|
border-radius: var(--radius);
|
|
box-shadow: var(--shadow);
|
|
border: 1rpx solid var(--line);
|
|
}
|
|
|
|
.chip {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 10rpx 24rpx;
|
|
border-radius: 999rpx;
|
|
background: var(--surface-2);
|
|
color: var(--text-2);
|
|
font-size: 24rpx;
|
|
border: 1rpx solid var(--line);
|
|
}
|
|
|
|
.gold-text { color: var(--gold); }
|
|
.muted { color: var(--text-2); }
|
|
.row { display: flex; flex-direction: row; align-items: center; }
|
|
.col { display: flex; flex-direction: column; }
|
|
|
|
.empty {
|
|
color: var(--text-3);
|
|
font-size: 26rpx;
|
|
text-align: center;
|
|
padding: 80rpx 0;
|
|
}
|
|
|
|
.tag {
|
|
font-size: 20rpx;
|
|
color: var(--text-2);
|
|
background: var(--surface-2);
|
|
padding: 4rpx 12rpx;
|
|
border-radius: 999rpx;
|
|
}
|
|
.tag--gold {
|
|
color: var(--gold-2);
|
|
background: var(--gold-soft);
|
|
}
|