.umami-block-notice { position: fixed; inset-inline: 0.75rem; inset-block-end: 0.75rem; width: fit-content; max-width: min(36rem, calc(100% - 1.5rem)); padding: 1rem 1.25rem; /* 说明:提示条表面复用 .app-glass/.app-card;这里仅覆盖圆角与阴影层级。 */ --app-glass-radius: var(--app-radius-section); --app-card-shadow: var(--md-sys-elevation-level3); color: var(--md-sys-color-on-surface); display: flex; flex-direction: column; align-items: stretch; gap: 0.75rem; opacity: 0; visibility: hidden; transform: none; transition: none; z-index: 260; } .umami-block-notice.is-active { opacity: 1; visibility: visible; transform: none; } .umami-block-notice__text { flex: 1 1 auto; max-width: 22rem; font-size: var(--md-sys-typescale-body-medium-size); line-height: var(--md-sys-typescale-body-medium-line-height); } .umami-block-notice__actions { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; justify-content: flex-start; } .umami-block-notice__button { --app-button-padding-block: 0.5rem; --app-button-padding-inline: 0.9rem; } .umami-block-dialog { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; padding: 1.5rem; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease; z-index: 270; } .umami-block-dialog.is-active { opacity: 1; visibility: visible; pointer-events: auto; } .umami-block-dialog__backdrop { position: absolute; inset: 0; } .umami-block-dialog__panel { position: relative; min-width: min(32rem, 92vw); min-height: 10rem; padding: 1.5rem; /* 说明:弹窗面板表面复用 .app-glass/.app-card;这里仅覆盖圆角与阴影层级。 */ --app-glass-radius: var(--app-radius-panel); --app-card-shadow: var(--md-sys-elevation-level4); display: flex; flex-direction: column; align-items: stretch; gap: 1rem; } .umami-block-dialog__content { display: flex; flex-direction: column; gap: 0.65rem; flex: 1 1 auto; 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); } .umami-block-dialog__paragraph { margin: 0; } .umami-block-dialog__list { margin: 0.25rem 0 0.5rem; padding-inline-start: 1.25rem; display: flex; flex-direction: column; gap: 0.35rem; } .umami-block-dialog__list a { color: var(--app-text-accent-color); font-weight: 600; text-decoration: none; } .umami-block-dialog__list a:hover, .umami-block-dialog__list a:focus-visible { text-decoration: underline; } .umami-block-dialog__close { margin-top: auto; align-self: center; --app-button-padding-block: 0.65rem; --app-button-padding-inline: 1.4rem; }