修改部份ui
This commit is contained in:
@@ -47,19 +47,19 @@
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
|
||||
:root {
|
||||
--bg: #FAF9F5;
|
||||
--bg-soft: #F4F2EC;
|
||||
--bg: #F7F8FA;
|
||||
--bg-soft: #F1F3F7;
|
||||
--card: #FFFFFF;
|
||||
--border: #E9E5DB;
|
||||
--border-soft: #EFEBE0;
|
||||
--ink: #15140F;
|
||||
--ink-2: #5A584F;
|
||||
--ink-3: #9C988C;
|
||||
--ink-4: #C8C4B8;
|
||||
--orange: #E55B26;
|
||||
--orange-soft: #FAE8DC;
|
||||
--orange-tint: #FFF4ED;
|
||||
--orange-hover: #D04E1F;
|
||||
--border: #ECEEF2;
|
||||
--border-soft: #F0F2F6;
|
||||
--ink: #17191D;
|
||||
--ink-2: #5A5F6A;
|
||||
--ink-3: #8B909A;
|
||||
--ink-4: #C5C9D2;
|
||||
--orange: #A5B4FC;
|
||||
--orange-soft: #E4E9FE;
|
||||
--orange-tint: #F0F3FF;
|
||||
--orange-hover: #8B9CF7;
|
||||
--green: #3F6B3F;
|
||||
--green-bg: #EAF2EA;
|
||||
--green-bd: #D5E5D5;
|
||||
@@ -181,10 +181,9 @@ main { position: relative; overflow: hidden; background: var(--bg); }
|
||||
.grid-bg {
|
||||
position: absolute; inset: 0; pointer-events: none;
|
||||
background-image:
|
||||
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><g stroke='%23B8B3A4' stroke-width='1' fill='none'><path d='M-5 0 L5 0 M0 -5 L0 5'/><path d='M235 0 L245 0 M240 -5 L240 5'/><path d='M-5 240 L5 240 M0 235 L0 245'/><path d='M235 240 L245 240 M240 235 L240 245'/></g></svg>"),
|
||||
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><circle cx='60' cy='60' r='0.9' fill='%23CFCABB'/></svg>"),
|
||||
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><g stroke='%23E2DED2' stroke-width='1' fill='none' stroke-dasharray='1.5 4'><path d='M240 0 L240 240'/><path d='M0 240 L240 240'/></g></svg>");
|
||||
background-size: 240px 240px, 60px 60px, 240px 240px;
|
||||
background-size: 60px 60px, 240px 240px;
|
||||
mask-image: radial-gradient(ellipse 95% 80% at 50% 35%, #000 25%, transparent 95%);
|
||||
-webkit-mask-image: radial-gradient(ellipse 95% 80% at 50% 35%, #000 25%, transparent 95%);
|
||||
}
|
||||
@@ -363,7 +362,7 @@ main { position: relative; overflow: hidden; background: var(--bg); }
|
||||
font-family: inherit;
|
||||
color: var(--ink);
|
||||
}
|
||||
.input:focus, .textarea:focus, .select:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(229, 91, 38, 0.10); }
|
||||
.input:focus, .textarea:focus, .select:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(165, 180, 252, 0.18); }
|
||||
.input::placeholder, .textarea::placeholder { color: var(--ink-3); }
|
||||
.textarea { height: auto; min-height: 80px; padding: 10px 12px; line-height: 1.55; resize: vertical; }
|
||||
.select { appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'><path d='M4 6l4 4 4-4' stroke='%239C988C' stroke-width='1.4'/></svg>"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; }
|
||||
@@ -664,22 +663,22 @@ nav button svg { width: 14px; height: 14px; color: var(--ink-3); }
|
||||
|
||||
/* ─── Exact design parity: 电商AI平台/login.html ─── */
|
||||
.auth-exact-page {
|
||||
--background-base: #f9f9f9;
|
||||
--background-lighter: #fbfbfb;
|
||||
--background-base: #f7f8fa;
|
||||
--background-lighter: #fbfbfc;
|
||||
--surface: #ffffff;
|
||||
--surface-raised: #ffffff;
|
||||
--border-faint: #ededed;
|
||||
--border-muted: #e8e8e8;
|
||||
--border-loud: #e6e6e6;
|
||||
--accent-black: #262626;
|
||||
--border-faint: #eceef2;
|
||||
--border-muted: #e6e8ee;
|
||||
--border-loud: #e2e5eb;
|
||||
--accent-black: #17191d;
|
||||
--accent-white: #ffffff;
|
||||
--accent-amethyst: #9061ff;
|
||||
--accent-bluetron: #2a6dfb;
|
||||
--accent-crimson: #eb3424;
|
||||
--accent-forest: #42c366;
|
||||
--accent-honey: #ecb730;
|
||||
--heat: #fa5d19;
|
||||
--heat-12: rgba(250, 93, 25, .12);
|
||||
--heat: #A5B4FC;
|
||||
--heat-12: rgba(165, 180, 252, .12);
|
||||
--black-alpha-32: rgba(38, 38, 38, .32);
|
||||
--black-alpha-48: rgba(38, 38, 38, .48);
|
||||
--black-alpha-56: rgba(38, 38, 38, .56);
|
||||
@@ -984,7 +983,7 @@ nav button svg { width: 14px; height: 14px; color: var(--ink-3); }
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.auth-exact-page .btn-cta:hover { box-shadow: 0 4px 14px rgba(250, 93, 25, .28); }
|
||||
.auth-exact-page .btn-cta:hover { box-shadow: 0 4px 14px rgba(165, 180, 252, .28); }
|
||||
.auth-exact-page .btn-cta:active { transform: translateY(1px); }
|
||||
.auth-exact-page .btn-cta:disabled { opacity: .82; cursor: wait; }
|
||||
.auth-exact-page .btn-cta .busy-copy {
|
||||
|
||||
Reference in New Issue
Block a user