/* 17:50 2026.08.28 底部六链接升级样式 start */

.footer-nav-line {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px 4px;
    margin: 8px 0 4px;
    padding: 4px 0;
}

.footer-nav-line a {
    color: #8800EE;
    text-decoration: none;
    padding: 2px 6px 6px 6px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
    display: inline-block;
    white-space: nowrap;
    position: relative;
}

/* 底部橙色渐变线 */
.footer-nav-line a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15%;
    width: 70%;
    height: 1.5px;
    background: linear-gradient(to right, transparent, #FF6600, transparent);
    opacity: 0.35;
    transition: opacity 0.3s ease;
}

.footer-nav-line a:hover {
    background: #FF6600;
    color: #ffffff;
    transform: translateY(-1px);
}

.footer-nav-line a:hover::after {
    opacity: 0.8;
}

/* 手机端进一步压缩 */
@media (max-width: 480px) {
    .footer-nav-line {
        gap: 1px 3px;
    }
    .footer-nav-line a {
        padding: 1px 5px 5px 5px;
        font-size: 11px;
        border-radius: 10px;
    }
    .footer-nav-line a::after {
        height: 1px;
        left: 20%;
        width: 60%;
    }
}

/* 19:22 2026.08.28 end */



/* ===== 第二、三、四行共用基础 ===== */
.footer-line {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0;
/* =====     gap: 2px 4px; ===== */
    padding: 4px 0;
    margin: 0;
    font-size: 13px;
}

/* ===== 第二行：站点名（底部虚线装饰） ===== */
.footer-site-name {
    font-weight: 600;
    color: #3a2c4a;
}
.footer-site-name a {
    color: #3a2c4a;
    text-decoration: none;
    position: relative;
    padding-bottom: 2px;
}
.footer-site-name a::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 20%;
    width: 60%;
    height: 0;
    border-bottom: 1.5px dashed #b392d0;
    opacity: 0.5;
    transition: all 0.3s ease;
}
.footer-site-name a:hover::after {
    border-bottom-style: solid;
    border-color: #FF6600;
    opacity: 1;
    width: 80%;
    left: 10%;
}
.footer-at {
    color: #bbb;
    margin: 0;
/* =====    margin: 0 1px; ===== */
}
.footer-company {
    color: #5a4a6a;
}
.footer-sep {
    color: #d0c8dc;
    font-weight: 200;
    margin: 0 1px;
}

/* 备案号标签（圆角背景） */
.footer-icp {
    background: #f0ebf7;
    padding: 2px 12px;
    border-radius: 30px;
    border: 1px solid #d5c6e6;
    color: #6a4a8a;
    text-decoration: none;
    font-size: 12px;
    transition: all 0.2s;
}
.footer-icp:hover {
    background: #d5c6e6;
    border-color: #9a7ab0;
    color: #2c1a3a;
}

/* ===== 第三行：版权（左右装饰线） ===== */
.footer-copyright {
    color: #8a7a9a;
    font-size: 13px;
    display: flex;
    align-items: center;
/*     gap: 6px; 会产生间距 */
    flex-wrap: wrap;
    justify-content: center;
}
.footer-copyright .line-deco {
    display: inline-block;
    width: 30px;
    height: 1px;
    background: linear-gradient(to right, transparent, #b392d0, transparent);
}
.footer-copyright span.year {
    font-weight: 600;
    color: #6a4a8a;
}

/* ===== 第四行：友情链接（波浪虚线 + 菱形分隔） ===== */
.footer-friends-label {
    color: #5a4a6a;
    font-weight: 500;
    margin-right: 2px;
}
.footer-friends a {
    color: #6a5a7a;
    text-decoration: none;
    position: relative;
    padding-bottom: 1px;
    border-bottom: 1px dotted #c8b8d8;
    transition: border-color 0.3s, color 0.3s;
}
.footer-friends a:hover {
    color: #FF6600;
    border-bottom-color: #FF6600;
}
.footer-friends .diamond {
    color: #c8b8d8;
    font-size: 8px;
    margin: 0 1px;
}

/* ===== 移动端适配 ===== */
@media (max-width: 480px) {
    .footer-line { gap: 1px 2px; }
    .footer-icp { font-size: 11px; padding: 1px 8px; }
    .footer-copyright .line-deco { width: 15px; }
}

/* 20:33 2026.08.28 结束  */

/* 13:10 2026.08.29 补充友链+站名与版权样式文字大小统一  开始 */

/* 确保友情链接行显式设置字体大小（继承版权行规则） */
.footer-friends {
    font-size: 13px;
}

/* 移动端统一将三行字体缩小到 11px */
@media (max-width: 480px) {
    .footer-copyright,
    .footer-friends,
    .footer-line {          /* 因为站点名行用了 .footer-line */
        font-size: 11px;
    }
}

/* 13:10 2026.08.29 补充友链+站名与版权样式文字大小统一  结束 */

/* 18:32 2026.08.29 口号开始 */

/* ===== 口号行 ===== */
.footer-slogan {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #8800EE;
    font-size: 13px;
    padding: 4px 0;
    flex-wrap: wrap;
}
.footer-slogan .line-deco {
    display: inline-block;
    width: 30px;
    height: 1px;
    background: linear-gradient(to right, transparent, #8800EE, transparent);
}
.footer-slogan .diamond {
    color: #d0c8dc;
    font-size: 8px;
    margin: 0 2px;
}

/* 移动端适配 */
@media (max-width: 480px) {
    .footer-slogan {
        font-size: 11px;
        gap: 4px;
    }
    .footer-slogan .line-deco {
        width: 15px;
    }
    .footer-slogan .diamond {
        font-size: 6px;
    }
}

/* 18:32 2026.08.29 口号结束 */


/* Webkit内核浏览器（Chrome/Safari/Edge） */
::-webkit-scrollbar {
  width: 12px;  /* 竖向滚动条宽度 */
  height: 12px; /* 横向滚动条高度 */
}
::-webkit-scrollbar-track {
  background: #ee008f; /* 轨道背景色 */
  border-radius: 6px;
}
::-webkit-scrollbar-thumb {
  background: #8800EE;    /* 滑块颜色 */
  border-radius: 6px;
  border: 3px solid #8800EE; /* 滑块边框 */
}
::-webkit-scrollbar-thumb:hover {
  background: #555;    /* 悬停颜色 */
}

/* Firefox浏览器 */
html {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1; /* 滑块颜色 轨道颜色 */
}

/* IE/旧版Edge */
body {
  scrollbar-face-color: #888;       /* 滑块颜色 */
  scrollbar-track-color: #f1f1f1;   /* 轨道颜色 */
  scrollbar-arrow-color: #000;      /* 箭头颜色 */
  scrollbar-shadow-color: #ccc;     /* 阴影颜色 */
  scrollbar-highlight-color: #ddd;  /* 高亮颜色 */
}