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

style: align board with login visual system

Browse Source
This commit is contained in:
kang
2026-05-18 16:26:08 +08:00
parent 48d4002cbd
commit cdffc4ba08
3 changed files with 106 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
web/app/globals.css
View File

@@ -464,6 +464,82 @@ nextjs-portal {
min-width: 0;
transform: translateY(44px);
}
/* ============================================================
信息流工作台 · 登录页同源质感
============================================================ */
.skg-board-theme {
background:
radial-gradient(circle at 12% 2%, rgba(214, 179, 106, 0.13), transparent 31%),
radial-gradient(circle at 82% 8%, rgba(143, 176, 113, 0.1), transparent 26%),
linear-gradient(120deg, #050706 0%, #070b09 42%, #030303 100%);
}
.skg-board-theme::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px),
linear-gradient(180deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);
background-size: 64px 64px;
opacity: 0.44;
}
.skg-board-theme::after {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.22), transparent 42%, rgba(0, 0, 0, 0.4)),
linear-gradient(90deg, rgba(0, 0, 0, 0.28), transparent 38%, rgba(0, 0, 0, 0.24));
}
.skg-board-ambient {
background:
radial-gradient(circle at 22% 18%, rgba(214, 179, 106, 0.16), transparent 26%),
radial-gradient(circle at 68% 10%, rgba(143, 176, 113, 0.11), transparent 28%),
radial-gradient(circle at 52% 100%, rgba(214, 179, 106, 0.08), transparent 36%);
}
.skg-board-topbar,
.skg-board-panel {
border-color: rgba(160, 182, 129, 0.14) !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.026)),
rgba(6, 11, 8, 0.58) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.06),
0 18px 54px rgba(0, 0, 0, 0.34);
backdrop-filter: blur(10px);
}
.skg-board-topbar {
background:
linear-gradient(100deg, rgba(214, 179, 106, 0.08), rgba(143, 176, 113, 0.035) 42%, rgba(255, 255, 255, 0.03)),
rgba(4, 8, 6, 0.62) !important;
}
.skg-board-theme input:focus,
.skg-board-theme textarea:focus,
.skg-board-theme select:focus {
border-color: rgba(214, 179, 106, 0.58) !important;
box-shadow: 0 0 0 2px rgba(214, 179, 106, 0.14);
}
.skg-board-theme input[type="checkbox"] {
accent-color: #d6b36a;
}
.skg-board-theme ::selection {
background: rgba(214, 179, 106, 0.28);
color: #fff;
}
.login-hero {
isolation: isolate;
color: #282828;