kangwan/20260512-skg-tk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auto-save 2026-05-15 18:45 (~3)

Browse Source
This commit is contained in:
kang
2026-05-15 18:46:00 +08:00
parent bf6ffef9a4
commit d466f4844e
3 changed files with 98 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
web/app/globals.css
View File

@@ -196,11 +196,17 @@
}
.login-page--oasis .login-oasis-hero {
color: #fff;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
padding: 24px 4px;
border: 1px solid rgba(140, 180, 120, 0.12);
border-radius: 16px;
background: rgba(10, 18, 10, 0.55);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
padding: 36px 28px;
backdrop-filter: blur(16px);
transition: border-color 0.4s, background 0.4s;
}
.login-page--oasis .login-oasis-hero:hover {
border-color: rgba(140, 180, 120, 0.3);
background: rgba(20, 35, 20, 0.45);
}
.login-page--oasis .login-hero::before,
.login-page--oasis .login-hero::after {
@@ -216,11 +222,11 @@
}
.login-page--oasis .login-secure-pill,
.login-page--oasis .login-store-pill {
border: 1px solid rgba(214, 179, 106, 0.2);
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(140, 180, 120, 0.18);
background: rgba(10, 18, 10, 0.42);
color: rgba(255, 255, 255, 0.82);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
backdrop-filter: blur(18px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.32);
backdrop-filter: blur(16px);
}
.login-page--oasis .login-kicker {
color: rgba(224, 210, 128, 0.92);
@@ -260,10 +266,10 @@
.login-page--oasis .login-dynamic-dock {
left: 0;
bottom: 138px;
border-color: rgba(255, 255, 255, 0.12);
background: rgba(7, 8, 9, 0.52);
box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
backdrop-filter: blur(22px);
border-color: rgba(140, 180, 120, 0.12);
background: rgba(10, 18, 10, 0.55);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
backdrop-filter: blur(16px);
}
.login-page--oasis .login-dynamic-dock__label {
color: rgba(224, 210, 128, 0.78);
@@ -283,10 +289,11 @@
border-color: rgba(255, 255, 255, 0.1);
}
.login-page--oasis .login-studio-chip {
border-color: rgba(214, 179, 106, 0.18);
background: rgba(255, 255, 255, 0.1);
border-color: rgba(140, 180, 120, 0.14);
background: rgba(10, 18, 10, 0.55);
color: rgba(255, 255, 255, 0.82);
box-shadow: 0 20px 52px rgba(0, 0, 0, 0.32);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
backdrop-filter: blur(16px);
}
.login-page--oasis .login-studio-chip--visual {
right: auto;
@@ -294,13 +301,13 @@
top: 172px;
}
.login-page--oasis .login-premium-metrics {
border-color: rgba(255, 255, 255, 0.13);
background: rgba(255, 255, 255, 0.08);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
backdrop-filter: blur(20px);
border-color: rgba(140, 180, 120, 0.12);
background: rgba(140, 180, 120, 0.12);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
backdrop-filter: blur(16px);
}
.login-page--oasis .login-premium-metric {
background: rgba(5, 6, 7, 0.48);
background: rgba(10, 18, 10, 0.55);
}
.login-page--oasis .login-premium-metric span {
color: rgba(255, 255, 255, 0.5);
@@ -309,14 +316,47 @@
color: rgba(255, 255, 255, 0.94);
}
.login-page--oasis .login-auth-panel {
border-color: rgba(255, 255, 255, 0.12);
background:
linear-gradient(180deg, rgba(18, 19, 22, 0.9), rgba(5, 6, 7, 0.92)),
rgba(7, 8, 9, 0.9);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.08),
0 34px 90px rgba(0, 0, 0, 0.54);
backdrop-filter: blur(28px);
border: 1px solid rgba(140, 180, 120, 0.12);
border-radius: 16px;
background: rgba(10, 18, 10, 0.55);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
padding: 36px 28px;
backdrop-filter: blur(16px);
transition: border-color 0.4s, background 0.4s;
}
.login-page--oasis .login-auth-panel:hover {
border-color: rgba(140, 180, 120, 0.3);
background: rgba(20, 35, 20, 0.45);
}
.login-page--oasis .login-auth-icon {
border-color: rgba(140, 180, 120, 0.2);
background: rgba(10, 18, 10, 0.55);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.36);
}
.login-page--oasis .login-auth-panel label > span.flex {
border-color: rgba(140, 180, 120, 0.12);
background: rgba(10, 18, 10, 0.36);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
backdrop-filter: blur(16px);
}
.login-page--oasis .login-auth-panel label > span.flex:focus-within {
border-color: rgba(140, 180, 120, 0.36);
background: rgba(20, 35, 20, 0.42);
box-shadow: 0 0 0 2px rgba(230, 245, 120, 0.12);
}
.login-page--oasis .login-auth-panel button[type="submit"] {
background: rgba(245, 250, 235, 0.94);
color: #090c07;
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.38);
}
.login-page--oasis .login-auth-panel button[type="submit"]:hover {
background: rgba(230, 245, 120, 0.92);
}
.login-page--oasis .login-auth-panel input:-webkit-autofill,
.login-page--oasis .login-auth-panel input:-webkit-autofill:hover,
.login-page--oasis .login-auth-panel input:-webkit-autofill:focus {
-webkit-text-fill-color: #fff;
transition: background-color 9999s ease-in-out 0s;
}
.login-hero {
isolation: isolate;
@@ -1037,7 +1077,10 @@
}
.login-page--oasis .login-oasis-hero {
min-height: 650px;
padding: 28px 0 0;
padding: 24px 20px;
}
.login-page--oasis .login-auth-panel {
padding: 28px 20px;
}
.login-page--oasis .login-wordmark__logo {
font-size: 24px;