feat: 统一全站设计风格、导航组件与文案逻辑自洽性修复
- 新增 InkGlowCard 墨韵流光卡片组件,统一全站卡片交互风格 - 新增 PageNav 面包屑组件,统一全站页面导航 - 统一色彩体系、排版层级、间距节奏和动画风格 - 修复 CTA 区品牌名称错误(诺瓦隆→睿新致遠) - 修复 ERP 产品卖点与年费制定价矛盾 - 导航下拉补充 SDS 和 OA 产品 - 统一全站数据指标为 12+年核心团队经验、6自研产品、10+团队成员 - 移除不可靠的 100%客户满意度和 30+行业专家指标 - 修复新闻时间线不合理问题,调整里程碑节奏 - 统一响应承诺为工作日快速响应 - 服务第4项重命名为行业方案实施,厘清概念 - 服务详情页效果数据改为定性描述 - 删除 cases 模块,精简代码库
This commit is contained in:
@@ -1164,6 +1164,56 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
/* 墨韵流光 - 旋转渐变边框 */
|
||||
@property --border-angle {
|
||||
syntax: '<angle>';
|
||||
initial-value: 0deg;
|
||||
inherits: false;
|
||||
}
|
||||
|
||||
@keyframes rotateBorder {
|
||||
from { --border-angle: 0deg; }
|
||||
to { --border-angle: 360deg; }
|
||||
}
|
||||
|
||||
.ink-glow-border {
|
||||
animation: rotateBorder 4s linear infinite;
|
||||
}
|
||||
|
||||
.ink-glow-border::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: -1px;
|
||||
border-radius: inherit;
|
||||
padding: 1px;
|
||||
background: conic-gradient(from var(--border-angle), var(--glow-start), var(--glow-end), var(--glow-start));
|
||||
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
||||
-webkit-mask-composite: xor;
|
||||
mask-composite: exclude;
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s ease;
|
||||
}
|
||||
|
||||
.ink-glow-border:hover::before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ink-glow-border::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: -4px;
|
||||
border-radius: inherit;
|
||||
background: conic-gradient(from var(--border-angle), var(--glow-start), var(--glow-end), var(--glow-start));
|
||||
filter: blur(12px);
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s ease;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.ink-glow-border:hover::after {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
/* 平板端优化 (768px - 1023px) */
|
||||
@media (min-width: 768px) and (max-width: 1023px) {
|
||||
.container-wide,
|
||||
|
||||
Reference in New Issue
Block a user