gengxin
This commit is contained in:
@@ -0,0 +1,167 @@
|
||||
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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user