联系我们
成都市武侯区芯通科技大厦 B 座 9 楼成都市武侯区芯通科技大厦B座9楼
联系电话：待补充
商务邮箱：待补充
diff --git a/composables/useOfficialContent.js b/composables/useOfficialContent.js
new file mode 100644
index 0000000..c06cc35
--- /dev/null
+++ b/composables/useOfficialContent.js
@@ -0,0 +1,131 @@
+const ALL_LABEL = '全部'
+const LATEST_LABEL = '最新文章'
+const FALLBACK_IMAGE = '/images/lanhu/slices/home-group95-image21@2x.png'
+
+function pickUrl(asset) {
+ return asset?.url || asset?.fileUrl || asset?.filePath || ''
+}
+
+function buildMediaMap(media = []) {
+ return new Map(media.map((asset) => [asset.id, asset]))
+}
+
+function toTags(value) {
+ if (Array.isArray(value)) return value.filter(Boolean)
+ return String(value || '')
+ .split(/[,，、\s]+/)
+ .map((item) => item.trim())
+ .filter(Boolean)
+}
+
+function bySortAndTime(left, right) {
+ const leftSort = Number.isFinite(Number(left.sortOrder)) ? Number(left.sortOrder) : 9999
+ const rightSort = Number.isFinite(Number(right.sortOrder)) ? Number(right.sortOrder) : 9999
+ if (leftSort !== rightSort) return leftSort - rightSort
+ return String(right.updatedAt || right.publishedAt || '').localeCompare(
+ String(left.updatedAt || left.publishedAt || '')
+ )
+}
+
+export function useOfficialContent() {
+ const config = useRuntimeConfig()
+ const serverApiBase = `${String(config.officialApiProxyTarget || 'http://localhost:8080').replace(/\/$/, '')}/api`
+ const apiBase = import.meta.server ? serverApiBase : (config.public.officialApiBase || '/api')
+
+ function fetchPublicContent(type) {
+ console.log(apiBase)
+ return $fetch('/public/content', {
+ baseURL: apiBase,
+ query: { type }
+ })
+ }
+
+ function fetchHomepageSections() {
+ return $fetch('/public/homepage/sections', { baseURL: apiBase })
+ }
+
+ function fetchPublicSiteConfig() {
+ return $fetch('/public/site-config', { baseURL: apiBase })
+ }
+
+ function assetUrl(assetId, mediaMap, fallback = FALLBACK_IMAGE) {
+ if (!assetId) return fallback
+ return pickUrl(mediaMap.get(assetId)) || fallback
+ }
+
+ function assetAlt(assetId, mediaMap, fallback = '') {
+ if (!assetId) return fallback
+ return mediaMap.get(assetId)?.alt || fallback
+ }
+
+ function normalizeCase(item, mediaMap) {
+ const metric = item.metricValue || ''
+ const metricLabel = item.metricLabel || ''
+ const clientName = item.isAnonymous && item.clientName ? `匿名客户：${item.clientName}` : item.clientName
+
+ return {
+ ...item,
+ industry: item.industry || item.category || '未分类',
+ client: clientName || '匿名客户',
+ cover: item.coverUrl || assetUrl(item.coverAssetId, mediaMap),
+ coverAlt: item.coverAlt || assetAlt(item.coverAssetId, mediaMap, item.title),
+ summary: item.summary || item.description || '',
+ description: item.description || item.summary || '',
+ metric,
+ metricLabel,
+ metrics: [[metric, metricLabel], [item.secondary, '辅助成果']].filter((row) => row[0]),
+ secondary: item.secondary || '',
+ contentHtml: item.contentHtml || ''
+ }
+ }
+
+ function normalizeArticle(item, mediaMap) {
+ return {
+ ...item,
+ category: item.category || '未分类',
+ excerpt: item.summary || item.description || '',
+ date: item.publishDate || item.publishedAt?.slice?.(0, 10) || '',
+ readingTime: item.readingTime || '约 5 分钟',
+ views: item.views || '0',
+ cover: item.coverUrl || assetUrl(item.coverAssetId, mediaMap),
+ coverAlt: item.coverAlt || assetAlt(item.coverAssetId, mediaMap, item.title),
+ featured: Boolean(item.isFeatured),
+ tags: toTags(item.tags),
+ contentHtml: item.contentHtml || ''
+ }
+ }
+
+ function normalizeWhitepaper(item, mediaMap) {
+ const documentAsset = item.documentAssetId ? mediaMap.get(item.documentAssetId) : null
+
+ return {
+ ...item,
+ category: item.category || '行业白皮书',
+ excerpt: item.summary || item.description || '',
+ cta: item.cta || '获取白皮书',
+ cover: item.coverUrl || assetUrl(item.coverAssetId, mediaMap),
+ documentUrl: item.documentUrl || pickUrl(documentAsset),
+ documentName: item.documentName || documentAsset?.name || item.title,
+ contentHtml: item.contentHtml || ''
+ }
+ }
+
+ function categoryList(items, field = 'category', extras = []) {
+ const values = items.map((item) => item[field]).filter(Boolean)
+ return [ALL_LABEL, ...extras, ...Array.from(new Set(values))]
+ }
+
+ return {
+ ALL_LABEL,
+ LATEST_LABEL,
+ bySortAndTime,
+ buildMediaMap,
+ fetchPublicContent,
+ fetchHomepageSections,
+ fetchPublicSiteConfig,
+ normalizeCase,
+ normalizeArticle,
+ normalizeWhitepaper,
+ categoryList
+ }
+}
diff --git a/nuxt.config.js b/nuxt.config.js
index 6eefaca..fbd0534 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,4 +1,12 @@
+const officialApiProxyTarget = (process.env.NUXT_OFFICIAL_API_PROXY_TARGET || 'http://localhost:8080').replace(/\/$/, '')
+
export default defineNuxtConfig({
+ runtimeConfig: {
+ officialApiProxyTarget,
+ public: {
+ officialApiBase: process.env.NUXT_PUBLIC_OFFICIAL_API_BASE || '/api'
+ }
+ },
future: {
compatibilityVersion: 3
},
@@ -13,6 +21,14 @@ export default defineNuxtConfig({
}
}
},
+ nitro: {
+ devProxy: {
+ '/api': {
+ target: `${officialApiProxyTarget}/api`,
+ changeOrigin: true
+ }
+ }
+ },
app: {
head: {
title: '大马棒 · 云途全域 GEO',
diff --git a/pages/about.vue b/pages/about.vue
index ef55272..63bafce 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -5,18 +5,44 @@ import SiteFooter from '~/components/site/SiteFooter.vue'
const pageRoot = ref(null)
const { openConsultation } = useConsultation()
+const { fetchPublicSiteConfig } = useOfficialContent()
let animationContext
-useHead({
+const { data: siteConfigRows } = await useAsyncData('public-site-config-about', () =>
+ fetchPublicSiteConfig()
+)
+
+function parseConfigValue(value, fallback) {
+ if (value == null || value === '') return fallback
+ if (typeof value !== 'string') return value
+ try {
+ return JSON.parse(value)
+ } catch {
+ return fallback
+ }
+}
+
+const siteConfig = computed(() => siteConfigRows.value || {})
+const brandConfig = computed(() => parseConfigValue(siteConfig.value.BRAND_PROFILE, {}))
+const contactConfig = computed(() =>
+ parseConfigValue(siteConfig.value.CONTACT, {
+ phone: '待补充',
+ email: '待补充',
+ address: '待补充'
+ })
+)
+
+useHead(() => ({
title: '关于我们｜大马棒·云途全域 GEO',
meta: [
{
name: 'description',
content:
+ brandConfig.value.seoDescription ||
'大马棒·云途全域 GEO 是聚焦 AI 搜索增长的全链路服务商，提供可见性诊断、策略规划、内容建设、信源分发与效果复盘。'
}
]
-})
+}))
const stats = [
['1000+', '累计服务客户'],
@@ -33,7 +59,7 @@ const serviceFlow = [
['05', '效果复盘', '持续监测覆盖率、推荐率、流量与咨询线索质量。']
]
-const timeline = [
+const fallbackTimeline = [
{
year: '2023',
title: '核心团队组建',
@@ -58,6 +84,22 @@ const timeline = [
events: ['打通品牌曝光与营销获客闭环', '服务客户突破 1000 家，覆盖 12+ 主流行业']
}
]
+const timeline = computed(() => {
+ const rows = parseConfigValue(siteConfig.value.ABOUT_HISTORY, [])
+ if (!Array.isArray(rows) || rows.length === 0) return fallbackTimeline
+
+ return rows
+ .filter((item) => item.status !== 'OFFLINE')
+ .sort((left, right) => (Number(left.sortOrder) || 0) - (Number(right.sortOrder) || 0))
+ .map((item) => ({
+ year: item.year || '',
+ title: item.title || '',
+ events:
+ Array.isArray(item.events) && item.events.length
+ ? item.events
+ : [item.description].filter(Boolean)
+ }))
+})
const teamCapabilities = [
['搜索理解', '经历 PC 搜索、移动搜索到 AI 搜索的持续变化。'],
@@ -211,7 +253,7 @@ onBeforeUnmount(() => animationContext?.revert())
@@ -289,20 +331,16 @@ onBeforeUnmount(() => animationContext?.revert())
-
- 公司名称
- - 成都大马棒传媒有限公司
+ - 咨询电话
+ - {{ contactConfig.phone || '待补充' }}
-
- 公司地址
- - 成都市武侯区芯通科技大厦 B 座 9 楼
+ - 联系邮箱
+ - {{ contactConfig.email || '待补充' }}
-
- 联系电话
- - 待补充
-
-
-
- 商务邮箱
- - 待补充
+ - 办公地址
+ - {{ contactConfig.address || '待补充' }}
@@ -819,6 +857,15 @@ onBeforeUnmount(() => animationContext?.revert())
margin: 0 auto;
text-align: center;
}
+.center-heading .section-kicker {
+ width: 100%;
+ display: block;
+ justify-content: center;
+ text-align: center;
+}
+.center-heading .section-kicker::before {
+ display: none;
+}
.center-heading > p:last-child {
max-width: 640px;
margin: 18px auto 0;
@@ -856,7 +903,7 @@ onBeforeUnmount(() => animationContext?.revert())
place-items: center;
border: 7px solid rgba(255, 255, 255, 0.92);
border-radius: 50%;
- color: #fff;
+ color: #fff !important;
background: #358af0;
box-shadow: 0 11px 24px rgba(51, 135, 235, 0.22);
font-size: 10px;
@@ -1104,10 +1151,13 @@ onBeforeUnmount(() => animationContext?.revert())
url('/images/lanhu/slices/home-group105-image31@2x.png') center / cover no-repeat;
}
.about-cta-content {
+ display: grid;
+ justify-items: center;
padding: 75px 0;
text-align: center;
}
.about-cta-content > p {
+ width: 100%;
margin: 0;
color: #237df0;
font-size: 12px;
diff --git a/pages/advantages.vue b/pages/advantages.vue
index f63f75b..837ec31 100644
--- a/pages/advantages.vue
+++ b/pages/advantages.vue
@@ -106,6 +106,20 @@ const advantages = [
}
]
+const introSequenceIcons = {
+ 'human-content': '/images/advantages/intro-human-content.png',
+ 'media-network': '/images/advantages/intro-media-network.png',
+ 'closed-loop': '/images/advantages/intro-closed-loop.png',
+ 'custom-service': '/images/advantages/intro-custom-service.png'
+}
+
+const capabilityImages = {
+ 'human-content': '/images/advantages/capability-human-content.png',
+ 'media-network': '/images/advantages/capability-media-network.png',
+ 'closed-loop': '/images/advantages/capability-closed-loop.png',
+ 'custom-service': '/images/advantages/capability-custom-service.png'
+}
+
const comparisonRows = [
['核心目标', '抢排名、买点击', '蹭热度、抓眼球', '让品牌在 AI 推荐中被选中'],
['内容逻辑', '迎合搜索规则', '什么火就写什么', '真实可信，适配 AI 搜索与用户决策'],
@@ -120,14 +134,14 @@ const valueAddedServices = [
title: '创始人 / 企业 IP 打造',
text: '结合品牌调性与创始人特质，搭建差异化人设定位、内容脚本体系与长期更新规划，形成高辨识度的专属 IP。',
items: ['人设定位', '选题与脚本', '内容生产', '长期运营'],
- image: '/images/lanhu/slices/home-group96-image22@2x.png'
+ image: '/images/advantages/founder-ip-visual.png'
},
{
number: '02',
title: '短视频与直播获客',
text: '从短视频批量产出到直播间常态化运营，配置主播、运营、投流与中控团队，覆盖拍摄、剪辑、投放和转化。',
items: ['短视频生产', '直播运营', '投流优化', '成交承接'],
- image: '/images/lanhu/slices/home-group97-image23@2x.png'
+ image: '/images/advantages/short-video-live-visual.png'
}
]
@@ -239,10 +253,19 @@ onBeforeUnmount(() => animationContext?.revert())
-
+
{{ advantage.number }}{{ advantage.short }}
{{ advantage.metric }}
+ ![]()
@@ -293,20 +316,10 @@ onBeforeUnmount(() => animationContext?.revert())
{{ advantage.short }}能力模型YUNTU CAPABILITY MAP
-
- {{ advantage.number }}{{ advantage.short }}
-
-
- 0{{ itemIndex + 1 }}{{ item }}
-
-
+
![]()
{{ advantage.metric }} animationContext?.revert())
gap: 14px;
}
.intro-sequence article {
+ position: relative;
min-height: 165px;
- padding: 26px;
+ overflow: hidden;
+ padding: 26px 118px 26px 26px;
border-radius: 14px 5px 14px 5px;
background: #f2f7fd;
transition: 0.24s;
@@ -799,12 +814,58 @@ onBeforeUnmount(() => animationContext?.revert())
font-size: 17px;
}
.intro-sequence p {
+ position: relative;
+ z-index: 2;
margin: 7px 0 0;
color: #277fec;
font-size: 20px;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
+.intro-sequence span,
+.intro-sequence strong {
+ position: relative;
+ z-index: 2;
+}
+.intro-sequence-icon {
+ position: absolute;
+ right: 16px;
+ bottom: 12px;
+ z-index: 1;
+ width: 108px;
+ max-height: 128px;
+ object-fit: contain;
+ pointer-events: none;
+ filter: drop-shadow(0 18px 26px rgba(40, 126, 235, 0.18));
+ transition: transform 0.24s;
+}
+.intro-sequence article:hover .intro-sequence-icon {
+ transform: translate3d(0, -4px, 0) scale(1.03);
+}
+.intro-card--human-content .intro-sequence-icon {
+ right: 22px;
+ bottom: 24px;
+ width: 66px;
+ max-height: 86px;
+}
+.intro-card--media-network .intro-sequence-icon {
+ right: 16px;
+ bottom: 18px;
+ width: 106px;
+ max-height: 112px;
+}
+.intro-card--closed-loop .intro-sequence-icon {
+ right: 12px;
+ bottom: 41x;
+ width: 100px;
+ max-height: 128px;
+}
+.intro-card--custom-service .intro-sequence-icon {
+ right: 2px;
+ bottom: -4px;
+ width: 130px;
+ max-height: 132px;
+}
.advantage-story {
scroll-margin-top: 80px;
padding: 116px 0 132px;
@@ -919,20 +980,25 @@ onBeforeUnmount(() => animationContext?.revert())
letter-spacing: 0.1em;
}
.story-action {
+ display: inline-flex;
+ min-width: 164px;
+ min-height: 46px;
margin-top: 24px;
- padding: 0 0 5px;
- border-bottom: 1px solid #8eb9e9;
- color: #247be8;
- background: transparent;
+ padding: 0 26px;
+ align-items: center;
+ justify-content: center;
+ gap: 9px;
+ white-space: nowrap;
font-size: 12px;
font-weight: 600;
}
-.story-action b {
- margin-left: 8px;
- transition: margin 0.2s;
+.story-action :deep(.app-icon) {
+ width: 1em;
+ height: 1em;
+ transition: transform 0.2s;
}
-.story-action:hover b {
- margin-left: 13px;
+.story-action:hover :deep(.app-icon) {
+ transform: translateX(4px);
}
.advantage-story-visual {
position: relative;
@@ -978,110 +1044,14 @@ onBeforeUnmount(() => animationContext?.revert())
position: absolute;
top: 52%;
left: 50%;
- width: 410px;
- height: 360px;
+ width: min(88%, 460px);
+ height: 400px;
transform: translate(-50%, -50%);
}
-.capability-map::before {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 280px;
- height: 280px;
- content: '';
- border: 1px dashed rgba(55, 137, 232, 0.34);
- border-radius: 50%;
- transform: translate(-50%, -50%);
-}
-.capability-center {
- position: absolute;
- z-index: 3;
- top: 50%;
- left: 50%;
- width: 142px;
- height: 142px;
- display: grid;
- place-content: center;
- justify-items: center;
- border: 11px solid rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- color: #fff;
- background: linear-gradient(145deg, #3185ee, #50bce7);
- box-shadow: 0 22px 42px rgba(36, 123, 225, 0.28);
- transform: translate(-50%, -50%);
-}
-.capability-center small {
- font-size: 9px;
- opacity: 0.7;
-}
-.capability-center strong {
- margin-top: 5px;
- font-size: 17px;
-}
-.capability-node {
- position: absolute;
- z-index: 3;
- min-width: 110px;
- padding: 12px 14px;
- border: 1px solid rgba(255, 255, 255, 0.92);
- border-radius: 7px;
- color: #4e7198;
- background: rgba(255, 255, 255, 0.84);
- box-shadow: 0 12px 25px rgba(54, 113, 185, 0.11);
- text-align: center;
- backdrop-filter: blur(8px);
-}
-.capability-node span {
- display: block;
- color: #91a9c3;
- font-size: 8px;
-}
-.capability-node strong {
- display: block;
- margin-top: 3px;
- font-size: 10px;
-}
-.capability-node-1 {
- top: 0;
- left: 50%;
- transform: translateX(-50%);
-}
-.capability-node-2 {
- top: 50%;
- right: 0;
- transform: translateY(-50%);
-}
-.capability-node-3 {
- bottom: 0;
- left: 50%;
- transform: translateX(-50%);
-}
-.capability-node-4 {
- top: 50%;
- left: 0;
- transform: translateY(-50%);
-}
-.capability-line {
- position: absolute;
- z-index: 1;
- top: 50%;
- left: 50%;
- width: 2px;
- height: 135px;
- background: linear-gradient(#5aa1ed, transparent);
- transform-origin: top;
-}
-.line-1 {
- transform: rotate(180deg);
-}
-.line-2 {
- transform: rotate(90deg);
-}
-.line-3 {
- transform: rotate(0);
-}
-.line-4 {
- transform: rotate(-90deg);
+.capability-map img {
+ width: 100%;
+ height: 100%;
+ object-fit: contain;
}
.capability-metric {
position: absolute;
@@ -1140,7 +1110,7 @@ onBeforeUnmount(() => animationContext?.revert())
font-size: 11px;
}
.comparison-table-wrap thead th:last-child {
- color: #fff;
+ color: #fff !important;
background: #3187ee;
}
.comparison-table-wrap thead span {
@@ -1193,17 +1163,26 @@ onBeforeUnmount(() => animationContext?.revert())
}
.value-added-image {
position: relative;
+ display: grid;
+ place-items: center;
overflow: hidden;
- background: #e5f1ff;
+ background:
+ radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.86) 0, rgba(255, 255, 255, 0) 31%),
+ radial-gradient(circle at 72% 32%, rgba(96, 207, 255, 0.36) 0, rgba(96, 207, 255, 0) 34%),
+ linear-gradient(135deg, #edf7ff 0%, #d8efff 48%, #f2edff 100%);
}
.value-added-image img {
- width: 100%;
- height: 100%;
+ position: relative;
+ z-index: 1;
+ width: min(108%, 560px);
+ height: min(92%, 370px);
display: block;
- object-fit: cover;
+ object-fit: contain;
+ filter: drop-shadow(0 24px 34px rgba(34, 122, 229, 0.18));
}
.value-added-image > span {
position: absolute;
+ z-index: 2;
top: 24px;
left: 24px;
display: grid;
@@ -1327,10 +1306,13 @@ onBeforeUnmount(() => animationContext?.revert())
url('/images/lanhu/slices/home-group105-image31@2x.png') center / cover no-repeat;
}
.advantages-cta-content {
+ display: grid;
+ justify-items: center;
padding: 75px 0;
text-align: center;
}
.advantages-cta-content > p {
+ width: 100%;
margin: 0;
color: #237df0;
font-size: 12px;
@@ -1442,6 +1424,31 @@ onBeforeUnmount(() => animationContext?.revert())
}
.intro-sequence article {
min-height: 140px;
+ padding-right: 118px;
+ }
+ .intro-sequence-icon {
+ right: 14px;
+ bottom: 10px;
+ width: 96px;
+ max-height: 106px;
+ }
+ .intro-card--human-content .intro-sequence-icon {
+ right: 20px;
+ bottom: 20px;
+ width: 68px;
+ }
+ .intro-card--media-network .intro-sequence-icon {
+ right: 14px;
+ bottom: 16px;
+ width: 94px;
+ max-height: 100px;
+ }
+ .intro-card--closed-loop .intro-sequence-icon,
+ .intro-card--custom-service .intro-sequence-icon {
+ right: 10px;
+ bottom: 0;
+ width: 108px;
+ max-height: 112px;
}
.advantage-story-copy h2 {
font-size: 31px;
@@ -1450,25 +1457,9 @@ onBeforeUnmount(() => animationContext?.revert())
min-height: 430px;
}
.capability-map {
- width: 310px;
+ width: min(92%, 320px);
height: 280px;
}
- .capability-map::before {
- width: 205px;
- height: 205px;
- }
- .capability-center {
- width: 105px;
- height: 105px;
- border-width: 8px;
- }
- .capability-node {
- min-width: 83px;
- padding: 9px;
- }
- .capability-line {
- height: 100px;
- }
.capability-metric {
right: 18px;
bottom: 17px;
@@ -1486,6 +1477,10 @@ onBeforeUnmount(() => animationContext?.revert())
.value-added-image {
min-height: 260px;
}
+ .value-added-image img {
+ width: min(112%, 430px);
+ height: 230px;
+ }
.value-added-copy {
padding: 32px 23px;
}
diff --git a/pages/cases/[slug].vue b/pages/cases/[slug].vue
index c68aa96..3b16b89 100644
--- a/pages/cases/[slug].vue
+++ b/pages/cases/[slug].vue
@@ -1,307 +1,262 @@
-
+
跳到主要内容
-
-
-
-
-
-
-
-
+
{{ article.category }}
{{ article.title }}
{{ article.excerpt }}
+
+ {{
+ tag
+ }}
+
查看详情
@@ -177,12 +227,12 @@ function requestWhitepaper(source) {
REPORT2026
-
行业白皮书
-
AI 搜索与品牌增长观察
-
用户行为 · 内容信源 · 衡量框架 · 行业实践
+
{{ featuredWhitepaper?.category || '行业白皮书' }}
+
{{ featuredWhitepaper?.title || 'AI 搜索与品牌增长观察' }}
+
{{ featuredWhitepaper?.excerpt || '用户行为 · 内容信源 · 衡量框架 · 行业实践' }}
@@ -493,43 +543,78 @@ function requestWhitepaper(source) {
}
.insight-filters {
display: flex;
- flex-wrap: wrap;
- gap: 10px;
- margin-top: 75px;
- padding-bottom: 18px;
- border-bottom: 1px solid #e0e9f3;
+ flex-wrap: nowrap;
+ justify-content: center;
+ gap: clamp(20px, 3.2vw, 44px);
+ width: min(100%, 980px);
+ margin: 72px auto 0;
+ padding: 0 6px;
+ overflow-x: auto;
+ border-bottom: 0;
+ scrollbar-width: none;
+}
+.insight-filters::-webkit-scrollbar {
+ display: none;
}
.insight-filters button {
- height: 38px;
- padding: 0 17px;
- border-radius: 4px;
- color: #61758c;
- background: #f1f6fc;
- font-size: 12px;
+ position: relative;
+ flex: 0 0 auto;
+ height: 54px;
+ padding: 0 8px;
+ border-radius: 0;
+ color: #101827;
+ background: transparent;
+ font-size: 22px !important;
+ font-weight: 500;
transition: 0.2s;
}
.insight-filters button:hover,
.insight-filters button.active {
- color: #fff;
- background: #287ff0;
- box-shadow: 0 8px 18px rgba(39, 126, 238, 0.2);
- transform: translateY(-1px);
+ color: #0978ff;
+ background: transparent;
+ box-shadow: none;
+ transform: none;
+}
+.insight-filters button::after {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: 2px;
+ content: '';
+ background: currentColor;
+ opacity: 0;
+ transform: scaleX(0.75);
+ transition:
+ opacity 0.2s,
+ transform 0.2s;
+}
+.insight-filters button.active::after {
+ opacity: 1;
+ transform: scaleX(1);
}
.article-results {
- margin-top: 40px;
+ margin-top: 28px;
}
.article-grid {
display: grid;
- grid-template-columns: repeat(2, 1fr);
- gap: 28px;
+ grid-template-columns: 1fr;
+ gap: 20px;
+ width: min(100%, 1180px);
+ margin: 0 auto;
}
.article-grid article {
display: grid;
- grid-template-columns: 0.85fr 1.15fr;
- min-height: 285px;
+ grid-template-columns: minmax(280px, 332px) 1fr;
+ gap: 48px;
+ align-items: center;
+ min-height: 268px;
overflow: hidden;
- border-radius: 14px 4px 14px 4px;
- background: #f3f7fc;
+ padding: 18px 48px 18px 28px;
+ border: 1px solid #edf1f6;
+ border-radius: 18px;
+ background: linear-gradient(100deg, #fff 0%, #fff 72%, #f0f7ff 100%);
+ box-shadow: 0 10px 26px rgba(43, 83, 130, 0.05);
transition:
transform 0.25s,
box-shadow 0.25s,
@@ -537,18 +622,20 @@ function requestWhitepaper(source) {
}
.article-grid article:hover {
background: #fff;
- box-shadow: 0 20px 42px rgba(61, 119, 189, 0.13);
- transform: translateY(-5px);
+ box-shadow: 0 18px 42px rgba(61, 119, 189, 0.12);
+ transform: translateY(-3px);
}
.article-grid article.lead {
- grid-column: 1 / -1;
- grid-template-columns: 1.05fr 0.95fr;
- min-height: 350px;
+ grid-column: auto;
+ grid-template-columns: minmax(280px, 332px) 1fr;
+ min-height: 268px;
}
.article-cover {
position: relative;
- min-height: 100%;
+ height: 232px;
+ min-height: 0;
overflow: hidden;
+ border-radius: 14px;
}
.article-cover img {
width: 100%;
@@ -561,40 +648,64 @@ function requestWhitepaper(source) {
transform: scale(1.04);
}
.article-cover > span {
- position: absolute;
- top: 18px;
- left: 18px;
- padding: 7px 9px;
- border-radius: 3px;
- color: #fff;
- background: rgba(32, 105, 200, 0.82);
- font-size: 9px;
+ display: none;
}
.article-copy {
display: flex;
flex-direction: column;
justify-content: center;
- padding: 28px;
+ min-width: 0;
+ padding: 4px 0;
+}
+.article-grid .article-meta,
+.article-grid .read-link {
+ display: none;
+}
+.article-category {
+ color: #50667f;
+ font-size: 13px;
+ line-height: 1.4;
}
.article-copy h3 {
- margin: 15px 0 0;
- font-size: 20px;
- line-height: 1.45;
+ margin: 12px 0 0;
+ color: #142033;
+ font-size: 24px;
+ font-weight: 500;
+ line-height: 1.38;
}
.article-grid article.lead h3 {
- font-size: 28px;
+ font-size: 24px;
+}
+.article-copy h3 a {
+ color: inherit;
+ text-decoration: none;
}
.article-copy > p {
- margin: 12px 0 0;
- color: #75859a;
- font-size: 11px;
- line-height: 1.75;
+ display: -webkit-box;
+ overflow: hidden;
+ margin: 16px 0 0;
+ color: #435776;
+ font-size: 16px;
+ line-height: 1.68;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
}
-.read-link {
- align-self: flex-start;
- margin-top: 22px;
- padding-bottom: 4px;
- border-bottom: 1px solid #9bc1e9;
+.article-tags {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
+ margin-top: 24px;
+}
+.article-tags span {
+ min-height: 34px;
+ display: inline-flex;
+ align-items: center;
+ padding: 0 13px;
+ border: 1px solid #d9e5f5;
+ border-radius: 5px;
+ color: #096fff;
+ background: #f7fbff;
+ font-size: 12px;
}
.load-more {
min-width: 150px;
@@ -736,10 +847,13 @@ function requestWhitepaper(source) {
url('/images/lanhu/slices/home-group105-image31@2x.png') center / cover no-repeat;
}
.insights-cta-content {
+ display: grid;
+ justify-items: center;
padding: 74px 0;
text-align: center;
}
.insights-cta-content p {
+ width: 100%;
margin: 0;
color: #237df0;
font-size: 12px;
@@ -850,24 +964,48 @@ function requestWhitepaper(source) {
flex-direction: column;
}
.insight-filters {
+ justify-content: flex-start;
+ gap: 30px;
+ width: 100%;
+ margin-top: 52px;
+ padding-bottom: 4px;
flex-wrap: nowrap;
overflow-x: auto;
}
.insight-filters button {
flex: 0 0 auto;
+ height: 48px;
+ font-size: 18px !important;
}
.article-grid article,
.article-grid article.lead {
grid-template-columns: 1fr;
+ gap: 18px;
+ padding: 14px;
+ border-radius: 16px;
}
.article-cover {
- min-height: 210px;
+ height: auto;
+ min-height: 0;
+ aspect-ratio: 1.43;
}
.article-copy {
- padding: 25px 22px;
+ padding: 0 4px 4px;
}
+ .article-copy h3,
.article-grid article.lead h3 {
- font-size: 22px;
+ font-size: 21px;
+ }
+ .article-copy > p {
+ font-size: 14px;
+ }
+ .article-tags {
+ gap: 8px;
+ margin-top: 18px;
+ }
+ .article-tags span {
+ min-height: 30px;
+ padding: 0 10px;
}
.whitepaper-grid {
grid-template-columns: 1fr;
diff --git a/pages/services.vue b/pages/services.vue
index 1fa85c6..20d2d59 100644
--- a/pages/services.vue
+++ b/pages/services.vue
@@ -37,6 +37,12 @@ const ringModels = [
}
]
+const serviceVisualImages = [
+ '/images/services/brand-exposure-visual.png',
+ '/images/services/lead-conversion-visual.png',
+ '/images/services/omnichannel-visual.png'
+]
+
const services = [
{
id: 'brand-exposure',
@@ -190,11 +196,11 @@ onBeforeUnmount(() => animationContext?.revert())
GEO品效双环持续增长
-
品牌提及+217%
-
- 转化效率+64%
-
-
AI 搜索增长系统正在运行
+
+
+
+
+
@@ -224,7 +230,7 @@ onBeforeUnmount(() => animationContext?.revert())
@@ -279,7 +285,7 @@ onBeforeUnmount(() => animationContext?.revert())
-
服务体系
+
服务体系
三类能力，服务同一个增长目标
@@ -337,7 +343,13 @@ onBeforeUnmount(() => animationContext?.revert())
{{ service.visualTitle }}YUNTU GEO SYSTEM
-
+
![]()
+
{{ service.index }}{{ service.title.split('，')[0] }}
@@ -350,7 +362,10 @@ onBeforeUnmount(() => animationContext?.revert())
>
-
+
{{ service.metric }}{{ service.metricLabel }}
@@ -364,7 +379,7 @@ onBeforeUnmount(() => animationContext?.revert())
@@ -424,7 +439,7 @@ onBeforeUnmount(() => animationContext?.revert())
教育培训行业 · GEO 全链路案例
420 个真实问题，5 个月进入 AI 推荐列表
-
+
围绕家长“找方法、选机构、比课程、看口碑、做决策”的完整路径，搭建问题库、可信内容与持续监测体系。
@@ -460,7 +475,7 @@ onBeforeUnmount(() => animationContext?.revert())
-
从一次真实诊断开始
+
从一次真实诊断开始
你的品牌，应该先解决曝光问题，
还是转化问题？
聊聊行业、现状和目标，我们会给出第一步建议。