diff --git a/gx.jpg b/gx.jpg new file mode 100644 index 0000000..f52e23e Binary files /dev/null and b/gx.jpg differ diff --git a/index.html b/index.html index f8de496..6345baf 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - AI 智能工作台 - 企业门户 + AI 应用门户 @@ -203,6 +203,14 @@ } .carousel-wrapper { position: relative; + overflow: visible; + width: 100%; + padding: 0 2.5rem; + } + @media (max-width: 520px) { + .carousel-wrapper { padding: 0 2rem; } + } + .carousel-viewport { overflow: hidden; width: 100%; } @@ -211,23 +219,46 @@ width: 100%; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); } + .group-title { + font-size: 0.8rem; + font-weight: 800; + color: oklch(0.72 0.04 260); + padding: 0.5rem 0 0.25rem; + border-bottom: 1px solid oklch(0.25 0.02 265 / 0.4); + margin-bottom: 0.75rem; + } .carousel-page { flex: 0 0 100%; min-width: 100%; width: 100%; - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-auto-rows: 220px; - align-content: start; - gap: 1rem; + display: block; padding: 0 0.25rem; } @media (max-width: 768px) { .carousel-page { grid-template-columns: repeat(2, 1fr); } + .carousel-wrapper { display: none; } } @media (max-width: 520px) { .carousel-page { grid-template-columns: 1fr; } } + /* 手机端竖向列表 */ + .mobile-app-list { display: none; } + @media (max-width: 768px) { + .mobile-app-list { display: block; } + } + .mobile-group-title { + font-size: 0.75rem; + font-weight: 800; + color: oklch(0.72 0.04 260); + padding: 0.75rem 0 0.25rem; + border-bottom: 1px solid oklch(0.25 0.02 265 / 0.4); + margin-bottom: 0.5rem; + } + .mobile-app-list .portal-card { + margin-bottom: 0.75rem; + height: auto; + min-height: 120px; + } .carousel-btn { position: absolute; top: 50%; @@ -254,8 +285,8 @@ opacity: 0.3; cursor: not-allowed; } - .carousel-btn.prev { left: -0.75rem; } - .carousel-btn.next { right: -0.75rem; } + .carousel-btn.prev { left: 0; } + .carousel-btn.next { right: 0; } .carousel-dots { display: flex; justify-content: center; @@ -277,6 +308,23 @@ width: 1.25rem; border-radius: 0.25rem; } + .contact-section { + border: 1px solid oklch(0.3 0.03 265 / 0.5); + background: linear-gradient(145deg, oklch(0.17 0.02 265 / 0.92), oklch(0.13 0.012 260 / 0.88)); + border-radius: 1rem; + box-shadow: 0 18px 48px oklch(0 0 0 / 0.3), inset 0 1px 0 oklch(0.35 0.03 265 / 0.35); + } + .contact-qr { + border-radius: 0.625rem; + border: 2px solid oklch(0.35 0.04 265 / 0.6); + } + @media (max-width: 520px) { + .contact-qr { width: 110px !important; height: 150px !important; } + } + @media (max-width: 768px) { + .hero-subtitle { white-space: normal !important; } + .hero-subtitle .sep { display: block; height: 0.25rem; } + } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; @@ -309,6 +357,10 @@ pointer-events: none; transition: opacity 0.3s ease; } + @media (max-width: 768px) { + .help-overlay { padding: 0.5rem; } + .help-modal { max-width: 100% !important; border-radius: 0.75rem; } + } .help-overlay.active { opacity: 1; pointer-events: auto; @@ -317,7 +369,7 @@ background: oklch(0.13 0.015 260 / 0.98); border: 1px solid oklch(0.3 0.03 265 / 0.55); box-shadow: 0 30px 80px oklch(0 0 0 / 0.5); - max-width: 52rem; + max-width: 64rem; width: 100%; max-height: 85vh; overflow-y: auto; @@ -342,6 +394,10 @@ border-collapse: collapse; font-size: 11px; } + .help-table-wrap { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } .help-table th { background: oklch(0.15 0.015 260 / 0.6); color: oklch(0.7 0.02 260); @@ -356,6 +412,21 @@ border-bottom: 1px solid oklch(0.2 0.015 265 / 0.3); color: oklch(0.8 0.01 260); } + .help-table td.copy-cell { + cursor: pointer; + transition: color 0.2s ease, background 0.2s ease; + border-radius: 0.25rem; + } + .help-table td.copy-cell:hover { + color: oklch(0.9 0.05 260); + background: oklch(0.2 0.03 265 / 0.4); + } + .help-table td.copy-cell:active { + background: oklch(0.25 0.04 265 / 0.5); + } + .copy-feedback { + color: oklch(0.72 0.18 150) !important; + } .help-table tr:last-child td { border-bottom: none; } .aurora-paused { animation-play-state: paused !important; @@ -387,21 +458,21 @@
-
AI 智能工作台 / AI Workspace
- +
All by AI
+
-
- AI -
+
@@ -414,8 +485,8 @@

AI 智能应用中心 / AI Application Hub

-

- 一站式访问所有智能应用，让 AI 赋能企业每一个环节 · One-stop access to all AI apps, empowering every business workflow +

+ 一站式访问所有智能应用，让 AI 赋能企业每一个环节 · One-stop access to all AI apps, empowering every business workflow

@@ -424,16 +495,21 @@ - +
+ +
+ +
+ @@ -450,6 +526,28 @@ + +
+
+
+

联系方式 / Contact

+ +
+
+
+ 高欣 / Sidney +

高欣 / Sidney

+
+
+ 王立刚 / Wang Ligang +

王立刚 / Wang Ligang

+
+
+
+
+ diff --git a/wlg1.jpg b/wlg1.jpg new file mode 100644 index 0000000..6772a65 Binary files /dev/null and b/wlg1.jpg differ