A modern acrylic glassmorphism Hugo theme
Mirror of https://forgejo.alexma.top/tralume-org/hugo-theme docs.tralume.org
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798/* 说明：文章信息卡片（Article Info）的布局样式。 * 作用：为 `layouts/partials/article-info.html` 输出的结构提供间距与文字层级。 * 注意：表面质感由 `.article__surface app-glass app-card` 组合提供，这里不重复声明亚克力表面。 */
/* 说明：文章信息卡片直接复用 article__surface 的亚克力样式，这里仅保留布局弹性。 */.article__info { flex: 1 1 auto;}
.article-info-card { display: flex; flex-direction: column; gap: 0.6rem;}
.article-info-card__heading { margin: 0; font-size: var(--md-sys-typescale-title-medium-size); line-height: var(--md-sys-typescale-title-medium-line-height); font-weight: 700; color: var(--md-sys-color-on-surface);}
.article-info-card__section { display: flex; flex-direction: column; gap: 0.25rem; border-top: 1px solid var(--app-glass-border-color); padding-top: 0.6rem;}
.article-info-card__section:first-child { border-top: 0; padding-top: 0;}
.article-info-card__section-label { margin: 0; font-size: var(--md-sys-typescale-title-small-size); line-height: var(--md-sys-typescale-title-small-line-height); font-weight: 400; color: var(--md-sys-color-on-surface);}
.article-info-card__section-text { margin: 0; color: var(--md-sys-color-on-surface-variant); font-size: var(--md-sys-typescale-body-small-size); line-height: var(--md-sys-typescale-body-small-line-height);}
.article-info-card__section-text--permalink { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.2rem;}
.article-info-card__link { /* 说明：信息卡片内的超链接（许可证/永久链接）统一使用淡色，避免抢夺主色按钮与正文强调色。 */ color: inherit; text-decoration: none; text-underline-offset: 0.18em;}
.article-info-card__link:hover,.article-info-card__link:focus-visible { text-decoration: underline;}
.article-info-card__link--permalink { overflow-wrap: anywhere; word-break: break-word; }
.article-info-card__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-start; padding-top: 0.75rem; border-top: 1px solid var(--app-glass-border-color); }
.article-info-card__button { font-weight: 700; --app-button-padding-block: 0.65rem; --app-button-padding-inline: 1.05rem; }
.article-info-card__button.is-copied { /* 说明：复制成功状态提示，沿用主色强调但保持按钮布局不跳动。 */ border-color: var(--md-sys-color-primary); background-color: color-mix(in srgb, var(--md-sys-color-primary) 10%, transparent); color: var(--app-text-accent-color); }