/* =========================================================
   Squirrel 基础样式（全站加载）
   1. 吸底页脚：短页面页脚贴底
   2. 友情链接页：页头 / 分类标题
   3. 页脚"联系我们"二维码
   ========================================================= */

/* ---------- 1. 吸底页脚 ---------- */
html {
    min-height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
body > main {
    flex: 1 0 auto;
}
body > .site-footer {
    flex-shrink: 0;
}

/* ---------- 2. 友情链接页 ---------- */
/* 页头：品牌渐变 */
.sq-links-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #3d68db 0%, #7c5cf0 100%);
}
.sq-links-hero::before {
    content: '';
    position: absolute;
    right: -80px;
    top: -80px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .09);
}
.sq-links-hero::after {
    content: '';
    position: absolute;
    left: -60px;
    bottom: -90px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
}
.sq-links-hero-title {
    position: relative;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 1px;
    margin: 0;
}
.sq-links-hero-title i {
    margin-right: 10px;
}
.sq-links-hero-sub {
    position: relative;
    color: rgba(255, 255, 255, .88);
    font-size: 14px;
    margin: 10px 0 0;
}

/* 分类标题：清爽样式 */
.sq-link-cat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    font-weight: 700;
    color: #1f2733;
    margin: 28px 0 16px;
    padding-left: 12px;
    border-left: 4px solid #4e7cf2;
}
.sq-link-cat i {
    color: #4e7cf2;
}
.sq-link-cat-count {
    background: #eef2ff;
    color: #4e7cf2;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    border-radius: 999px;
    padding: 4px 9px;
}

/* 链接卡片：圆角 + 悬浮 */
.link-item {
    border-radius: 12px;
    transition: box-shadow .2s, transform .2s;
}
.link-item:hover {
    box-shadow: 0 10px 26px rgba(28, 40, 70, .10);
    transform: translateY(-2px);
}

/* ---------- 3. 页脚"联系我们"二维码 ---------- */
.sq-contact-qr {
    float: left;
    margin-right: 14px;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(28, 40, 70, .12);
}
.sq-contact-desc {
    overflow: hidden;
}

/* 深色模式适配 */
html[data-bs-theme="dark"] body .sq-link-cat {
    color: #e8eaee;
}