* {margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif;}
body {background-color:#f5f6fa;color:#333;line-height:1.6;}
a {text-decoration:none;color:inherit;}
ul,ol,dl {list-style:none;}
::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25)
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.3)
}
.container {width:100%;max-width:1500px;margin:0 auto;padding:0 15px;}
.row {display:flex;flex-wrap:wrap;margin:0 -15px;}
.col-md-1,.col-md-11 {padding:0 15px;}
.col-md-1 {width:8.333%;}
.col-md-11 {width:91.666%;}
/*头部样式*/
.site-header {position:relative;background:linear-gradient(135deg,#4299e1,#38b2ac);color:#fff;text-align:center;padding-top:40px;overflow:hidden;}
.box-text h1 {font-size:2.2rem;margin-bottom:5px;text-shadow:0 2px 4px rgba(0,0,0,0.1);}
.box-text p {font-size:1.1rem;opacity:0.9;}
.waves {position:relative;width:100%;height:10vh;margin-bottom:-7px;min-height:60px;max-height:60px;}
.parallax > use {animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;}
.parallax > use:nth-child(1) {animation-delay:-2s;animation-duration:7s;}
.parallax > use:nth-child(2) {animation-delay:-3s;animation-duration:10s;}
.parallax > use:nth-child(3) {animation-delay:-4s;animation-duration:13s;}
.parallax > use:nth-child(4) {animation-delay:-5s;animation-duration:20s;}
@keyframes move-forever {0% {transform:translate3d(-90px,0,0);}
100% {transform:translate3d(85px,0,0);}
}
@media (max-width:768px) {.waves {height:40px;min-height:40px;}
}
/* 搜索框样式 */
.search-container {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    padding: 20px;
    margin-bottom: 30px;
    position: sticky;
    top: 0;
    z-index: 999;
}
.search-box {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}
.search-input {
    flex: 1;
    height: 45px;
    padding: 0 15px 0 45px;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    font-size: 1rem;
    outline: none;
    transition: all 0.3s ease;
}
.search-input:focus {
    border-color: #4299e1;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);
}
.search-icon {
    position: absolute;
    left: 15px;
    font-size: 18px;
    color: #999;
}
.search-clear {
    position: absolute;
    right: 15px;
    font-size: 18px;
    color: #999;
    cursor: pointer;
    display: none;
}
.search-clear:hover {
    color: #4299e1;
}
/* 优化搜索提示样式 */
.search-results {
    margin-top: 12px;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}
.search-results.default {
    background: #f8f9fa;
    color: #718096;
}
.search-results.results {
    background: #e8f4f8;
    color: #2d3748;
}
.search-results.no-results {
    background: #fef7fb;
    color: #718096;
}
.search-highlight {
    color: #4299e1;
    font-weight: 600;
}
/* 全局无结果样式 */
.global-no-results {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    padding: 60px 20px;
    text-align: center;
    margin-bottom: 30px;
}
.global-no-results i {
    font-size: 4rem;
    color: #cbd5e0;
    margin-bottom: 20px;
    display: block;
}
.global-no-results p {
    font-size: 1.1rem;
    color: #718096;
    margin-bottom: 15px;
}
.global-no-results .tips {
    font-size: 0.9rem;
    color: #a0aec0;
}
/*侧边栏样式 - 统一字体分类和检测模块样式*/
.sidebar {position:sticky;top:30px;align-self:flex-start;height:fit-content;}
.content-sidebar {background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05);padding:15px 0;margin-bottom:15px;}
#goto dt, .sidebar-detect dt {padding:0 15px 10px;border-bottom:1px solid #f0f0f0;margin-bottom:10px;font-weight:bold;color:#4299e1;}
#goto dd, .sidebar-detect dd {padding:8px 15px;transition:all 0.3s ease;}
#goto dd:hover, #goto dd.current, .sidebar-detect dd:hover, .sidebar-detect dd.current {background:#f0f7ff;color:#4299e1;}
#goto dd a, .sidebar-detect dd a {display:block;width:100%;}
/*主内容区样式*/
.content {padding:30px 0;}
.part-cat-block {background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05);margin-bottom:30px;overflow:hidden;}
.c-title {padding:15px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;}
.c-title .l strong {font-size:1.3rem;color:#2d3748;}
.c-content {padding:20px;}
.c-loop.flex {display:flex;flex-wrap:wrap;gap:20px;}
.part-item-font {width:calc(16.666% - 17px);border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;transition:all 0.3s ease;}
.part-item-font:hover {transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.item-thumb {width:100%;height:120px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;}
.thumb-img img {width:100%;padding:0 10px;object-fit:contain;height:100%;}
.item-title {padding:12px 10px 5px;font-size:1rem;font-weight:600;}
.item-desc {padding:0 10px 8px;font-size:0.85rem;color:#718096;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.item-tag {padding:0 10px 12px;}
.tag {display:inline-block;padding:2px 8px;background:#e8f4f8;color:#4299e1;font-size:0.75rem;border-radius:12px;}
/*加载状态样式 - GIF动画*/
.loading {width:100%;padding:60px 0;text-align:center;}
.loading-img {width:50px;height:50px;margin:0 auto 15px;}
.loading-img img {width:100%;height:100%;object-fit:contain;}
.loading p {color:#718096;font-size:1rem;}
.loading-spinner {width:40px;height:40px;margin:0 auto 15px;border:4px solid #f0f7ff;border-top:4px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite;}
@keyframes spin {0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
.error,.no-results {width:100%;padding:60px 0;text-align:center;color:#718096;font-size:1rem;}
/* 友情链接样式 */
.friend-links {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    padding: 25px 20px;
    margin-bottom: 30px;
}
.friend-links .link-title {
    font-size: 1.2rem;
    color: #2d3748;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}
.friend-links .link-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 10px 0;
    justify-content: left; /* 居中显示 */
}
.friend-links .link-item {
    padding: 8px 20px;
    background: #f8f9fa;
    border-radius: 6px;
    transition: all 0.3s ease;
    flex: 1; /* 均分宽度 */
    min-width: 120px; /* 最小宽度 */
    max-width: 200px; /* 最大宽度 */
    text-align: center; /* 文字居中 */
}
.friend-links .link-item:hover {
    background: #e8f4f8;
    color: #4299e1;
    transform: translateY(-2px);
}
.friend-links .link-item i {
    margin-right: 8px;
    font-size: 14px;
}
/*底部样式*/
.footer-copyright {background:#2d3748;color:#a0aec0;padding:40px 0;margin-top:30px;}
.footer-copyright .container p {text-align:center;margin-bottom:10px;font-size:0.9rem;}
.footer-copyright a {color:#4299e1;margin:0 8px;transition:color 0.3s ease;}
.footer-copyright a:hover {color:#38b2ac;}
/*响应式样式*/
@media (max-width:1200px) {.part-item-font {width:calc(20% - 16px);}
}
@media (max-width:992px) {.col-md-1 {width:100%;margin-bottom:20px;}
.col-md-11 {width:100%;}
.sidebar {position:static;top:auto;}
.part-item-font {width:calc(25% - 15px);}
}
@media (max-width:768px) {.box-text h1 {font-size:2rem;}
.part-item-font {width:calc(33.333% - 14px);}
.search-input {height: 40px;}
.global-no-results i {font-size: 3rem;}
.global-no-results {padding: 40px 20px;}
/* 友情链接平板样式 */
.friend-links .link-list {
    gap: 10px;
}
.friend-links .link-item {
    padding: 6px 15px;
    font-size: 0.9rem;
    min-width: 100px;
    max-width: 180px;
}
}
@media (max-width:576px) {.part-item-font {width:calc(50% - 10px);}
.c-title .l strong {font-size:1.1rem;}
.footer-copyright .container p {font-size:0.8rem;}
.search-container {padding: 15px;}
/* 友情链接手机样式 - 一行显示2个 */
.friend-links .link-list {
    gap: 10px;
    display: flex;
    flex-wrap: nowrap; /* 禁止换行 */
}
.friend-links .link-item {
    padding: 8px 10px;
    font-size: 0.85rem;
    flex: 1; /* 均分宽度 */
    min-width: 0; /* 取消最小宽度限制 */
    max-width: none; /* 取消最大宽度限制 */
    width: 50%; /* 每个链接占50%宽度 */
}
.friend-links .link-item i {
    margin-right: 5px;
    font-size: 12px;
}
}
/* 返回顶部按钮样式 */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: #4299e1;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(66, 153, 225, 0.3);
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}
.back-to-top:hover {
    background: #38b2ac;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(66, 153, 225, 0.4);
}
.back-to-top.show {
    opacity: 1;
    visibility: visible;
}
.back-to-top i {
    font-size: 20px;
}
@media (max-width: 768px) {
    .back-to-top {
        width: 45px;
        height: 45px;
        bottom: 20px;
        right: 20px;
    }
    .back-to-top i {
        font-size: 18px;
    }
}
/* 图片懒加载样式 */
.lazy-img {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.lazy-img.loaded {
    opacity: 1;
}
.thumb-img img.error {
    opacity: 0.5;
}
.thumb-img .fallback-icon {
    position: absolute;
    font-size: 24px;
    color: #999;
    display: none !important;
}