diff --git a/homepage/index.html b/homepage/index.html index d106537..b9533c2 100644 --- a/homepage/index.html +++ b/homepage/index.html @@ -73,12 +73,14 @@ canvas { position: fixed; top: 0; left: 0; z-index: 0; } .status span { color: var(--glow); } /* 模块 */ -.modules { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 50px 0; } +.modules { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; margin: 50px 0; } .mod { background: var(--glass); border: 1px solid var(--edge); border-radius: 18px; padding: 32px 20px; text-align: center; cursor: pointer; transition: all 0.3s; } .mod:hover { border-color: var(--edge-h); background: rgba(20,35,70,0.85); transform: translateY(-3px); } .mod.active { border-color: rgba(150,200,255,0.7); background: rgba(25,40,80,0.9); box-shadow: 0 0 40px rgba(110,160,230,0.2); } +.mod.new { border-color: rgba(140,220,180,0.4); } .mod .icon { font-size: 42px; margin-bottom: 12px; } .mod .name { font-size: 19px; color: var(--glow); letter-spacing: 2px; } +.mod .tag { display: inline-block; font-size: 11px; color: var(--green); background: rgba(140,220,180,0.12); padding: 2px 10px; border-radius: 10px; margin-top: 8px; letter-spacing: 1px; } .panel { background: var(--glass); border: 1px solid var(--edge); border-radius: 18px; padding: 32px 36px; margin-top: 8px; display: none; } .panel.show { display: block; animation: fadeIn 0.3s ease; } @@ -148,6 +150,11 @@ canvas { position: fixed; top: 0; left: 0; z-index: 0; }
+
+
🎨
+
封面工作室
+
NEW
+
⚙️
服务器系统
📋
工单系统
📡
主控广播