s
This commit is contained in:
root
285
app/globals.css
285
app/globals.css
@@ -530,7 +530,16 @@ html {
|
||||
}
|
||||
|
||||
.digital-scope .gradient-text {
|
||||
background: linear-gradient(135deg, #0ea5e9, #06b6d4, #f59e0b);
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
#f97316,
|
||||
#ec4899,
|
||||
#8b5cf6,
|
||||
#3b82f6,
|
||||
#f97316
|
||||
);
|
||||
background-size: 300% 300%;
|
||||
animation: gradient-shift 6s ease infinite;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
@@ -864,66 +873,67 @@ html {
|
||||
--border: var(--dn-border);
|
||||
--accent: var(--dn-accent);
|
||||
--accent-foreground: #ffffff;
|
||||
--accent-muted: rgba(249, 115, 91, 0.14);
|
||||
--gradient-accent: rgba(15, 159, 122, 0.16);
|
||||
background:
|
||||
linear-gradient(90deg, rgba(79, 70, 229, 0.035) 1px, transparent 1px),
|
||||
linear-gradient(0deg, rgba(15, 159, 122, 0.035) 1px, transparent 1px),
|
||||
linear-gradient(180deg, #fbfaf6 0%, var(--dn-bg) 34%, #eef7f3 100%);
|
||||
background-size: 44px 44px, 44px 44px, auto;
|
||||
--accent-muted: rgba(255, 77, 79, 0.1);
|
||||
--gradient-accent: rgba(249, 115, 22, 0.16);
|
||||
background: linear-gradient(180deg, #fff7ed 0%, #ffffff 18%, var(--dn-bg) 100%);
|
||||
color: var(--dn-text);
|
||||
font-family: var(--dn-font-body), system-ui, -apple-system, BlinkMacSystemFont,
|
||||
"Segoe UI", sans-serif;
|
||||
}
|
||||
|
||||
.dark .digital-scope.digital-theme-theme2 {
|
||||
--dn-bg: #0f1724 !important;
|
||||
--dn-bg-soft: #162235 !important;
|
||||
--dn-surface: #111c2c !important;
|
||||
--dn-surface-raised: #172235 !important;
|
||||
--dn-text: #f8fafc !important;
|
||||
--dn-text-muted: #a8b4c5 !important;
|
||||
--dn-border: rgba(226, 232, 240, 0.16) !important;
|
||||
--dn-primary: #8b93ff !important;
|
||||
--dn-primary-strong: #c4c9ff !important;
|
||||
--dn-accent: #ff967f !important;
|
||||
--dn-cta: #34d399 !important;
|
||||
--dn-cta-strong: #7ee7bf !important;
|
||||
--dn-shadow: 0 16px 42px rgba(0, 0, 0, 0.28) !important;
|
||||
--dn-shadow-hover: 0 22px 58px rgba(0, 0, 0, 0.34) !important;
|
||||
background:
|
||||
linear-gradient(90deg, rgba(139, 147, 255, 0.055) 1px, transparent 1px),
|
||||
linear-gradient(0deg, rgba(52, 211, 153, 0.04) 1px, transparent 1px),
|
||||
linear-gradient(180deg, #0b1220 0%, #0f1724 48%, #122333 100%);
|
||||
background-size: 44px 44px, 44px 44px, auto;
|
||||
--dn-bg: #111827 !important;
|
||||
--dn-bg-soft: #1f2937 !important;
|
||||
--dn-surface: #111827 !important;
|
||||
--dn-surface-raised: #1f2937 !important;
|
||||
--dn-text: #f9fafb !important;
|
||||
--dn-text-muted: #9ca3af !important;
|
||||
--dn-border: #1f2937 !important;
|
||||
--dn-primary: #ff5c5e !important;
|
||||
--dn-primary-strong: #ff7a45 !important;
|
||||
--dn-accent: #f97316 !important;
|
||||
--dn-cta: #ff4d4f !important;
|
||||
--dn-cta-strong: #ff7a45 !important;
|
||||
--dn-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
|
||||
--dn-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
|
||||
background: linear-gradient(180deg, #030712 0%, #111827 28%, #111827 100%);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-container {
|
||||
max-width: 1180px;
|
||||
max-width: 1400px;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-header {
|
||||
top: 12px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-header > .dn-container {
|
||||
height: 60px;
|
||||
border: 1px solid rgba(219, 228, 220, 0.86);
|
||||
border-radius: var(--dn-radius);
|
||||
background: rgba(255, 253, 248, 0.9);
|
||||
box-shadow: var(--dn-shadow);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
border-bottom: 1px solid #f3f4f6;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
box-shadow: none;
|
||||
backdrop-filter: blur(18px);
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.dark .digital-theme-theme2 .dn-header {
|
||||
border-bottom-color: #1f2937;
|
||||
background: rgba(17, 24, 39, 0.8);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-header > .dn-container {
|
||||
height: 4rem;
|
||||
max-width: 1600px;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
backdrop-filter: none;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.dark .digital-theme-theme2 .dn-header > .dn-container {
|
||||
border-color: var(--dn-border);
|
||||
background: rgba(17, 28, 44, 0.9);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-header-scrolled {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -946,7 +956,7 @@ html {
|
||||
.digital-theme-theme2 .dn-nav-link,
|
||||
.digital-theme-theme2 .dn-header-control,
|
||||
.digital-theme-theme2 .dn-icon-button {
|
||||
border-radius: var(--dn-radius-sm);
|
||||
border-radius: 9999px;
|
||||
color: var(--dn-text-muted);
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -954,39 +964,59 @@ html {
|
||||
.digital-theme-theme2 .dn-nav-link:hover,
|
||||
.digital-theme-theme2 .dn-header-control:hover,
|
||||
.digital-theme-theme2 .dn-icon-button:hover {
|
||||
background: rgba(79, 70, 229, 0.08);
|
||||
color: var(--dn-primary-strong);
|
||||
background: #f3f4f6;
|
||||
color: var(--dn-text);
|
||||
}
|
||||
|
||||
.dark .digital-theme-theme2 .dn-nav-link:hover,
|
||||
.dark .digital-theme-theme2 .dn-header-control:hover,
|
||||
.dark .digital-theme-theme2 .dn-icon-button:hover {
|
||||
background: #1f2937;
|
||||
color: var(--dn-text);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-mobile-menu {
|
||||
width: min(100% - 2rem, 1180px);
|
||||
margin: 0.5rem auto 0;
|
||||
border: 1px solid var(--dn-border);
|
||||
border-radius: var(--dn-radius);
|
||||
background: var(--dn-surface);
|
||||
box-shadow: var(--dn-shadow);
|
||||
width: 100%;
|
||||
max-width: 1600px;
|
||||
margin: 0 auto;
|
||||
border-top: 1px solid var(--dn-border);
|
||||
border-right: 0;
|
||||
border-bottom: 0;
|
||||
border-left: 0;
|
||||
border-radius: 0;
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.dark .digital-theme-theme2 .dn-mobile-menu {
|
||||
background: rgba(17, 24, 39, 0.95);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-hero {
|
||||
min-height: min(760px, 95vh);
|
||||
padding-top: 8.75rem;
|
||||
min-height: auto;
|
||||
padding-top: 4rem;
|
||||
padding-bottom: 5rem;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-hero-bg {
|
||||
background:
|
||||
radial-gradient(circle at 50% 0%, rgba(15, 159, 122, 0.16), transparent 34%),
|
||||
linear-gradient(180deg, rgba(255, 253, 248, 0.72), rgba(247, 245, 239, 0.96));
|
||||
radial-gradient(circle at 83% 0%, rgba(249, 115, 22, 0.24), transparent 32%),
|
||||
radial-gradient(circle at 4% 100%, rgba(139, 92, 246, 0.18), transparent 28%),
|
||||
linear-gradient(180deg, rgba(255, 247, 237, 0.72), #ffffff 58%, #fafafa 100%);
|
||||
}
|
||||
|
||||
.dark .digital-theme-theme2 .dn-hero-bg {
|
||||
background:
|
||||
radial-gradient(circle at 50% 0%, rgba(52, 211, 153, 0.14), transparent 34%),
|
||||
linear-gradient(180deg, rgba(15, 23, 36, 0.82), rgba(15, 23, 36, 0.98));
|
||||
radial-gradient(circle at 83% 0%, rgba(249, 115, 22, 0.16), transparent 32%),
|
||||
radial-gradient(circle at 4% 100%, rgba(139, 92, 246, 0.16), transparent 28%),
|
||||
linear-gradient(180deg, #030712 0%, #111827 58%, #111827 100%);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-hero-glow {
|
||||
display: none;
|
||||
display: block;
|
||||
background:
|
||||
radial-gradient(circle, rgba(249, 115, 22, 0.16) 0%, transparent 70%),
|
||||
radial-gradient(circle at 70% 70%, rgba(236, 72, 153, 0.12) 0%, transparent 56%);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-hero-title,
|
||||
@@ -998,8 +1028,8 @@ html {
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-hero-title {
|
||||
max-width: 760px;
|
||||
line-height: 1.02;
|
||||
max-width: 56rem;
|
||||
line-height: 1.05;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-hero-copy,
|
||||
@@ -1010,42 +1040,52 @@ html {
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .gradient-text {
|
||||
background: linear-gradient(120deg, var(--dn-primary), var(--dn-cta), var(--dn-accent));
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
#f97316,
|
||||
#ec4899,
|
||||
#8b5cf6,
|
||||
#3b82f6,
|
||||
#f97316
|
||||
);
|
||||
background-size: 300% 300%;
|
||||
animation: gradient-shift 6s ease infinite;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-badge {
|
||||
border-color: rgba(79, 70, 229, 0.18);
|
||||
border-radius: var(--dn-radius);
|
||||
background: rgba(255, 255, 255, 0.74);
|
||||
color: var(--dn-primary-strong);
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset;
|
||||
border-color: rgba(255, 77, 79, 0.14);
|
||||
border-radius: 9999px;
|
||||
background: rgba(255, 237, 213, 0.85);
|
||||
color: #c2410c;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.dark .digital-theme-theme2 .dn-badge {
|
||||
border-color: rgba(139, 147, 255, 0.24);
|
||||
background: rgba(17, 28, 44, 0.76);
|
||||
border-color: rgba(255, 77, 79, 0.22);
|
||||
background: rgba(127, 29, 29, 0.28);
|
||||
color: #fb923c;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-button-primary {
|
||||
border: 1px solid transparent;
|
||||
border-radius: var(--dn-radius);
|
||||
border-radius: 9999px;
|
||||
background: var(--dn-cta);
|
||||
color: #ffffff;
|
||||
box-shadow: 0 14px 30px rgba(15, 159, 122, 0.24);
|
||||
box-shadow: 0 10px 22px rgba(255, 77, 79, 0.24);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-button-primary:hover {
|
||||
background: var(--dn-cta-strong);
|
||||
box-shadow: 0 16px 36px rgba(15, 159, 122, 0.3);
|
||||
box-shadow: 0 12px 28px rgba(255, 122, 69, 0.28);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-button-secondary {
|
||||
border-color: var(--dn-border);
|
||||
border-radius: var(--dn-radius);
|
||||
border-radius: 9999px;
|
||||
background: var(--dn-surface);
|
||||
color: var(--dn-text);
|
||||
box-shadow: none;
|
||||
@@ -1053,29 +1093,29 @@ html {
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-button-secondary:hover {
|
||||
border-color: rgba(79, 70, 229, 0.28);
|
||||
background: rgba(79, 70, 229, 0.07);
|
||||
color: var(--dn-primary-strong);
|
||||
border-color: rgba(255, 77, 79, 0.22);
|
||||
background: rgba(255, 77, 79, 0.06);
|
||||
color: var(--dn-primary);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-button-accent {
|
||||
border-radius: var(--dn-radius);
|
||||
border-radius: 9999px;
|
||||
background: var(--dn-accent);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-section {
|
||||
background: transparent;
|
||||
padding-top: 5.5rem;
|
||||
padding-bottom: 5.5rem;
|
||||
padding-top: 5rem;
|
||||
padding-bottom: 5rem;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-roadmap {
|
||||
background: linear-gradient(180deg, rgba(238, 247, 243, 0.72), rgba(247, 245, 239, 0.78));
|
||||
background: rgba(255, 255, 255, 0.72);
|
||||
}
|
||||
|
||||
.dark .digital-theme-theme2 .dn-roadmap {
|
||||
background: linear-gradient(180deg, rgba(22, 34, 53, 0.72), rgba(15, 23, 36, 0.76));
|
||||
background: rgba(31, 41, 55, 0.36);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-card,
|
||||
@@ -1102,7 +1142,7 @@ html {
|
||||
.digital-theme-theme2 .community-card:hover,
|
||||
.digital-theme-theme2 .resource-card:hover,
|
||||
.digital-theme-theme2 .dn-action-card:hover {
|
||||
border-color: rgba(79, 70, 229, 0.28);
|
||||
border-color: rgba(255, 77, 79, 0.22);
|
||||
box-shadow: var(--dn-shadow-hover);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
@@ -1122,8 +1162,8 @@ html {
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-profile-menu-item:hover {
|
||||
background: rgba(79, 70, 229, 0.08);
|
||||
color: var(--dn-primary-strong);
|
||||
background: rgba(255, 77, 79, 0.08);
|
||||
color: var(--dn-primary);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-avatar-button {
|
||||
@@ -1135,9 +1175,9 @@ html {
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-status-pill {
|
||||
border: 1px solid rgba(79, 70, 229, 0.12);
|
||||
background: rgba(79, 70, 229, 0.08);
|
||||
color: var(--dn-primary-strong);
|
||||
border: 1px solid rgba(255, 77, 79, 0.14);
|
||||
background: rgba(255, 77, 79, 0.08);
|
||||
color: var(--dn-primary);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-muted-card {
|
||||
@@ -1155,25 +1195,27 @@ html {
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-icon-box {
|
||||
border: 1px solid rgba(79, 70, 229, 0.12);
|
||||
border: 1px solid rgba(255, 77, 79, 0.12);
|
||||
border-radius: var(--dn-radius-sm);
|
||||
background: rgba(79, 70, 229, 0.08);
|
||||
background: rgba(255, 77, 79, 0.08);
|
||||
background-image: none;
|
||||
color: var(--dn-primary);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-card-accent {
|
||||
background: linear-gradient(90deg, var(--dn-primary), var(--dn-cta), var(--dn-accent));
|
||||
background: linear-gradient(90deg, #ff4d4f, #ff7a45);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-counter {
|
||||
border: 1px solid rgba(79, 70, 229, 0.12);
|
||||
border: 1px solid rgba(255, 77, 79, 0.12);
|
||||
border-radius: 999px;
|
||||
background: rgba(79, 70, 229, 0.08);
|
||||
color: var(--dn-primary-strong);
|
||||
background: rgba(255, 77, 79, 0.08);
|
||||
color: var(--dn-primary);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-text-link,
|
||||
.digital-theme-theme2 .text-sky-600,
|
||||
.digital-theme-theme2 .text-sky-700,
|
||||
.digital-theme-theme2 .dark\:text-sky-400 {
|
||||
color: var(--dn-primary);
|
||||
}
|
||||
@@ -1182,21 +1224,21 @@ html {
|
||||
.digital-theme-theme2 .dn-resource-link {
|
||||
border: 1px solid transparent;
|
||||
border-radius: var(--dn-radius-sm);
|
||||
background: rgba(23, 32, 51, 0.035);
|
||||
background: #f5f6f7;
|
||||
color: var(--dn-text);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-tool-link:hover,
|
||||
.digital-theme-theme2 .dn-resource-link:hover {
|
||||
border-color: rgba(79, 70, 229, 0.22);
|
||||
background: rgba(79, 70, 229, 0.08);
|
||||
color: var(--dn-primary-strong);
|
||||
border-color: rgba(255, 77, 79, 0.22);
|
||||
background: rgba(255, 77, 79, 0.06);
|
||||
color: var(--dn-primary);
|
||||
}
|
||||
|
||||
.dark .digital-theme-theme2 .dn-tool-link,
|
||||
.dark .digital-theme-theme2 .dn-resource-link {
|
||||
background: rgba(255, 255, 255, 0.045);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-subsection-title {
|
||||
@@ -1243,8 +1285,8 @@ html {
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-tab-active {
|
||||
background: rgba(79, 70, 229, 0.12);
|
||||
color: var(--dn-primary-strong);
|
||||
background: rgba(255, 77, 79, 0.12);
|
||||
color: var(--dn-primary);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .form-input,
|
||||
@@ -1264,7 +1306,7 @@ html {
|
||||
|
||||
.digital-theme-theme2 .form-input:focus {
|
||||
border-color: var(--dn-primary);
|
||||
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12);
|
||||
box-shadow: 0 0 0 3px rgba(255, 77, 79, 0.12);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1278,23 +1320,58 @@ html {
|
||||
.digital-theme-theme2 input:focus-visible,
|
||||
.digital-theme-theme2 textarea:focus-visible,
|
||||
.digital-theme-theme2 select:focus-visible {
|
||||
outline: 3px solid rgba(79, 70, 229, 0.28);
|
||||
outline: 3px solid rgba(255, 77, 79, 0.28);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .bg-sky-500,
|
||||
.digital-theme-theme2 .hover\:bg-sky-500:hover,
|
||||
.digital-theme-theme2 .dark\:bg-sky-600 {
|
||||
background-color: var(--dn-cta);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .hover\:bg-sky-600:hover,
|
||||
.digital-theme-theme2 .dark\:hover\:bg-sky-500:hover {
|
||||
background-color: var(--dn-cta-strong);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .bg-sky-50 {
|
||||
background-color: rgba(255, 237, 213, 0.85);
|
||||
}
|
||||
|
||||
.dark .digital-theme-theme2 .dark\:bg-sky-900\/50 {
|
||||
background-color: rgba(127, 29, 29, 0.28);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .border-sky-200,
|
||||
.digital-theme-theme2 .hover\:border-sky-300:hover {
|
||||
border-color: rgba(255, 77, 79, 0.22);
|
||||
}
|
||||
|
||||
.dark .digital-theme-theme2 .dark\:border-sky-800,
|
||||
.dark .digital-theme-theme2 .dark\:hover\:border-sky-600:hover {
|
||||
border-color: rgba(255, 77, 79, 0.28);
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .hover\:text-sky-600:hover,
|
||||
.digital-theme-theme2 .group:hover .group-hover\:text-sky-600,
|
||||
.dark .digital-theme-theme2 .dark\:group-hover\:text-sky-400 {
|
||||
color: var(--dn-primary);
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.digital-theme-theme2 .dn-header {
|
||||
top: 8px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-header > .dn-container {
|
||||
width: calc(100% - 1rem);
|
||||
height: 56px;
|
||||
width: 100%;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-hero {
|
||||
min-height: auto;
|
||||
padding-top: 7.5rem;
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
.digital-theme-theme2 .dn-section {
|
||||
|
||||
Reference in New Issue
Block a user