168 lines
3.5 KiB
Plaintext
168 lines
3.5 KiB
Plaintext
page {
|
|
--ink: #30251c;
|
|
--muted: #745f48;
|
|
--paper: #f3e5bd;
|
|
--paper-deep: #dfc995;
|
|
--cinnabar: #9f3028;
|
|
--cinnabar-dark: #6f201b;
|
|
--jade: #275f4e;
|
|
--jade-soft: #d7e4d5;
|
|
--danger-soft: #ead2c7;
|
|
--night: #211812;
|
|
min-height: 100%;
|
|
color: var(--ink);
|
|
background: var(--night);
|
|
font-family: "Songti SC", "STSong", "Noto Serif CJK SC", serif;
|
|
}
|
|
|
|
view,
|
|
text,
|
|
button,
|
|
image,
|
|
scroll-view {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
button {
|
|
margin: 0;
|
|
padding: 0;
|
|
color: inherit;
|
|
background: none;
|
|
border: 0;
|
|
border-radius: 0;
|
|
font: inherit;
|
|
line-height: inherit;
|
|
}
|
|
|
|
button::after {
|
|
border: 0;
|
|
}
|
|
|
|
.safe-shell {
|
|
width: 100vw;
|
|
min-height: 100vh;
|
|
padding:
|
|
calc(24rpx + constant(safe-area-inset-top))
|
|
calc(34rpx + constant(safe-area-inset-right))
|
|
calc(24rpx + constant(safe-area-inset-bottom))
|
|
calc(34rpx + constant(safe-area-inset-left));
|
|
padding:
|
|
calc(24rpx + env(safe-area-inset-top))
|
|
calc(34rpx + env(safe-area-inset-right))
|
|
calc(24rpx + env(safe-area-inset-bottom))
|
|
calc(34rpx + env(safe-area-inset-left));
|
|
background:
|
|
linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 30%),
|
|
#211812;
|
|
}
|
|
|
|
.paper-panel {
|
|
color: var(--ink);
|
|
background:
|
|
repeating-linear-gradient(0deg, rgba(85, 54, 31, 0.025) 0, rgba(85, 54, 31, 0.025) 1px, transparent 1px, transparent 6px),
|
|
var(--paper);
|
|
border: 2rpx solid #9e845e;
|
|
box-shadow: 0 18rpx 42rpx rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
.seal {
|
|
display: flex;
|
|
width: 64rpx;
|
|
height: 64rpx;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #fff0cd;
|
|
background: var(--cinnabar);
|
|
border: 3rpx solid #d99b72;
|
|
border-radius: 10rpx;
|
|
font-size: 38rpx;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.eyebrow {
|
|
color: var(--cinnabar);
|
|
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
|
|
font-size: 20rpx;
|
|
font-weight: 700;
|
|
letter-spacing: 4rpx;
|
|
}
|
|
|
|
.primary-button,
|
|
.secondary-button,
|
|
.quiet-button {
|
|
display: flex;
|
|
min-height: 76rpx;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 30rpx;
|
|
border-radius: 12rpx;
|
|
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
|
|
font-size: 28rpx;
|
|
font-weight: 750;
|
|
}
|
|
|
|
.primary-button {
|
|
color: #fff1ce;
|
|
background: var(--cinnabar);
|
|
box-shadow: 0 10rpx 22rpx rgba(111, 32, 27, 0.25);
|
|
}
|
|
|
|
.secondary-button {
|
|
color: #fff0cf;
|
|
background: #3b2a20;
|
|
border: 2rpx solid #856646;
|
|
}
|
|
|
|
.quiet-button {
|
|
min-height: 60rpx;
|
|
padding: 0 22rpx;
|
|
color: var(--muted);
|
|
background: rgba(255, 248, 229, 0.62);
|
|
border: 2rpx solid #a78f68;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.status-pill {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 8rpx 16rpx;
|
|
border-radius: 999rpx;
|
|
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
|
|
font-size: 20rpx;
|
|
}
|
|
|
|
.status-pill.internal {
|
|
color: #7b231d;
|
|
background: #ead2b4;
|
|
border: 2rpx solid #b8744e;
|
|
}
|
|
|
|
@media (max-height: 620px) {
|
|
.safe-shell {
|
|
padding:
|
|
calc(10px + constant(safe-area-inset-top))
|
|
calc(14px + constant(safe-area-inset-right))
|
|
calc(10px + constant(safe-area-inset-bottom))
|
|
calc(14px + constant(safe-area-inset-left));
|
|
padding:
|
|
calc(10px + env(safe-area-inset-top))
|
|
calc(14px + env(safe-area-inset-right))
|
|
calc(10px + env(safe-area-inset-bottom))
|
|
calc(14px + env(safe-area-inset-left));
|
|
}
|
|
|
|
.primary-button,
|
|
.secondary-button,
|
|
.quiet-button {
|
|
min-height: 44px;
|
|
padding: 0 16px;
|
|
border-radius: 8px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.quiet-button {
|
|
min-height: 48px;
|
|
font-size: 16px;
|
|
}
|
|
}
|