@@ -11,21 +11,21 @@
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
primary: '#165DFF', /* 隼瞻科技蓝 */
|
||||
secondary: '#36CFC9', /* 辅助青色 */
|
||||
accent: '#F7BA1E', /* 强调色 */
|
||||
dark: '#111827', /* 统一底色 */
|
||||
darker: '#0b1220',
|
||||
'dark-card': '#1f2937',
|
||||
'dark-text': '#94A3B8',
|
||||
'code-bg': '#1e1e1e',
|
||||
primary: '#3b82f6', /* 统一的亮蓝色 */
|
||||
secondary: '#38bdf8', /* 浅一些的天蓝色,用于提亮硬件加速等模块 */
|
||||
accent: '#60a5fa', /* 强调色 */
|
||||
dark: '#1e293b', /* 整体底色变浅 (原来是 0f172a) */
|
||||
darker: '#0f172a', /* 最深背景变浅 (原来是 0a0f1a) */
|
||||
'dark-card': '#334155', /* 稍微提亮的模块背景 (原来是 1e293b) */
|
||||
'dark-text': '#cbd5e1', /* 统一灰文本提亮 */
|
||||
'code-bg': '#1e293b',
|
||||
},
|
||||
fontFamily: {
|
||||
sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
|
||||
mono: ['Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace'],
|
||||
},
|
||||
boxShadow: {
|
||||
'glow': '0 0 20px rgba(22, 93, 255, 0.3)',
|
||||
'glow': '0 0 20px rgba(59, 130, 246, 0.3)',
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -63,8 +63,8 @@
|
||||
}
|
||||
|
||||
#wingsemi-interrupt-page {
|
||||
background-color: #0b1220 !important;
|
||||
color: #ffffff !important;
|
||||
background-color: #0f172a !important; /* 整体背景底色变亮 */
|
||||
color: #f8fafc !important;
|
||||
}
|
||||
|
||||
#wingsemi-interrupt-page .text-white {
|
||||
@@ -72,23 +72,23 @@
|
||||
}
|
||||
|
||||
#wingsemi-interrupt-page .text-dark-text {
|
||||
color: #94A3B8 !important;
|
||||
color: #cbd5e1 !important; /* 灰文本变亮 */
|
||||
}
|
||||
|
||||
#wingsemi-interrupt-page .text-gray-400 {
|
||||
color: #9ca3af !important;
|
||||
color: #cbd5e1 !important; /* 灰文本变亮 */
|
||||
}
|
||||
|
||||
#wingsemi-interrupt-page .text-gray-500 {
|
||||
color: #6b7280 !important;
|
||||
color: #94a3b8 !important; /* 灰文本变亮 */
|
||||
}
|
||||
|
||||
#wingsemi-interrupt-page .text-primary {
|
||||
color: #165DFF !important;
|
||||
color: #3b82f6 !important;
|
||||
}
|
||||
|
||||
#wingsemi-interrupt-page .text-secondary {
|
||||
color: #36CFC9 !important;
|
||||
color: #2563eb !important;
|
||||
}
|
||||
|
||||
#wingsemi-interrupt-page h1,
|
||||
@@ -112,7 +112,7 @@
|
||||
<div class="absolute inset-0 bg-gradient-to-b from-primary/10 to-darker z-0"></div>
|
||||
<!-- 科技感背景网格 -->
|
||||
<div class="absolute inset-0 opacity-20"
|
||||
style="background-image: linear-gradient(#165DFF 1px, transparent 1px), linear-gradient(90deg, #165DFF 1px, transparent 1px); background-size: 50px 50px;">
|
||||
style="background-image: linear-gradient(#3b82f6 1px, transparent 1px), linear-gradient(90deg, #3b82f6 1px, transparent 1px); background-size: 50px 50px;">
|
||||
</div>
|
||||
|
||||
<div class="container mx-auto px-4 relative z-10">
|
||||
@@ -237,17 +237,17 @@
|
||||
<h4 class="text-primary mb-3 text-sm uppercase tracking-wider font-bold">隼瞻增强技术步骤</h4>
|
||||
<div class="relative pt-6">
|
||||
<!-- 连接线 -->
|
||||
<div class="flex w-full text-xs md:text-sm text-center relative z-10">
|
||||
<div class="bg-primary/80 py-3 px-1 w-1/2 rounded-l-lg border-r border-blue-500/50 text-white">中断发起<br>跳转时间</div>
|
||||
<div class="bg-primary/80 py-3 px-1 w-1/2 rounded-r-lg text-white">向量中断、缩短<br>接入服务时间</div>
|
||||
<div class="flex w-full text-xs md:text-sm text-center relative z-10 font-medium">
|
||||
<div class="bg-blue-500 py-3 px-1 w-1/2 rounded-l-lg border-r border-blue-400 text-white shadow-md">中断发起<br>跳转时间</div>
|
||||
<div class="bg-sky-500 py-3 px-1 w-1/2 rounded-r-lg text-white shadow-md">向量中断、缩短<br>接入服务时间</div>
|
||||
</div>
|
||||
<!-- 并行块 -->
|
||||
<div class="absolute top-0 mt-8 right-0 w-1/2 h-full -z-0">
|
||||
<div class="absolute top-16 left-4 right-4 bg-secondary/20 border border-secondary/50 text-secondary py-2 rounded text-xs text-center">
|
||||
<div class="absolute top-16 left-4 right-4 bg-cyan-400 border border-cyan-300 text-slate-900 font-bold py-2 rounded text-xs text-center shadow-lg">
|
||||
<i class="fa fa-random mr-1"></i> 并行处理上下文切换
|
||||
</div>
|
||||
<!-- 箭头示意并行 -->
|
||||
<div class="absolute top-[3.5rem] left-1/2 -translate-x-1/2 h-6 w-0.5 bg-secondary/50"></div>
|
||||
<div class="absolute top-[3.5rem] left-1/2 -translate-x-1/2 h-6 w-0.5 bg-cyan-400"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user