*{margin:0;padding:0;box-sizing:border-box;}
body{overflow-x:hidden;background:#0a0e17;font-family:Segoe UI,sans-serif;}
#particles-js{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    pointer-events: none;
}
.nav-card{
    backdrop-filter:blur(12px);
    background:rgba(25,35,55,0.4);
    border:1px solid rgba(0,240,255,0.2);
    transition:all 0.3s ease;
}
.nav-card:hover{
    border-color:#00f0ff;
    transform:translateY(-6px);
    box-shadow:0 0 25px rgba(0,240,255,0.4);
}
.gradient-text{
    background:linear-gradient(90deg,#00f0ff,#9d00ff);
    -webkit-background-clip:text;
    color:transparent;
}

/* ========== 新增：友情链接link-item样式（粘贴在这里） ========== */
.link-item {
    white-space: nowrap;
    transition: color 0.2s ease;
}
.link-item:hover {
    color: #00f0ff;
}

/* ========== 移动端适配媒体查询 ========== */
/* 平板/大屏手机 768px以下 */
@media screen and (max-width:767px) {
    body {
        padding: 30px 12px !important;
    }
    /* 标题区域间距缩小 */
   .mb-12 {
        margin-bottom: 40px !important;
    }
    /* 导航卡片网格缩小间距 */
    .grid {
        gap: 16px !important;
    }
    /* 卡片内边距缩小，适配手机屏幕 */
    .nav-card {
        padding: 20px 8px !important;
    }
    /* 图标尺寸缩小 */
    .nav-card i {
        font-size: 2rem !important;
        margin-bottom: 10px !important;
    }
    /* 友情链接容器压缩内边距 */
    .nav-card.p-6 {
        padding: 16px 10px !important;
    }
    /* 横向链接间距缩小 */
    .flex.gap-8 {
        gap: 20px !important;
    }
    /* 模块上下边距压缩 */
    .mt-16 {
        margin-top: 60px !important;
    }
    .mt-12 {
        margin-top: 40px !important;
    }
}

/* 小尺寸手机 480px以下（单列布局） */
@media screen and (max-width:479px) {
    /* 导航网格强制1列，避免卡片过小难点击 */
    .grid.grid-cols-2.sm\:grid-cols-3.md\:grid-cols-4 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    /* 标题文字行高优化，防止换行拥挤 */
    h1 {
        line-height: 1.25;
    }
    /* 友情链接横向滚动优化 */
    .overflow-x-auto {
        padding-bottom: 6px;
    }
}

/* 触屏设备移除hover上浮效果 */
@media (hover: none) {
    .nav-card:hover {
        transform: translateY(0) !important;
        box-shadow: none !important;
    }
}