A modern acrylic glassmorphism Hugo theme
Mirror of https://forgejo.alexma.top/tralume-org/hugo-theme docs.tralume.org
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354.app-content { flex: 1 1 auto; margin: 0 auto; padding: 2.5rem 1.5rem 3rem; max-width: calc(var(--reader-width-max, 80) * 1vw); width: min(100%, calc(var(--reader-width-max, 80) * 1vw)); display: flex; flex-direction: column; gap: 1.5rem;}
.app-content > h1 { font-size: var(--md-sys-typescale-headline-large-size); line-height: var(--md-sys-typescale-headline-large-line-height); margin-bottom: 0.5rem;}
@media (max-width: 48rem) { .app-content { padding: 1.75rem 1rem 2.25rem; gap: 1.25rem; max-width: 100%; width: 100%; }}
.app-terms { display: flex; gap: 0.5rem; padding: 0; margin: 1.5rem 0 0; list-style: none; flex-wrap: wrap;}
.app-terms a { padding: 0.25rem 0.75rem; /* 说明：标签胶囊复用 .app-glass 表面质感，仅覆盖圆角语义。 */ --app-glass-radius: var(--app-radius-pill); color: var(--md-sys-color-on-surface);}
.app-footer { padding: 1.5rem; text-align: center; /* 说明：页脚表面复用 .app-glass；不需要四边框与圆角，仅保留顶部分隔线。 */ --app-glass-radius: 0; border: 0; border-top: 1px solid var(--app-glass-border-color); color: var(--md-sys-color-on-surface); font-size: var(--md-sys-typescale-body-medium-size); line-height: var(--md-sys-typescale-body-medium-line-height);}