/* ==========================================
   Sun-Panel 赛博朋克 / 极客终端 主题模板
   ========================================== */

/* 基础卡片：暗色装甲背景 + 青色霓虹边框 */
.icon-box, .group-box {
    background: rgba(10, 10, 15, 0.8) !important;
    border: 1px solid #0ff !important; /* 赛博青色边框 */
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.2) !important;
    border-radius: 4px !important; /* 切掉圆润的倒角，改为硬朗的工业风 */
    transition: all 0.2s linear !important;
}

/* 鼠标悬停：瞬间切换为警报粉色发光，模拟终端选中效果 */
.icon-box:hover {
    background: rgba(0, 255, 255, 0.1) !important;
    border: 1px solid #f0f !important; /* 霓虹紫/粉边框 */
    box-shadow: 0 0 20px rgba(255, 0, 255, 0.6), inset 0 0 10px rgba(255, 0, 255, 0.2) !important;
    transform: scale(1.03) !important;
}

/* 针对暗黑模式 (Dark Mode) 深度定制：骇客帝国代码绿 */
html.dark .icon-box, html.dark .group-box {
    background: rgba(5, 5, 8, 0.9) !important;
    border: 1px solid #39ff14 !important; /* 经典的黑客绿 */
    box-shadow: 0 0 8px rgba(57, 255, 20, 0.3) !important;
}

html.dark .icon-box:hover {
    background: rgba(57, 255, 20, 0.1) !important;
    border: 1px solid #0ff !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.6), inset 0 0 10px rgba(0, 255, 255, 0.3) !important;
}