diff --git a/assets/css/custom.css b/assets/css/custom.css index a370cdd..95c5dbc 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -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; } diff --git a/assets/pasted-20260226-113758-73eb386e.png b/assets/pasted-20260226-113758-73eb386e.png new file mode 100644 index 0000000..0a8f750 Binary files /dev/null and b/assets/pasted-20260226-113758-73eb386e.png differ diff --git a/includes/cases_data.php b/includes/cases_data.php index 84b0bd7..c9a1607 100644 --- a/includes/cases_data.php +++ b/includes/cases_data.php @@ -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' => '在保障用户隐私的前提下，如何通过极其有限的信息进行精准的行为预测。', diff --git a/index.php b/index.php index 219860e..c5542c0 100644 --- a/index.php +++ b/index.php @@ -25,7 +25,7 @@ $body_class = 'view-' . $view; <?= htmlspecialchars($project_name) ?> - <?= htmlspecialchars($project_description) ?> - + @@ -37,7 +37,12 @@ $body_class = 'view-' . $view;
<?= htmlspecialchars($project_name) ?> - +
+ 智 + 域 + 科 + 技 +