/* 快捷链接 - 所有链接同一行展示 */
.quick-links {
    display: flex;
    flex-wrap: nowrap;          /* 强制不换行 */
    justify-content: space-between;  /* 均匀分布占满整行 */
    gap: 12px;
    padding: 0;
    width: 100%;
    overflow-x: auto;           /* 如果屏幕过窄，允许横向滚动 */
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 30px;            /* 左右30px，上下0px */
    box-sizing: border-box;     /* 确保padding不撑大宽度 */
}

.quick-links .link-block {
    flex: 1;
    min-width: 100px;
    text-align: center;
    background: rgba(220, 220, 220, 0.25);  /* 从0.15提升到0.25，更深一些 */
    border-radius: 12px;
    transition: all 0.5s ease;
    display: flex;
    flex-direction: column;      /* 垂直排列 */
    align-items: center;         /* 水平居中对齐 */
    justify-content: center;     /* 垂直居中对齐 */
    padding: 12px 5px;
    color: #3D3D3D !important;   /* 深灰色文字，与原网站文字颜色一致 */
    text-decoration: none !important;
    font-size: 18px;             /* 字号调大 */
    font-weight: bold;
    letter-spacing: 2px;         /* 字间距调大 */
    box-shadow: none;            /* 移除阴影，更接近透明效果 */
    gap: 12px;                   /* 图片与文字间距 */
    border: 1px solid rgba(200, 200, 200, 0.6);  /* 从0.3提升到0.4，边框更明显 */
}

/* 背景图片样式 - 通过伪元素或背景图实现 */
.quick-links .link-block::before {
    content: "";
    display: block;
    width: 70px;  /* 从42px增大到56px */
    height: 70px;  /* 从42px增大到56px */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
     /*opacity: 0.8; 图标轻微透明，更协调 */
}

/* 为每个链接设置不同的背景图片 */
.quick-links a:nth-child(1)::before {
    background-image: url("../quicklinks/quick-icon-ryzn.png");
}
.quick-links a:nth-child(2)::before {
    background-image: url("../quicklinks/quick-icon-dsffw.png");
}
.quick-links a:nth-child(3)::before {
    background-image: url("../quicklinks/quick-icon-scds.png");
}
.quick-links a:nth-child(4)::before {
    background-image: url("../quicklinks/quick-icon-gqrd.png");
}
.quick-links a:nth-child(5)::before {
    background-image: url("../quicklinks/quick-icon-tdpy.png");
}
.quick-links a:nth-child(6)::before {
    background-image: url("../quicklinks/quick-icon-qcc.png");
}
.quick-links a:nth-child(7)::before {
    background-image: url("../quicklinks/quick-icon-yqgx.png");
}

.quick-links .link-block:hover {
   background: rgba(180, 180, 180, 0.35);  /* 悬停时更深 */
    border-color: rgba(59, 65, 174, 0.5);   /* 悬停时边框主题色更明显 */
    transform: translateY(-2px);
    margin-top: 2px;                 /* 增加上边距，补偿移动空间 */
    color: #3B41AE !important;              /* 悬停时文字变为主题色 */
    text-decoration: none !important;
}

/* 响应式处理 - 平板设备 */
@media screen and (max-width: 1200px) {
    .quick-links {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
        padding: 0 30px;
    }
    
    .quick-links .link-block {
        flex: 0 0 auto;
        min-width: 110px;
        padding: 10px 6px;
        font-size: 16px;
        letter-spacing: 1.5px;
    }
    
    .quick-links .link-block::before {
        width: 48px;
        height: 48px;
    }
}

/* 响应式处理 - 手机设备：改为两行展示 */
@media screen and (max-width: 768px) {
    .quick-links {
        flex-wrap: wrap;           /* 改为换行 */
        justify-content: center;   /* 居中对齐 */
        gap: 15px;
        padding-top:20px;
        padding-bottom:0px;
        padding-left:12px;
        padding-right:12px;
        overflow-x: visible;       /* 移除横向滚动 */
    }
    
    .quick-links .link-block {
        flex: 0 0 calc(25% - 15px);  /* 第一行显示4个，每个占约25%宽度 */
        min-width: 0;                /* 移除最小宽度限制 */
        padding: 12px 5px;
        font-size: 14px;
        letter-spacing: 1px;
    }
    
    /* 第二行3个链接特殊处理：让后3个自动换行后居中 */
    .quick-links .link-block:nth-child(n+5) {
        flex: 0 0 calc(33.333% - 15px);  /* 后3个每个占约33.33%宽度 */
    }
    
    .quick-links .link-block::before {
        width: 56px;
        height: 56px;
    }
}

/* 更小屏幕的微调 */
@media screen and (max-width: 480px) {
    .quick-links {
        gap: 12px;
        padding-top:20px;
        padding-bottom:0px;
        padding-left:12px;
        padding-right:12px;
    }
    
    .quick-links .link-block {
        flex: 0 0 calc(25% - 12px);
        padding: 10px 3px;
        font-size: 13px;
    }
    
    .quick-links .link-block:nth-child(n+5) {
        flex: 0 0 calc(33.333% - 12px);
    }
    
    .quick-links .link-block::before {
        width: 48px;
        height: 48px;
    }
}