54 lines
1.1 KiB
CSS
54 lines
1.1 KiB
CSS
.wrapper {
|
|
position: relative;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
min-height: var(--app-viewport-height, 100dvh);
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* 渐变：accent (bottom-left) → transparent (center-right) */
|
|
.gradientOverlay {
|
|
position: absolute;
|
|
inset: 0;
|
|
background: linear-gradient(
|
|
to top right,
|
|
var(--color-accent),
|
|
transparent 60%
|
|
);
|
|
opacity: 0.5;
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.content {
|
|
position: relative;
|
|
z-index: 2;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
padding:
|
|
calc(var(--page-padding-y, 20px) + var(--app-safe-top, 0px))
|
|
calc(var(--page-padding-x, 26px) + var(--app-safe-right, 0px))
|
|
calc(var(--page-padding-y, 20px) + var(--app-safe-bottom, 0px))
|
|
calc(var(--page-padding-x, 26px) + var(--app-safe-left, 0px));
|
|
}
|
|
|
|
.spacer {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.buttonArea {
|
|
margin-top: var(--page-section-gap-lg, 26px);
|
|
}
|
|
|
|
.bottom {
|
|
margin: var(--page-section-gap-lg, 32px) 0 0 0;
|
|
font-size: var(--responsive-body, var(--font-size-md));
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
color: rgba(255, 255, 255, 0.9);
|
|
text-align: left;
|
|
}
|