1
This commit is contained in:
327
src/index.css
327
src/index.css
@@ -514,7 +514,11 @@ body {
|
||||
rgba(255, 91, 132, 0.12),
|
||||
transparent 34%
|
||||
),
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 246, 249, 0.94));
|
||||
linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.98),
|
||||
rgba(255, 246, 249, 0.94)
|
||||
);
|
||||
--platform-recommend-runtime-state-text: var(--platform-text-strong);
|
||||
--puzzle-runtime-shell-fill: var(--platform-body-fill);
|
||||
--puzzle-runtime-stage-fill: radial-gradient(
|
||||
@@ -522,7 +526,11 @@ body {
|
||||
rgba(255, 91, 132, 0.13),
|
||||
transparent 30%
|
||||
),
|
||||
radial-gradient(circle at 18% 82%, rgba(255, 138, 115, 0.13), transparent 28%),
|
||||
radial-gradient(
|
||||
circle at 18% 82%,
|
||||
rgba(255, 138, 115, 0.13),
|
||||
transparent 28%
|
||||
),
|
||||
linear-gradient(180deg, #fffefe 0%, #fff7fa 58%, #fff1f5 100%);
|
||||
--puzzle-runtime-grid-line: rgba(130, 75, 95, 0.06);
|
||||
--puzzle-runtime-text-strong: var(--platform-text-strong);
|
||||
@@ -538,7 +546,11 @@ body {
|
||||
--puzzle-runtime-piece-border: rgba(232, 191, 205, 0.54);
|
||||
--puzzle-runtime-piece-empty-fill: rgba(255, 228, 236, 0.34);
|
||||
--puzzle-runtime-piece-empty-text: rgba(92, 70, 80, 0.38);
|
||||
--puzzle-runtime-piece-selected-fill: linear-gradient(135deg, #ff4f8b, #ff8a73);
|
||||
--puzzle-runtime-piece-selected-fill: linear-gradient(
|
||||
135deg,
|
||||
#ff4f8b,
|
||||
#ff8a73
|
||||
);
|
||||
--puzzle-runtime-piece-selected-text: #fff7fb;
|
||||
--puzzle-runtime-piece-selected-border: rgba(255, 79, 139, 0.68);
|
||||
--puzzle-runtime-next-card-overlay: rgba(61, 24, 38, 0.06);
|
||||
@@ -739,7 +751,8 @@ body {
|
||||
linear-gradient(180deg, rgba(8, 10, 14, 0.22), rgba(8, 10, 14, 0.9));
|
||||
--platform-recommend-runtime-fill: #030303;
|
||||
--platform-recommend-runtime-border: rgba(255, 255, 255, 0.08);
|
||||
--platform-recommend-runtime-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025),
|
||||
--platform-recommend-runtime-shadow: inset 0 0 0 1px
|
||||
rgba(255, 255, 255, 0.025),
|
||||
0 18px 44px rgba(0, 0, 0, 0.18);
|
||||
--platform-recommend-runtime-state-fill: #030303;
|
||||
--platform-recommend-runtime-state-text: rgba(255, 255, 255, 0.92);
|
||||
@@ -749,7 +762,11 @@ body {
|
||||
rgba(251, 191, 36, 0.18),
|
||||
transparent 28%
|
||||
),
|
||||
radial-gradient(circle at 20% 80%, rgba(249, 115, 22, 0.16), transparent 26%),
|
||||
radial-gradient(
|
||||
circle at 20% 80%,
|
||||
rgba(249, 115, 22, 0.16),
|
||||
transparent 26%
|
||||
),
|
||||
linear-gradient(180deg, #2d160e, #020617);
|
||||
--puzzle-runtime-grid-line: rgba(255, 255, 255, 0.04);
|
||||
--puzzle-runtime-text-strong: #ffffff;
|
||||
@@ -1903,6 +1920,7 @@ body {
|
||||
|
||||
.platform-bottom-nav__icon-shell,
|
||||
.platform-desktop-rail__icon-shell {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -1934,6 +1952,19 @@ body {
|
||||
transition: color 180ms ease;
|
||||
}
|
||||
|
||||
.platform-nav-unread-dot {
|
||||
position: absolute;
|
||||
right: 0.16rem;
|
||||
top: 0.12rem;
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
border-radius: 9999px;
|
||||
background: #ef4444;
|
||||
box-shadow:
|
||||
0 0 0 2px rgba(255, 255, 255, 0.28),
|
||||
0 0 12px rgba(239, 68, 68, 0.72);
|
||||
}
|
||||
|
||||
.platform-bottom-nav__label,
|
||||
.platform-desktop-rail__label {
|
||||
color: var(--platform-nav-item-text);
|
||||
@@ -2021,8 +2052,10 @@ body {
|
||||
.puzzle-runtime-stage__grid {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-image:
|
||||
linear-gradient(var(--puzzle-runtime-grid-line) 1px, transparent 1px),
|
||||
background-image: linear-gradient(
|
||||
var(--puzzle-runtime-grid-line) 1px,
|
||||
transparent 1px
|
||||
),
|
||||
linear-gradient(90deg, var(--puzzle-runtime-grid-line) 1px, transparent 1px);
|
||||
background-size: 34px 34px;
|
||||
opacity: 0.8;
|
||||
@@ -2365,8 +2398,7 @@ body {
|
||||
|
||||
.platform-mobile-bottom-dock .platform-bottom-nav__button {
|
||||
min-height: calc(
|
||||
var(--platform-bottom-nav-height) - var(--platform-bottom-nav-padding) *
|
||||
2
|
||||
var(--platform-bottom-nav-height) - var(--platform-bottom-nav-padding) * 2
|
||||
);
|
||||
}
|
||||
|
||||
@@ -5229,8 +5261,7 @@ button {
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--platform-page-border);
|
||||
border-radius: 1.6rem;
|
||||
background:
|
||||
radial-gradient(
|
||||
background: radial-gradient(
|
||||
circle at 50% 18%,
|
||||
var(--platform-shell-glow-2),
|
||||
transparent 32%
|
||||
@@ -5650,7 +5681,9 @@ button {
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.platform-mobile-entry-shell:has(.platform-tab-panel--active .creative-agent-home)
|
||||
.platform-mobile-entry-shell:has(
|
||||
.platform-tab-panel--active .creative-agent-home
|
||||
)
|
||||
> .platform-mobile-topbar {
|
||||
display: none;
|
||||
}
|
||||
@@ -5680,8 +5713,13 @@ button {
|
||||
/* 玩法参考图卡片始终压在暗色图像蒙版上，需绕过浅色主题的深色文字重映射。 */
|
||||
.platform-theme .platform-creation-reference-card,
|
||||
.platform-theme .platform-creation-reference-card *,
|
||||
.platform-theme--light .platform-remap-surface .platform-creation-reference-card,
|
||||
.platform-theme--light .platform-remap-surface .platform-creation-reference-card * {
|
||||
.platform-theme--light
|
||||
.platform-remap-surface
|
||||
.platform-creation-reference-card,
|
||||
.platform-theme--light
|
||||
.platform-remap-surface
|
||||
.platform-creation-reference-card
|
||||
* {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
@@ -5715,10 +5753,24 @@ button {
|
||||
min-height: 100vh;
|
||||
place-items: center;
|
||||
overflow: hidden;
|
||||
background:
|
||||
radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.92), transparent 18%),
|
||||
radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.56), transparent 17%),
|
||||
linear-gradient(180deg, #f8fcff 0%, #eaf7ff 26%, var(--child-motion-sky) 52%, #dcefd0 70%, #cde3bd 100%);
|
||||
background: radial-gradient(
|
||||
circle at 18% 12%,
|
||||
rgba(255, 255, 255, 0.92),
|
||||
transparent 18%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 82% 18%,
|
||||
rgba(255, 255, 255, 0.56),
|
||||
transparent 17%
|
||||
),
|
||||
linear-gradient(
|
||||
180deg,
|
||||
#f8fcff 0%,
|
||||
#eaf7ff 26%,
|
||||
var(--child-motion-sky) 52%,
|
||||
#dcefd0 70%,
|
||||
#cde3bd 100%
|
||||
);
|
||||
color: var(--child-motion-text);
|
||||
font-family: Inter, ui-sans-serif, system-ui, sans-serif;
|
||||
}
|
||||
@@ -5740,21 +5792,56 @@ button {
|
||||
}
|
||||
|
||||
.child-motion-demo::before {
|
||||
background:
|
||||
radial-gradient(circle at 12% 16%, var(--child-motion-cloud) 0 3.4%, transparent 3.6%),
|
||||
radial-gradient(circle at 16% 15%, rgba(255, 255, 255, 0.86) 0 2.2%, transparent 2.5%),
|
||||
radial-gradient(circle at 17.8% 16.2%, rgba(255, 255, 255, 0.9) 0 2.7%, transparent 3%),
|
||||
radial-gradient(circle at 76% 13%, var(--child-motion-cloud) 0 4.1%, transparent 4.3%),
|
||||
radial-gradient(circle at 82% 12.6%, rgba(255, 255, 255, 0.88) 0 2.5%, transparent 2.8%),
|
||||
radial-gradient(circle at 85% 14.2%, rgba(255, 255, 255, 0.82) 0 2.1%, transparent 2.4%),
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0) 0 62%, rgba(255, 255, 255, 0.08) 100%);
|
||||
background: radial-gradient(
|
||||
circle at 12% 16%,
|
||||
var(--child-motion-cloud) 0 3.4%,
|
||||
transparent 3.6%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 16% 15%,
|
||||
rgba(255, 255, 255, 0.86) 0 2.2%,
|
||||
transparent 2.5%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 17.8% 16.2%,
|
||||
rgba(255, 255, 255, 0.9) 0 2.7%,
|
||||
transparent 3%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 76% 13%,
|
||||
var(--child-motion-cloud) 0 4.1%,
|
||||
transparent 4.3%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 82% 12.6%,
|
||||
rgba(255, 255, 255, 0.88) 0 2.5%,
|
||||
transparent 2.8%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 85% 14.2%,
|
||||
rgba(255, 255, 255, 0.82) 0 2.1%,
|
||||
transparent 2.4%
|
||||
),
|
||||
linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0) 0 62%,
|
||||
rgba(255, 255, 255, 0.08) 100%
|
||||
);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.child-motion-demo::after {
|
||||
background:
|
||||
radial-gradient(ellipse at 50% 100%, rgba(61, 120, 76, 0.26) 0 32%, transparent 58%),
|
||||
linear-gradient(180deg, transparent 0 58%, rgba(255, 255, 255, 0.12) 76%, transparent 100%);
|
||||
background: radial-gradient(
|
||||
ellipse at 50% 100%,
|
||||
rgba(61, 120, 76, 0.26) 0 32%,
|
||||
transparent 58%
|
||||
),
|
||||
linear-gradient(
|
||||
180deg,
|
||||
transparent 0 58%,
|
||||
rgba(255, 255, 255, 0.12) 76%,
|
||||
transparent 100%
|
||||
);
|
||||
mix-blend-mode: soft-light;
|
||||
opacity: 0.68;
|
||||
}
|
||||
@@ -5765,9 +5852,16 @@ button {
|
||||
width: min(100vw, calc(100vh * 16 / 9));
|
||||
height: min(100vh, calc(100vw * 9 / 16));
|
||||
overflow: hidden;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)),
|
||||
radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.6), transparent 24%),
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.12),
|
||||
rgba(255, 255, 255, 0)
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 50% 18%,
|
||||
rgba(255, 255, 255, 0.6),
|
||||
transparent 24%
|
||||
),
|
||||
linear-gradient(180deg, #f3fbff 0%, #e4f3ff 32%, #d9efc4 56%, #bbdea1 100%);
|
||||
box-shadow: 0 30px 100px rgba(62, 98, 53, 0.18);
|
||||
isolation: isolate;
|
||||
@@ -5802,9 +5896,16 @@ button {
|
||||
|
||||
.child-motion-stage::after {
|
||||
z-index: 1;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 18%),
|
||||
radial-gradient(ellipse at 50% 82%, rgba(255, 245, 220, 0.16), transparent 42%),
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.08) 0%,
|
||||
transparent 18%
|
||||
),
|
||||
radial-gradient(
|
||||
ellipse at 50% 82%,
|
||||
rgba(255, 245, 220, 0.16),
|
||||
transparent 42%
|
||||
),
|
||||
linear-gradient(180deg, transparent 0 58%, rgba(80, 141, 72, 0.14) 100%);
|
||||
opacity: 0.95;
|
||||
}
|
||||
@@ -5816,10 +5917,23 @@ button {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.08)),
|
||||
radial-gradient(circle at 50% 33%, rgba(255, 255, 255, 0.42), transparent 30%),
|
||||
linear-gradient(120deg, rgba(255, 255, 255, 0.1) 0 11%, transparent 11% 20%, rgba(255, 255, 255, 0.08) 20% 30%, transparent 30% 100%);
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.58),
|
||||
rgba(255, 255, 255, 0.08)
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 50% 33%,
|
||||
rgba(255, 255, 255, 0.42),
|
||||
transparent 30%
|
||||
),
|
||||
linear-gradient(
|
||||
120deg,
|
||||
rgba(255, 255, 255, 0.1) 0 11%,
|
||||
transparent 11% 20%,
|
||||
rgba(255, 255, 255, 0.08) 20% 30%,
|
||||
transparent 30% 100%
|
||||
);
|
||||
filter: blur(8px) saturate(0.92);
|
||||
opacity: 0.34;
|
||||
transform: scale(1.04);
|
||||
@@ -5855,10 +5969,21 @@ button {
|
||||
z-index: 2;
|
||||
height: 47%;
|
||||
border-radius: 50% 50% 0 0;
|
||||
background:
|
||||
radial-gradient(ellipse at 50% 10%, rgba(255, 255, 255, 0.22), transparent 30%),
|
||||
radial-gradient(ellipse at 42% 30%, rgba(255, 246, 205, 0.2) 0 8%, transparent 18%),
|
||||
radial-gradient(ellipse at 70% 25%, rgba(255, 255, 255, 0.18) 0 5%, transparent 14%),
|
||||
background: radial-gradient(
|
||||
ellipse at 50% 10%,
|
||||
rgba(255, 255, 255, 0.22),
|
||||
transparent 30%
|
||||
),
|
||||
radial-gradient(
|
||||
ellipse at 42% 30%,
|
||||
rgba(255, 246, 205, 0.2) 0 8%,
|
||||
transparent 18%
|
||||
),
|
||||
radial-gradient(
|
||||
ellipse at 70% 25%,
|
||||
rgba(255, 255, 255, 0.18) 0 5%,
|
||||
transparent 14%
|
||||
),
|
||||
linear-gradient(180deg, rgba(135, 194, 104, 0.92), rgba(69, 145, 76, 0.98));
|
||||
box-shadow:
|
||||
inset 0 26px 70px rgba(255, 255, 255, 0.16),
|
||||
@@ -5875,25 +6000,67 @@ button {
|
||||
.child-motion-floor::before {
|
||||
inset: 14% 10% auto 16%;
|
||||
height: 18%;
|
||||
background:
|
||||
radial-gradient(circle at 8% 50%, rgba(96, 148, 60, 0.68) 0 12%, transparent 13%),
|
||||
radial-gradient(circle at 21% 42%, rgba(96, 148, 60, 0.58) 0 9%, transparent 10%),
|
||||
radial-gradient(circle at 33% 55%, rgba(255, 255, 255, 0.2) 0 7%, transparent 8%),
|
||||
radial-gradient(circle at 45% 40%, rgba(96, 148, 60, 0.62) 0 11%, transparent 12%),
|
||||
radial-gradient(circle at 58% 52%, rgba(255, 255, 255, 0.16) 0 6%, transparent 7%),
|
||||
radial-gradient(circle at 69% 42%, rgba(96, 148, 60, 0.62) 0 10%, transparent 11%),
|
||||
radial-gradient(circle at 82% 50%, rgba(255, 255, 255, 0.18) 0 7%, transparent 8%);
|
||||
background: radial-gradient(
|
||||
circle at 8% 50%,
|
||||
rgba(96, 148, 60, 0.68) 0 12%,
|
||||
transparent 13%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 21% 42%,
|
||||
rgba(96, 148, 60, 0.58) 0 9%,
|
||||
transparent 10%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 33% 55%,
|
||||
rgba(255, 255, 255, 0.2) 0 7%,
|
||||
transparent 8%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 45% 40%,
|
||||
rgba(96, 148, 60, 0.62) 0 11%,
|
||||
transparent 12%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 58% 52%,
|
||||
rgba(255, 255, 255, 0.16) 0 6%,
|
||||
transparent 7%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 69% 42%,
|
||||
rgba(96, 148, 60, 0.62) 0 10%,
|
||||
transparent 11%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 82% 50%,
|
||||
rgba(255, 255, 255, 0.18) 0 7%,
|
||||
transparent 8%
|
||||
);
|
||||
opacity: 0.78;
|
||||
}
|
||||
|
||||
.child-motion-floor::after {
|
||||
inset: auto 6% 10%;
|
||||
height: 15%;
|
||||
background:
|
||||
radial-gradient(circle at 18% 50%, rgba(55, 104, 53, 0.42) 0 10%, transparent 11%),
|
||||
radial-gradient(circle at 38% 50%, rgba(255, 255, 255, 0.12) 0 6%, transparent 7%),
|
||||
radial-gradient(circle at 60% 48%, rgba(55, 104, 53, 0.38) 0 11%, transparent 12%),
|
||||
radial-gradient(circle at 80% 52%, rgba(255, 255, 255, 0.1) 0 5%, transparent 6%);
|
||||
background: radial-gradient(
|
||||
circle at 18% 50%,
|
||||
rgba(55, 104, 53, 0.42) 0 10%,
|
||||
transparent 11%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 38% 50%,
|
||||
rgba(255, 255, 255, 0.12) 0 6%,
|
||||
transparent 7%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 60% 48%,
|
||||
rgba(55, 104, 53, 0.38) 0 11%,
|
||||
transparent 12%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 80% 52%,
|
||||
rgba(255, 255, 255, 0.1) 0 5%,
|
||||
transparent 6%
|
||||
);
|
||||
opacity: 0.68;
|
||||
}
|
||||
|
||||
@@ -5945,7 +6112,11 @@ button {
|
||||
justify-content: center;
|
||||
border: 1px solid rgba(112, 143, 97, 0.2);
|
||||
border-radius: 999px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(242, 248, 236, 0.92));
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.8),
|
||||
rgba(242, 248, 236, 0.92)
|
||||
);
|
||||
color: var(--child-motion-text);
|
||||
font-size: clamp(0.72rem, 1.45vw, 0.95rem);
|
||||
font-weight: 900;
|
||||
@@ -5960,12 +6131,11 @@ button {
|
||||
aspect-ratio: 1;
|
||||
transform: translateX(-50%) rotateX(66deg);
|
||||
border-radius: 999px;
|
||||
background:
|
||||
conic-gradient(
|
||||
from -90deg,
|
||||
rgba(255, 255, 255, 0.88) 0 var(--child-motion-ring-progress),
|
||||
rgba(102, 190, 95, 0.22) var(--child-motion-ring-progress) 360deg
|
||||
);
|
||||
background: conic-gradient(
|
||||
from -90deg,
|
||||
rgba(255, 255, 255, 0.88) 0 var(--child-motion-ring-progress),
|
||||
rgba(102, 190, 95, 0.22) var(--child-motion-ring-progress) 360deg
|
||||
);
|
||||
box-shadow:
|
||||
0 0 18px rgba(120, 191, 110, 0.34),
|
||||
0 0 0 6px rgba(255, 255, 255, 0.12),
|
||||
@@ -5976,8 +6146,11 @@ button {
|
||||
position: absolute;
|
||||
inset: 14%;
|
||||
border-radius: inherit;
|
||||
background:
|
||||
radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.1), transparent 40%),
|
||||
background: radial-gradient(
|
||||
circle at 50% 45%,
|
||||
rgba(255, 255, 255, 0.1),
|
||||
transparent 40%
|
||||
),
|
||||
linear-gradient(180deg, rgba(151, 215, 139, 0.82), rgba(73, 151, 74, 0.94));
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38);
|
||||
content: '';
|
||||
@@ -5987,7 +6160,11 @@ button {
|
||||
position: absolute;
|
||||
inset: 34%;
|
||||
border-radius: 999px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(150, 231, 137, 0.86));
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.68),
|
||||
rgba(150, 231, 137, 0.86)
|
||||
);
|
||||
opacity: 0.62;
|
||||
box-shadow: 0 0 22px rgba(124, 199, 112, 0.44);
|
||||
}
|
||||
@@ -6013,7 +6190,9 @@ button {
|
||||
width: clamp(3.4rem, 7vw, 5.6rem);
|
||||
height: clamp(6rem, 13vw, 10rem);
|
||||
transform: translateX(-50%);
|
||||
transition: left 260ms ease, transform 220ms ease;
|
||||
transition:
|
||||
left 260ms ease,
|
||||
transform 220ms ease;
|
||||
filter: drop-shadow(0 6px 14px rgba(56, 92, 55, 0.18));
|
||||
}
|
||||
|
||||
@@ -6027,8 +6206,11 @@ button {
|
||||
.child-motion-avatar__leg {
|
||||
position: absolute;
|
||||
display: block;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(77, 109, 79, 0.44), rgba(41, 65, 44, 0.7)),
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(77, 109, 79, 0.44),
|
||||
rgba(41, 65, 44, 0.7)
|
||||
),
|
||||
rgba(245, 250, 245, 0.1);
|
||||
opacity: 0.6;
|
||||
border: 1px solid rgba(239, 249, 235, 0.18);
|
||||
@@ -6259,8 +6441,11 @@ button {
|
||||
z-index: 30;
|
||||
display: none;
|
||||
place-items: center;
|
||||
background:
|
||||
radial-gradient(circle at 24% 22%, rgba(255, 255, 255, 0.88), transparent 20%),
|
||||
background: radial-gradient(
|
||||
circle at 24% 22%,
|
||||
rgba(255, 255, 255, 0.88),
|
||||
transparent 20%
|
||||
),
|
||||
linear-gradient(180deg, #f7fcff 0%, #dff3ff 54%, #c9e6b9 100%);
|
||||
color: var(--child-motion-text);
|
||||
font-size: 1.25rem;
|
||||
|
||||
Reference in New Issue
Block a user