CN-JS-HuiBai/Media-Coding-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化登陆页面

Browse Source
This commit is contained in:
CN-JS-HuiBai
2026-04-04 13:17:30 +08:00
parent bae9f1dba5
commit 9e4231a747
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
public/css/style.css
View File

@@ -136,35 +136,37 @@ header p {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: radial-gradient(circle at top left, rgba(249, 250, 252, 0.95), rgba(255, 255, 255, 0.98)); background: transparent;
z-index: 50; z-index: 50;
padding: 2rem; padding: 2rem;
} }
.login-card { .login-card {
width: min(480px, 100%); width: min(480px, 100%);
background: #ffffff; background: var(--panel-bg);
border: 1px solid rgba(148, 163, 184, 0.3); backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid var(--panel-border);
border-radius: 24px; border-radius: 24px;
padding: 2rem; padding: 2rem;
box-shadow: 0 20px 60px rgba(15, 23, 42, 0.12); box-shadow: 0 20px 40px rgba(148, 163, 184, 0.15);
} }
.login-card h2 { .login-card h2 {
margin: 0 0 0.75rem; margin: 0 0 0.75rem;
font-size: 1.75rem; font-size: 1.75rem;
color: #111827; color: var(--text-primary);
} }
.login-card p { .login-card p {
color: #6b7280; color: var(--text-secondary);
margin: 0 0 1.5rem; margin: 0 0 1.5rem;
} }
.login-card label { .login-card label {
display: block; display: block;
margin-bottom: 1rem; margin-bottom: 1rem;
color: #4b5563; color: var(--text-secondary);
font-size: 0.95rem; font-size: 0.95rem;
} }
@@ -175,17 +177,17 @@ header p {
.login-card input { .login-card input {
width: 100%; width: 100%;
border: 1px solid rgba(148, 163, 184, 0.5); border: 1px solid var(--panel-border);
background: #f8fafc; background: rgba(255, 255, 255, 0.08);
color: #111827; color: var(--text-primary);
border-radius: 12px; border-radius: 12px;
padding: 0.85rem 1rem; padding: 0.85rem 1rem;
outline: none; outline: none;
} }
.login-card input:focus { .login-card input:focus {
border-color: #2563eb; border-color: var(--accent);
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12); box-shadow: 0 0 0 4px var(--accent-glow);
} }
.login-card .primary-btn { .login-card .primary-btn {