test hook LL-001-20260706
This commit is contained in:
parent
7224cc4481
commit
eb9a4be0b3
|
|
@ -21,3 +21,4 @@
|
|||
|
||||
铸渊 ICE-GL-ZY001
|
||||
2026-07-07 00:21 UTC+8
|
||||
// LL-001 链路验证 commit
|
||||
|
|
|
|||
|
|
@ -62,6 +62,77 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 快捷入口 */
|
||||
.quick-access {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 14px;
|
||||
color: #6b7a8f;
|
||||
margin-bottom: 12px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.access-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.access-card {
|
||||
background-color: #111827;
|
||||
border-radius: 12px;
|
||||
padding: 18px;
|
||||
border: 1px solid #1e2a3a;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
text-decoration: none;
|
||||
transition: all 0.25s ease;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.access-card:hover {
|
||||
border-color: #4a90e2;
|
||||
box-shadow: 0 4px 20px rgba(74, 144, 226, 0.2);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.access-icon {
|
||||
font-size: 28px;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 10px;
|
||||
background-color: #1a2332;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.access-info {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.access-name {
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
color: #e0e4f0;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.access-desc {
|
||||
font-size: 12px;
|
||||
color: #4a5a6e;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* 卡片网格 */
|
||||
.grid {
|
||||
display: grid;
|
||||
|
|
@ -236,6 +307,9 @@
|
|||
.row {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.access-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<!-- 引入 Chart.js 用于雷达图 -->
|
||||
|
|
@ -250,6 +324,41 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 快捷入口 -->
|
||||
<div class="quick-access">
|
||||
<div class="section-title">快捷入口</div>
|
||||
<div class="access-grid">
|
||||
<a href="/code/bingshuo/zhizhi" class="access-card">
|
||||
<div class="access-icon">📦</div>
|
||||
<div class="access-info">
|
||||
<div class="access-name">个人代码仓库</div>
|
||||
<div class="access-desc">bingshuo/zhizhi</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/fanqie/" class="access-card">
|
||||
<div class="access-icon">🍅</div>
|
||||
<div class="access-info">
|
||||
<div class="access-name">番茄助手</div>
|
||||
<div class="access-desc">开发辅助工具</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/orders/" class="access-card">
|
||||
<div class="access-icon">🛠️</div>
|
||||
<div class="access-info">
|
||||
<div class="access-name">之秋工具</div>
|
||||
<div class="access-desc">订单管理系统</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/drama/" class="access-card">
|
||||
<div class="access-icon">🎭</div>
|
||||
<div class="access-info">
|
||||
<div class="access-name">之秋剧场</div>
|
||||
<div class="access-desc">视频内容平台</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 系统总览卡片 -->
|
||||
<div class="grid" id="overview-cards">
|
||||
<div class="card">
|
||||
|
|
|
|||
Loading…
Reference in New Issue