admin/38780-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

网站建设

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-26 11:49:01 +00:00
parent 784aa3f3d1
commit 0da7358bbb
4 changed files with 93 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
assets/css/custom.css
View File

@ -44,41 +44,59 @@ body {
}
.navbar-brand {
font-size: 2.4rem;
display: inline-flex;
align-items: center;
text-decoration: none;
transition: all 0.3s;
}
.navbar.scrolled .navbar-brand {
font-size: 2rem;
}
.navbar-brand img {
height: 1.5em;
height: 60px;
width: auto;
object-fit: contain;
background: transparent !important;
filter: brightness(1.4) contrast(1.1) drop-shadow(0 0 8px rgba(0, 102, 255, 0.6)) drop-shadow(0 0 20px rgba(0, 102, 255, 0.3));
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
filter: brightness(1.2) drop-shadow(0 0 5px rgba(0, 102, 255, 0.3));
transition: all 0.4s;
animation: logo-float 3s ease-in-out infinite;
z-index: 2;
display: block;
margin-top: -0.15em;
margin-right: 0.2em;
}
.navbar-brand span {
font-size: 1em;
line-height: 1;
font-weight: 900;
letter-spacing: -0.02em;
color: #0f172a;
display: inline-flex;
align-items: center;
.navbar.scrolled .navbar-brand img {
height: 50px;
}
/* 智域科技 个性动态字体 */
.brand-text-dynamic {
display: flex;
align-items: center;
font-family: 'Ma Shan Zheng', cursive;
font-size: 2.2rem;
font-weight: 400;
letter-spacing: 0.05em;
margin-left: 5px;
}
.navbar.scrolled .brand-text-dynamic {
font-size: 1.8rem;
}
.brand-text-dynamic span {
display: inline-block;
animation: char-float 2.5s ease-in-out infinite;
text-shadow: 2px 2px 4px rgba(0,0,0,0.05);
}
@keyframes char-float {
0%, 100% { transform: translateY(0) scale(1); filter: brightness(1); }
50% { transform: translateY(-8px) scale(1.1); filter: brightness(1.2); }
}
.brand-text-dynamic .char-1 { color: #0066FF; animation-delay: 0s; }
.brand-text-dynamic .char-2 { color: #28a745; animation-delay: 0.2s; }
.brand-text-dynamic .char-3 { color: #fd7e14; animation-delay: 0.4s; }
.brand-text-dynamic .char-4 { color: #dc3545; animation-delay: 0.6s; }
/* 英雄首屏字体与布局 */
.hero-section {
padding-top: 160px;
@ -109,7 +127,7 @@ body {
font-size: clamp(2rem, 5vw, 2.5rem);
font-weight: 800;
margin-bottom: 3.5rem;
text-align: center;
text-align: left;
}
.section-subtitle {
@ -120,7 +138,7 @@ body {
text-transform: uppercase;
letter-spacing: 0.15em;
margin-bottom: 1rem;
text-align: center;
text-align: left;
}
/* 布局网格系统 */
@ -180,7 +198,7 @@ body {
border: 1px solid var(--glass-border);
border-radius: 16px;
padding: 1.5rem 1rem;
text-align: center;
text-align: left;
transition: all 0.3s;
display: flex;
flex-direction: column;
@ -343,6 +361,7 @@ body {
.hero-title { font-size: 2.2rem; }
.navbar { height: auto; padding: 0.75rem 0; }
.hero-carousel { height: 300px; }
.brand-text-dynamic { font-size: 1.5rem; }
}
/* 手机端底部菜单样式 */
@ -401,7 +420,7 @@ body {
.hero-section {
padding-top: 100px;
padding-bottom: 40px;
text-align: center;
text-align: left;
}
.hero-title {
@ -458,7 +477,7 @@ body {
/* 核心服务卡片内边距缩小 */
#core-services .tech-card {
flex-direction: column !important;
text-align: center;
text-align: left;
padding: 1rem !important;
}

BIN
assets/pasted-20260226-113758-73eb386e.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

48
includes/cases_data.php
View File

@ -243,7 +243,7 @@ $all_cases = [
'title' => '分布式储能电站资产管理平台',
'tag' => '智慧能源',
'category' => '新能源',
'img' => 'https://images.pexels.com/photos/356036/pexels-photo-356036.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '全量物联网监控，实现预测性维护与收益分红。',
'content' => '该平台连接了位于各地的家庭与小型商业储能设备，用户购买设备份额即可享受电价差价收益。',
'challenge' => '电价峰谷切换时间极短，充放电指令必须毫秒级下达。',
@ -305,7 +305,7 @@ $all_cases = [
'title' => '智能投顾AI财富管理经理',
'tag' => '人工智能',
'category' => '投资理财',
'img' => 'https://images.pexels.com/photos/6770610/pexels-photo-6770610.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '基于大模型的个性化投资建议与自动调仓。',
'content' => '平台根据用户的风险偏好、资产现状，利用AI模型自动配置股债比例，并支持一键自动调仓。',
'challenge' => '金融市场瞬息万变，AI模型必须具备极强的实时新闻情感分析与趋势研判能力。',
@ -367,7 +367,7 @@ $all_cases = [
'title' => '五大联赛实时伤病与动态概率分析仪',
'tag' => '大数据分析',
'category' => '反波胆',
'img' => 'https://images.pexels.com/photos/274422/pexels-photo-274422.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/251225/pexels-photo-251225.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '结合球员实时状态数据，输出极具参考价值的预测模型。',
'content' => '该平台利用机器学习模型，不仅分析往绩，更结合了球员社交媒体、伤病报告等非结构化数据，提供更精准的概率。',
'challenge' => '非结构化数据（如社交媒体文字）的处理需要极强的NLP能力。',
@ -384,7 +384,7 @@ $all_cases = [
'title' => '超低延迟二元期权极速交易平台',
'tag' => '金融极速',
'category' => '微交易',
'img' => 'https://images.pexels.com/photos/6770610/pexels-photo-6770610.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/2004161/pexels-photo-2004161.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '毫秒级K线渲染，支持1秒期权极速结算。',
'content' => '该平台提供黄金、原油及主流货币对的超短期交易。核心采用了定制的二进制通讯协议，保证行情传输的极致流畅。',
'challenge' => '由于交易周期极短，哪怕只有100ms的行情跳变也会引起巨大的交易争议。',
@ -414,7 +414,7 @@ $all_cases = [
'title' => '数字货币15秒全自动对冲交易中台',
'tag' => '自动化交易',
'category' => '微交易',
'img' => 'https://images.pexels.com/photos/844124/pexels-photo-844124.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/1181671/pexels-photo-1181671.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '支持自定义策略脚本，全天候全自动运行。',
'content' => '专为专业量化团队设计的微交易工具。支持JavaScript/Python编写策略逻辑，自动根据技术指标执行15秒、30秒短期对冲。',
'challenge' => '在高波动期间，自动策略容易产生大量无效报单导致账户受限。',
@ -431,7 +431,7 @@ $all_cases = [
'title' => '多层级周期性收益合约管理平台',
'tag' => '时间价值',
'category' => '时间盘',
'img' => 'https://images.pexels.com/photos/1036856/pexels-photo-1036856.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/574071/pexels-photo-574071.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '基于时间维度的算力/资产产出模型，稳健运行。',
'content' => '该系统为资产管理方提供按分钟、小时或天进行计息的理财模型。支持到期自动复投及阶梯收益率计算。',
'challenge' => '数百万个计息周期在同一时间到期，数据库更新量瞬间爆发。',
@ -478,7 +478,7 @@ $all_cases = [
'title' => '智域次世代分布式撮合引擎',
'tag' => '极速交易',
'category' => '交易所',
'img' => 'https://images.pexels.com/photos/844124/pexels-photo-844124.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/1181244/pexels-photo-1181244.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '单节点200万TPS，筑造全球顶级交易防线。',
'content' => '该核心引擎采用全内存撮合技术，支持复杂订单类型（市价、限价、止盈止损、冰山订单）。通过Aeron通讯协议实现超低延迟集群。',
'challenge' => '在高频波动的极端行情下，撮合引擎绝不能出现任何逻辑阻塞或崩溃。',
@ -493,7 +493,7 @@ $all_cases = [
'title' => '全球合规法币与加密货币混合交易所',
'tag' => '合规金融',
'category' => '交易所',
'img' => 'https://images.pexels.com/photos/4386442/pexels-photo-4386442.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/257736/pexels-photo-257736.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '集成150+国家支付渠道，内置多国合规审计引擎。',
'content' => '专为具有牌照的金融机构设计。支持法币与加密货币的即时互换，具备完善的KYC/AML审核流。',
'challenge' => '不同国家的合规要求各异，系统必须具备极强的可配置性以适应各地区监管。',
@ -508,7 +508,7 @@ $all_cases = [
'title' => '高端数字资产衍生品永续合约平台',
'tag' => '杠杆交易',
'category' => '交易所',
'img' => 'https://images.pexels.com/photos/6770610/pexels-photo-6770610.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/3182773/pexels-photo-3182773.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '支持100x杠杆、自动减仓及保险基金风控。',
'content' => '针对专业交易者设计的合约平台。核心风控模型通过秒级全网标的价格扫描，防止恶意插针与连环清算。',
'challenge' => '清算系统的及时性直接关系到平台是否会产生穿仓亏损。',
@ -587,7 +587,7 @@ $all_cases = [
'title' => '全自动网赚与任务分发Telegram机器人',
'tag' => '流量工具',
'category' => '机器人',
'img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/3184360/pexels-photo-3184360.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '支持自动审核点赞截图，实现无人值守运营。',
'content' => '该机器人作为点赞盘的配套工具，用户在TG内即可完成任务领奖，大幅提升了用户的便利性与留存。',
'challenge' => 'TG平台对高频回复与链接分发有严格的Anti-Spam限制。',
@ -602,7 +602,7 @@ $all_cases = [
'title' => '高性能行情订阅与止盈止损自动交易员',
'tag' => '交易辅助',
'category' => '机器人',
'img' => 'https://images.pexels.com/photos/210607/pexels-photo-210607.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/373543/pexels-photo-373543.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '毫秒级行情追踪，支持多平台API一键交易。',
'content' => '为专业交易者定制的监控机器人。支持对全网1000+币种进行异常波动、大单成交监控，并能根据预设逻辑在1秒内执行反向对冲。',
'challenge' => '各交易所API限频规则不同，且在网络波动时容易出现订单状态不明。',
@ -634,7 +634,7 @@ $all_cases = [
'title' => '高端SaaS软件多语种全球展示中心',
'tag' => '品牌形象',
'category' => '落地页定制',
'img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '全响应式设计，集成在线预约与实时客服系统。',
'content' => '为出海软件企业定制。支持多国语言一键切换，集成了HubSpot CRM，自动将潜在客户信息导入漏斗管理。',
'challenge' => '不同地区的排版习惯差异巨大（如阿拉伯语的RTL布局），适配工作量极大。',
@ -666,7 +666,7 @@ $all_cases = [
'title' => '高端工业自动化远程安全运维系统',
'tag' => '工业控制',
'category' => '远控系统',
'img' => 'https://images.pexels.com/photos/1181263/pexels-photo-1181263.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/669615/pexels-photo-669615.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '支持内网穿透与多级颗粒度权限控制。',
'content' => '专为大型工厂设计的设备远程管理平台。具备全量操作日志审计，确保每一步远程操作均可溯源，符合等保三级要求。',
'challenge' => '工业现场网络往往只有内网且受防火墙严格限制，远程接入极其困难。',
@ -681,7 +681,7 @@ $all_cases = [
'title' => '某大型企业数万台终端全球云桌面',
'tag' => '云办公',
'category' => '远控系统',
'img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/533424/pexels-photo-533424.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '高清流畅体验，支持4K/60帧画面无损传输。',
'content' => '为全球分支机构设计的统一办公桌面系统。员工在任何地点均可访问中心服务器，核心数据不出内网，实现极致安全。',
'challenge' => '视频流编解码对CPU资源消耗巨大，单机承载能力有限。',
@ -696,7 +696,7 @@ $all_cases = [
'title' => '高风险作业环境机器人远程临场控制系统',
'tag' => '特种机器人',
'category' => '远控系统',
'img' => 'https://images.pexels.com/photos/251225/pexels-photo-251225.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/518543/pexels-photo-518543.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '极低延迟双向触觉反馈，实现精准远程操控。',
'content' => '用于电力高压维护、危险品搬运的远程控制系统。不仅能传输音视频，更能回传操作压力数据，操作员能“感觉到”机器人的触碰。',
'challenge' => '触觉反馈对时延的要求在10ms以内，任何微小的卡顿都会导致操作事故。',
@ -713,7 +713,7 @@ $all_cases = [
'title' => '全球数字版权(DRM)视频加密保护系统',
'tag' => '版权保护',
'category' => '授权系统',
'img' => 'https://images.pexels.com/photos/5926442/pexels-photo-5926442.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/1629781/pexels-photo-1629781.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '硬件级防破解授权，支持上亿台设备在线验证。',
'content' => '为大型流媒体平台定制。通过动态密钥交换与多重数字水印，有效防止了非法录屏与账号共享。',
'challenge' => '传统的授权验证极易被模拟器或内存修改器绕过。',
@ -728,7 +728,7 @@ $all_cases = [
'title' => '高端企业级SaaS多租户授权与计费中台',
'tag' => '企业架构',
'category' => '授权系统',
'img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/210600/pexels-photo-210600.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '支持按需付费、阶梯授权，内置多维度财务报表。',
'content' => '这是一个通用的软件授权中心。支持永久授权、月度订阅、按功能点授权等多种商业模式，内置了PayPal/Stripe自动续费。',
'challenge' => '大型企业租户可能存在数万个子账号，权限判定逻辑极度复杂（RBAC+ABAC）。',
@ -743,7 +743,7 @@ $all_cases = [
'title' => '基于零信任架构的内网动态接入授权',
'tag' => '网络安全',
'category' => '授权系统',
'img' => 'https://images.pexels.com/photos/60504/security-protection-anti-virus-software-60504.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/159888/pexels-photo-159888.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '不再信任任何边界，实现持续性的身份验证。',
'content' => '打破传统防火墙边界，根据设备健康度、用户位置、时间等多重维度实时判定访问权限。',
'challenge' => '每一次API调用都要重新验证权限，对系统性能是巨大考验。',
@ -760,7 +760,7 @@ $all_cases = [
'title' => '全渠道一体化智能呼叫中心系统',
'tag' => '客服生态',
'category' => '在线客服',
'img' => 'https://images.pexels.com/photos/8386440/pexels-photo-8386440.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/209224/pexels-photo-209224.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '打通Web、App、WeChat、Telegram，实现跨平台接待。',
'content' => '为大型电商客服团队设计的后台系统。支持坐席监控、自动质检、话术辅助提示，显著提升了单坐席产出。',
'challenge' => '不同平台的即时通讯协议千差万别，且需要保持会话的长连接稳定性。',
@ -775,7 +775,7 @@ $all_cases = [
'title' => '高端金融级全链路加密私域客服',
'tag' => '隐私通讯',
'category' => '在线客服',
'img' => 'https://images.pexels.com/photos/5926442/pexels-photo-5926442.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/1037992/pexels-photo-1037992.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '端到端加密，支持消息阅后即焚与文件安全传输。',
'content' => '针对高净值理财客户的私人银行级客服系统。任何中间环节（包括服务器端）均无法窥探聊天内容。',
'challenge' => '既要保证绝对的安全，又不能牺牲视频通话、文件传输的用户体验。',
@ -790,7 +790,7 @@ $all_cases = [
'title' => 'AI驱动的多语言实时语音翻译呼叫中台',
'tag' => '跨境服务',
'category' => '在线客服',
'img' => 'https://images.pexels.com/photos/5668858/pexels-photo-5668858.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/545063/pexels-photo-545063.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '客服说中文，用户听英文，无障碍全球沟通。',
'content' => '该系统集成实时语音转文字（ASR）、神经网络翻译（NMT）与文字转语音（TTS）技术，解决了跨国服务的语言障碍。',
'challenge' => '语音识别与翻译的串联延迟如果超过1秒，对话就无法正常进行。',
@ -807,7 +807,7 @@ $all_cases = [
'title' => '全球社交图谱实时关系挖掘引擎',
'tag' => '大数据',
'category' => '获取通讯录',
'img' => 'https://images.pexels.com/photos/60504/security-protection-anti-virus-software-60504.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/3182746/pexels-photo-3182746.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '秒级处理千万级数据，构建亿级用户社交脉络。',
'content' => '该系统为社交平台提供了高效的“你可能认识的人”推荐功能。通过分析通讯录交叉数据，精准挖掘潜在关系网。',
'challenge' => '通讯录数据往往是非结构化的，包含大量错乱格式，清洗难度极大。',
@ -822,7 +822,7 @@ $all_cases = [
'title' => '高端企业级全球人才通讯录同步系统',
'tag' => '人力资源',
'category' => '获取通讯录',
'img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/265087/pexels-photo-265087.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '跨国集团数万名员工数据安全同步，支持多层级权限。',
'content' => '为大型组织解决全球范围内的同事信息共享问题。支持按部门、职位、权限动态展示，内置了全自动的数据脱敏逻辑。',
'challenge' => '涉及GDPR等严格的隐私法案，数据的存储与访问必须符合全球多地区法律。',
@ -837,7 +837,7 @@ $all_cases = [
'title' => '某顶尖理财App高效好友推荐与裂变引擎',
'tag' => '裂变系统',
'category' => '获取通讯录',
'img' => 'https://images.pexels.com/photos/5926442/pexels-photo-5926442.jpeg?auto=compress&cs=tinysrgb&w=800',
'img' => 'https://images.pexels.com/photos/186461/pexels-photo-186461.jpeg?auto=compress&cs=tinysrgb&w=800',
'desc' => '自动识别高价值潜在客户，实现精准拓客引导。',
'content' => '通过对用户通讯录的智能权重分析，自动筛选出具备高净值理财潜力的名单，辅助营销人员精准跟进。',
'challenge' => '在保障用户隐私的前提下，如何通过极其有限的信息进行精准的行为预测。',

39
index.php
View File

@ -25,7 +25,7 @@ $body_class = 'view-' . $view;
<title><?= htmlspecialchars($project_name) ?> - <?= htmlspecialchars($project_description) ?></title>
<link rel="icon" href="<?= $logo_path ?>" type="image/png">
<!-- Fonts & Icons -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Ma+Shan+Zheng&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
@ -37,7 +37,12 @@ $body_class = 'view-' . $view;
<div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="/">
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>">
<span class="fw-bold mb-0 text-dark"><?= htmlspecialchars($project_name) ?></span>
<div class="brand-text-dynamic">
<span class="char-1">智</span>
<span class="char-2">域</span>
<span class="char-3">科</span>
<span class="char-4">技</span>
</div>
</a>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
@ -120,8 +125,13 @@ $body_class = 'view-' . $view;
<!-- ⑦ 作品展示区域 -->
<section id="cases" class="py-5">
<div class="container py-5">
<div class="d-flex justify-content-between align-items-end mb-4 flex-wrap gap-3"><div><span class="section-subtitle text-start mb-1">作品展示</span>
<h2 class="section-title mb-0">每一个项目都是我们的声誉</h2></div><a href="cases.php" class="btn btn-primary px-4 py-2 fw-bold shadow-sm mb-2 d-none d-md-inline-block">查看更多案例展示 <i class="bi bi-grid-3x3-gap ms-2"></i></a></div>
<div class="d-flex justify-content-between align-items-end mb-4 flex-wrap gap-3">
<div>
<span class="section-subtitle text-start mb-1">作品展示</span>
<h2 class="section-title mb-0">每一个项目都是我们的声誉</h2>
</div>
<a href="cases.php" class="btn btn-primary px-4 py-2 fw-bold shadow-sm mb-2 d-none d-md-inline-block">查看更多案例展示 <i class="bi bi-grid-3x3-gap ms-2"></i></a>
</div>
<div class="grid-4">
<?php
// 只显示前8个案例
@ -151,7 +161,7 @@ $body_class = 'view-' . $view;
<!-- 专业核心服务区域 -->
<section id="core-services" class="py-5">
<div class="container py-5">
<span class="section-subtitle">SERVICE ECOSYSTEM</span>
<span class="section-subtitle">服务生态</span>
<h2 class="section-title">专业核心服务区域</h2>
<div class="grid-4">
<?php
@ -184,7 +194,7 @@ $body_class = 'view-' . $view;
<!-- 承接业务范围区域 -->
<section id="scope" class="py-5">
<div class="container py-5">
<span class="section-subtitle">PROJECT SCOPE</span>
<span class="section-subtitle">业务范围</span>
<h2 class="section-title">承接业务范围区域</h2>
<div class="grid-6">
<?php
@ -221,7 +231,7 @@ $body_class = 'view-' . $view;
<!-- 业务核心能力区域 -->
<section id="capabilities" class="py-5">
<div class="container py-5">
<span class="section-subtitle">CORE CAPABILITIES</span>
<span class="section-subtitle">核心能力</span>
<h2 class="section-title">业务核心能力区域</h2>
<div class="grid-4">
<?php
@ -265,7 +275,7 @@ $body_class = 'view-' . $view;
<!-- 技术底座区域 -->
<section id="tech" class="py-5">
<div class="container py-5">
<span class="section-subtitle">TECHNICAL FOUNDATION</span>
<span class="section-subtitle">技术底座</span>
<h2 class="section-title">技术底座区域</h2>
<div class="grid-6">
<?php
@ -297,7 +307,7 @@ $body_class = 'view-' . $view;
<!-- 报价方案区域 -->
<section id="pricing" class="py-5">
<div class="container py-5">
<span class="section-subtitle">PRICING SOLUTIONS</span>
<span class="section-subtitle">报价方案</span>
<h2 class="section-title">报价方案区域</h2>
<div class="grid-4">
<?php
@ -327,7 +337,7 @@ $body_class = 'view-' . $view;
<!-- 全球合作伙伴区域 -->
<section id="partners" class="py-5">
<div class="container py-5">
<span class="section-subtitle">GLOBAL PARTNERS</span>
<span class="section-subtitle">合作伙伴</span>
<h2 class="section-title">全球合作伙伴区域</h2>
<div class="partners-grid">
<?php
@ -364,7 +374,7 @@ $body_class = 'view-' . $view;
<!-- 交付标准区域 -->
<section id="delivery" class="py-5">
<div class="container py-5">
<span class="section-subtitle">DELIVERY STANDARDS</span>
<span class="section-subtitle">交付标准</span>
<h2 class="section-title">交付标准区域</h2>
<div class="grid-4">
<div class="tech-card border-top border-4 border-primary shadow-sm" style="background: #f0f7ff;">
@ -428,7 +438,12 @@ $body_class = 'view-' . $view;
<div class="col-lg-4">
<a class="navbar-brand d-flex align-items-center gap-2 mb-4" href="/">
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>">
<span class="fw-bold text-dark"><?= htmlspecialchars($project_name) ?></span>
<div class="brand-text-dynamic">
<span class="char-1">智</span>
<span class="char-2">域</span>
<span class="char-3">科</span>
<span class="char-4">技</span>
</div>
</a>
<p class="small text-muted mb-4">智域科技是全球领先的分布式系统专家，致力于通过尖端架构技术赋能企业实现无感数字化转型。</p>
<div class="d-flex gap-3">