- {{ item.productGroupName || item.productGroup }}
+ {{ item.productGroupName || item.productGroup }}
{{ item.productName }}
@@ -134,10 +137,37 @@
{{ expanded[String(item.id)] ? copy.collapse : copy.expand }}
diff --git a/src/views/site/SiteTopicPanel.vue b/src/views/site/SiteTopicPanel.vue
index 8089d14..ee968c6 100644
--- a/src/views/site/SiteTopicPanel.vue
+++ b/src/views/site/SiteTopicPanel.vue
@@ -62,11 +62,65 @@
{{ copy.register }}
-
+
{{ copy.register }}
-
+
diff --git a/src/views/site/index.vue b/src/views/site/index.vue
index 51cca89..ed2db2a 100644
--- a/src/views/site/index.vue
+++ b/src/views/site/index.vue
@@ -371,7 +371,7 @@
inset: 0;
z-index: 995;
border: none;
- background: color-mix(in srgb, var(--ai-bg, #f5f4f1) 55%, rgba(18, 24, 32, 0.18));
+ background: color-mix(in srgb, var(--ai-bg, #f0f3f4) 55%, rgba(18, 24, 32, 0.18));
backdrop-filter: blur(6px) saturate(140%);
-webkit-backdrop-filter: blur(6px) saturate(140%);
cursor: pointer;
diff --git a/src/views/site/styles/ai-advisor.css b/src/views/site/styles/ai-advisor.css
index f8aaa19..2007eb5 100644
--- a/src/views/site/styles/ai-advisor.css
+++ b/src/views/site/styles/ai-advisor.css
@@ -3,7 +3,7 @@
:root {
--ai-header-h: 72px;
--ai-ease: cubic-bezier(0.22, 1, 0.36, 1);
- --ai-bg: #f5f4f1;
+ --ai-bg: #f0f3f4;
--ai-bg-soft: #faf8f6;
--ai-surface: #ffffff;
--ai-text: #121820;
@@ -110,10 +110,16 @@ body.command-home #header .container-xl {
}
body.command-home #navbar > ul > li.site-nav-tools {
+ position: relative;
display: flex;
align-items: center;
flex-shrink: 0;
- gap: 8px;
+ gap: 2px;
+ isolation: isolate;
+}
+
+body.command-home .site-nav-tools__glass {
+ display: none;
}
body.command-home .site-nav-dock {
@@ -132,7 +138,8 @@ body.command-home #navbar .site-nav-dock a {
}
body.command-home .site-nav-dock__glass,
- body.command-home .site-nav-dock__slider {
+ body.command-home .site-nav-dock__slider,
+ body.command-home .site-nav-tools__glass {
display: none;
}
@@ -357,15 +364,123 @@ body.command-home #navbar .site-nav-dock a {
}
body.command-home #navbar > ul > li.site-nav-tools {
- display: flex;
- align-items: center;
- flex-shrink: 0;
- gap: 8px;
+ height: 60px;
+ padding: 5px;
+ overflow: hidden;
+ border: none;
+ border-radius: 28px;
+ background: transparent;
+ box-shadow:
+ 0 12px 40px rgba(15, 23, 42, 0.1),
+ 0 2px 8px rgba(15, 23, 42, 0.04);
+ }
+
+ body.command-home .site-nav-tools__glass {
+ display: block;
+ position: absolute;
+ inset: 0;
+ z-index: 0;
+ border-radius: inherit;
+ overflow: hidden;
+ pointer-events: none;
+ background: linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.16) 100%);
+ backdrop-filter: blur(32px) saturate(190%) brightness(1.08);
+ -webkit-backdrop-filter: blur(32px) saturate(190%) brightness(1.08);
+ }
+
+ body.command-home .site-nav-tools__glass::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ border-radius: inherit;
+ background: linear-gradient(
+ 165deg,
+ rgba(255, 255, 255, 0.62) 0%,
+ rgba(255, 255, 255, 0.12) 32%,
+ rgba(255, 255, 255, 0) 58%
+ );
+ }
+
+ body.command-home .site-nav-tools__glass::after {
+ content: '';
+ position: absolute;
+ inset: 0;
+ border-radius: inherit;
+ padding: 1px;
+ background: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.92) 0%,
+ rgba(255, 255, 255, 0.28) 42%,
+ rgba(255, 255, 255, 0.4) 100%
+ );
+ -webkit-mask:
+ linear-gradient(#000 0 0) content-box,
+ linear-gradient(#000 0 0);
+ -webkit-mask-composite: xor;
+ mask:
+ linear-gradient(#000 0 0) content-box,
+ linear-gradient(#000 0 0);
+ mask-composite: exclude;
+ }
+
+ body.command-home #navbar .site-nav-tools .site-nav-login,
+ body.command-home #navbar .site-nav-tools .site-nav-login:focus,
+ body.command-home #navbar .site-nav-tools .site-nav-login:hover,
+ body.command-home #navbar .site-nav-tools .site-nav-login:visited,
+ body.command-home #navbar .site-nav-tools .language-toggle-link,
+ body.command-home #navbar .site-nav-tools .language-toggle-link:focus,
+ body.command-home #navbar .site-nav-tools .language-toggle-link:hover,
+ body.command-home #navbar .site-nav-tools .language-toggle-link.active,
+ body.command-home #navbar .site-nav-tools .language-toggle-link.active:focus {
+ position: relative;
+ z-index: 1;
+ height: 100%;
+ min-height: 0;
+ padding: 0 14px;
+ border: none;
+ border-radius: 23px;
+ background: transparent;
+ backdrop-filter: none;
+ -webkit-backdrop-filter: none;
+ box-shadow: none;
+ transition:
+ background 0.22s ease,
+ box-shadow 0.22s ease,
+ color 0.22s ease;
+ }
+
+ body.command-home #navbar .site-nav-tools .site-nav-login:hover,
+ body.command-home #navbar .site-nav-tools .site-nav-login:focus,
+ body.command-home #navbar .site-nav-tools .language-toggle-link:hover,
+ body.command-home #navbar .site-nav-tools .language-toggle-link.active,
+ body.command-home #navbar .site-nav-tools .language-toggle-link.active:focus {
+ background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.42) 100%);
+ box-shadow:
+ 0 4px 16px rgba(15, 23, 42, 0.08),
+ inset 0 1px 0 rgba(255, 255, 255, 0.95),
+ inset 0 -1px 0 rgba(255, 255, 255, 0.2);
+ }
+
+ body.command-home #navbar .site-nav-tools .site-nav-avatar,
+ body.command-home #navbar .site-nav-tools .site-nav-avatar:visited,
+ body.command-home #navbar .site-nav-tools .site-nav-avatar:hover {
+ position: relative;
+ z-index: 1;
+ width: 50px;
+ height: 50px;
+ border: none;
+ background: transparent;
+ box-shadow: none;
+ }
+
+ body.command-home #navbar .site-nav-tools .site-nav-avatar img {
+ width: 36px;
+ height: 36px;
+ border-radius: 50%;
}
body.command-home #navbar .language-toggle-link,
body.command-home #navbar .language-toggle-link:focus {
- padding: 0 10px 0 8px;
margin-left: 0;
}
}
@@ -462,10 +577,10 @@ body.command-home #navbar .site-nav-login:visited {
align-items: center;
justify-content: center;
gap: 6px;
+ box-sizing: border-box;
width: auto;
height: 32px;
margin: 0;
- padding: 0 10px 0 8px;
border: 1px solid var(--ai-glass-border);
border-radius: var(--ai-radius-sm);
background: var(--ai-glass-fill);
@@ -480,6 +595,26 @@ body.command-home #navbar .site-nav-login:visited {
color 0.2s var(--ai-ease);
}
+body.command-home #navbar .language-toggle-link,
+body.command-home #navbar .language-toggle-link:focus,
+body.command-home #navbar .language-toggle-link:hover,
+body.command-home #navbar .language-toggle-link.active,
+body.command-home #navbar .language-toggle-link.active:focus {
+ padding: 0 10px 0 8px;
+}
+
+body.command-home #navbar .site-nav-login,
+body.command-home #navbar .site-nav-login:focus,
+body.command-home #navbar .site-nav-login:hover,
+body.command-home #navbar .site-nav-login:visited {
+ padding: 0 12px;
+ text-decoration: none;
+ font-size: 13px;
+ font-weight: 700;
+ line-height: 1;
+ color: var(--ai-action);
+}
+
body.command-home .language-toggle-icon {
width: 1em;
height: 1em;
@@ -1561,6 +1696,21 @@ body.command-home .ai-stage-map--eu {
background: transparent;
}
+.site-topic-btn.is-icon {
+ width: 36px;
+ min-width: 36px;
+ padding: 0;
+ border-color: transparent;
+ background: transparent;
+ color: var(--ai-text-3);
+}
+
+.site-topic-btn.is-icon svg {
+ display: block;
+ width: 18px;
+ height: 18px;
+}
+
.site-topic-btn:hover {
filter: brightness(1.03);
}
@@ -1569,6 +1719,12 @@ body.command-home .ai-stage-map--eu {
background: color-mix(in srgb, var(--ai-action) 8%, #fff);
}
+.site-topic-btn.is-icon:hover {
+ filter: none;
+ color: var(--ai-action);
+ background: color-mix(in srgb, var(--ai-action) 8%, transparent);
+}
+
@media (max-width: 640px) {
.site-topic-contact {
grid-template-columns: minmax(0, 1fr);
@@ -1782,23 +1938,36 @@ body.command-home .ai-stage-map--eu {
.ai-route-card__titles {
min-width: 0;
display: flex;
- flex-direction: column;
- gap: 4px;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: baseline;
+ gap: 0;
}
.ai-route-card__group {
- font-size: 0.7rem;
- font-weight: 700;
- letter-spacing: 0.04em;
- color: var(--ai-gold);
+ flex-shrink: 0;
+ font-size: 0.72rem;
+ font-weight: 600;
+ letter-spacing: 0.02em;
+ line-height: 1.3;
+ color: var(--ai-muted);
+}
+
+.ai-route-card__group::after {
+ content: '·';
+ margin: 0 6px;
+ font-weight: 500;
+ color: color-mix(in srgb, var(--ai-muted) 55%, transparent);
}
.ai-route-card__name {
margin: 0;
- font-size: 1.02rem;
- font-weight: 750;
+ min-width: 0;
+ font-size: 1.05rem;
+ font-weight: 800;
line-height: 1.3;
- color: var(--ai-ink);
+ letter-spacing: -0.01em;
+ color: var(--ai-action);
}
.ai-route-card__eta {
@@ -1888,12 +2057,39 @@ body.command-home .ai-stage-map--eu {
display: flex;
flex-wrap: wrap;
align-items: center;
- gap: 10px;
+ justify-content: flex-end;
+ gap: 8px;
margin-top: auto;
- padding-top: 2px;
+ padding-top: 4px;
+}
+
+.ai-route-card__ask {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 28px;
+ height: 28px;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ border-radius: 8px;
+ background: transparent;
+ color: var(--ai-text-3);
+ cursor: pointer;
+ transition: color 0.15s ease, background 0.15s ease;
+}
+
+.ai-route-card__ask svg {
+ display: block;
+ width: 16px;
+ height: 16px;
+}
+
+.ai-route-card__ask:hover {
+ color: var(--ai-action);
+ background: color-mix(in srgb, var(--ai-action) 8%, transparent);
}
-.ai-route-card__ask,
.ai-routes-retry {
display: inline-flex;
align-items: center;
@@ -1909,7 +2105,6 @@ body.command-home .ai-stage-map--eu {
cursor: pointer;
}
-.ai-route-card__ask:hover,
.ai-routes-retry:hover {
filter: brightness(1.06);
}
@@ -1919,19 +2114,20 @@ body.command-home .ai-stage-map--eu {
display: inline-flex;
align-items: center;
justify-content: center;
- min-height: 34px;
- padding: 0 4px;
+ min-height: 28px;
+ padding: 0 2px;
border: 0;
background: none;
- color: var(--ai-action);
- font-size: 0.82rem;
- font-weight: 650;
+ color: var(--ai-text-3);
+ font-size: 0.78rem;
+ font-weight: 600;
text-decoration: none;
cursor: pointer;
}
.ai-route-card__reg:hover,
.ai-routes-ghost:hover {
+ color: var(--ai-action);
text-decoration: underline;
}
@@ -2207,14 +2403,6 @@ body.command-home .ai-stage-map--eu {
display: none;
}
-body.command-home #navbar .site-nav-login {
- text-decoration: none;
- font-size: 13px;
- font-weight: 700;
- color: var(--ai-action);
- padding: 0 12px;
-}
-
body.command-home #navbar .site-nav-avatar,
body.command-home #navbar .site-nav-avatar:visited {
display: inline-flex;
diff --git a/src/views/site/styles/main.css b/src/views/site/styles/main.css
index a81c019..aaeb594 100644
--- a/src/views/site/styles/main.css
+++ b/src/views/site/styles/main.css
@@ -8,7 +8,7 @@
--kc-secondary: #3d6678;
--kc-tertiary: #054f74;
--kc-tertiary-rgb: 5, 79, 116;
- --kc-page-bg: #f5f4f1;
+ --kc-page-bg: #f0f3f4;
--kc-neutral: #faf8f6;
--kc-surface: #ffffff;
--kc-border: #e0d9cc;
diff --git a/src/views/track/trackOrder/index.vue b/src/views/track/trackOrder/index.vue
index 7304aa4..d5c5668 100644
--- a/src/views/track/trackOrder/index.vue
+++ b/src/views/track/trackOrder/index.vue
@@ -1,7 +1,16 @@