AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
||
第39行: | 第39行: | ||
.mp-header-footer { | .mp-header-footer { | ||
display: flex; | display: flex; | ||
gap: | gap: 10rem; | ||
justify-content: space-between; | justify-content: space-between; | ||
margin-top: 3rem; | margin-top: 3rem; | ||
align-items: center; | |||
} | } | ||
第81行: | 第82行: | ||
font-size: 14px; | font-size: 14px; | ||
text-align: right; | text-align: right; | ||
color: var(--color-base--subtle); | |||
} | } |
2023年9月27日 (三) 01:23的版本
.home-card { position: relative; padding: var(--space-md); background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575); font-size: 0.875rem; } .mp-header { border-radius: 20px; } .mp-header-title__subtitle { color: var(--color-base--subtle); font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: var(--space-xs); } .mp-header-title__slogan { background: linear-gradient(45deg, #148a86, #f0ab10 45%); text-align: left; font-size: 3rem; font-weight: bold; margin-bottom: -6px; } .mp-header-title__desc { text-align: left; font-weight: bold; font-size: 18px; letter-spacing: 1px; color: var(--color-base--emphasized); } .mp-header-footer { display: flex; gap: 10rem; justify-content: space-between; margin-top: 3rem; align-items: center; } .mp-header-editcounts { display: flex; } .mp-header-editcounts-div { text-align: left; display: flex; flex-direction: column; justify-content: space-between; padding: 0 10px; } .mp-header-editcounts-div + .mp-header-editcounts-div { border-left: 1px solid var(--border-color-base); } .mp-header-editcounts-div__desc { color: var(--color-base--subtle); letter-spacing: 0.05em; white-space: nowrap; font-size: 12px; } .mp-header-editcounts__counts { color: var(--color-base--emphasized); font-weight: 500; font-size: 28px; white-space: nowrap; } .mp-header-editcounts__counts a { color: var(--color-base--emphasized); } .mp-header-intro { font-size: 14px; text-align: right; color: var(--color-base--subtle); }