/*拔代码的，请大家留一下版权
QQ：1735737677
网址：H43技术网（www.h43.cn）
/* ===================== 全局基础样式 ===================== */
[class^="techs-"], [class*=" techs-"] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}

.site-container {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

@keyframes colorFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

@keyframes recentColorFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

@keyframes recentFlowBg {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

@keyframes flashColor {
    0% { color: #ff0000 !important; }
    14% { color: #ff7f00 !important; }
    28% { color: #ffff00 !important; }
    42% { color: #00ff00 !important; }
    56% { color: #00ffff !important; }
    70% { color: #0000ff !important; }
    84% { color: #8b00ff !important; }
    100% { color: #ff0000 !important; }
}

@keyframes colorFlowBg {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

@keyframes slideNotice {
    0% { top: 0; }
    100% { top: -90px; }
}

@keyframes randomScroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes custom-gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes custom-float {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(15px, -6px) rotate(2deg); }
    50% { transform: translate(30px, 4px) rotate(0deg); }
    75% { transform: translate(15px, 6px) rotate(-2deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

/* ===================== 导航栏样式 ===================== */
.techs-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    padding: 15px 0;
    transition: all 0.3s ease;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
}

body.techs-scrolled .techs-header {
    padding: 10px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.techs-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}

.techs-logo {
    display: flex;
    align-items: center;
    z-index: 10000;
}

.techs-logo img {
    height: 40px;
    transition: transform 0.3s ease;
    display: block;
}

.techs-logo:hover img {
    transform: scale(1.05);
}

.techs-hamburger {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 20px;
    cursor: pointer;
    z-index: 10000;
}

.techs-hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #333;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.techs-hamburger.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.techs-hamburger.active span:nth-child(2) {
    opacity: 0;
}

.techs-hamburger.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

.techs-nav {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: nowrap;
}

.techs-nav li {
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.techs-nav li a {
    color: #333;
    font-weight: 500;
    transition: color 0.3s ease;
    display: block;
    padding: 8px 0;
    text-decoration: none !important;
}

.techs-nav li a:hover {
    color: #2fadf8;
    text-decoration: none !important;
}

.techs-nav li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #2fadf8;
    transition: width 0.3s ease;
}

.techs-nav li:hover::after {
    width: 100%;
}

.techs-content-wrap {
    padding-top: 80px;
}

.techs-nav .techs-weather-item {
    padding: 0;
    display: flex;
    align-items: center;
    height: 33px;
    cursor: pointer;
    position: relative;
}

.techs-nav .techs-weather-item .weather-icon {
    font-size: 20px;
    color: #2fadf8;
    transition: transform 0.2s ease;
    padding: 0 5px;
}

.techs-nav .techs-weather-item:hover .weather-icon {
    transform: scale(1.1);
}

.weather-date-modal {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 3px;
    width: 300px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    border: 1px solid #e0e0e0;
    z-index: 9999;
    display: none;
    overflow: hidden;
}

.weather-date-modal.show {
    display: block;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {opacity: 0; transform: translateY(-5px);}
    to {opacity: 1; transform: translateY(0);}
}

.modal-date-bar {
    padding: 8px 15px;
    border-bottom: 1px solid #f5f5f5;
    text-align: center;
}

.modal-date-bar .date-text {
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

.modal-date-bar .date-text .special {
    color: #2fadf8;
    font-weight: 600;
}

.modal-weather-area {
    padding: 10px;
}

.modal-weather-iframe {
    width: 100%;
    height: 180px;
    border: none;
}

.techs-nav .techs-more-item {
    position: relative;
}

.techs-nav .techs-more-item .techs-more-dropdown {
    padding: 6px;
    width: 200px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    border: 1px solid #e0e0e0;
    background-color: #fff;
    margin-top: 3px;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9999;
}

.techs-nav .techs-more-item .techs-more-dropdown.show {
    display: block;
}

.techs-menu-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
    height: auto;
}

.techs-menu-item {
    flex: 1;
    text-align: center;
    padding: 2px 1px;
    margin: 0 1px;
    border-radius: 2px;
    transition: all 0.3s ease;
    line-height: 1;
}

.techs-menu-item a {
    color: #333 !important;
    text-decoration: none !important;
    display: block;
}

.techs-menu-item:hover {
    background-color: #f5f5f5;
    transform: scale(1.05);
}

.techs-menu-item:hover a {
    color: #2fadf8 !important;
    text-decoration: none !important;
}

.techs-emoji {
    font-size: 14px;
    display: block;
    margin-bottom: 1px;
    line-height: 1;
}

.techs-menu-text {
    font-size: 9px;
    white-space: nowrap;
    line-height: 1.2;
}

.techs-menu-hr {
    margin: 1px 0;
    border-top: 1px solid #eee;
    height: 1px;
}

.techs-menu-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
    font-size: 9px;
    padding-top: 1px;
    line-height: 1;
}

.techs-menu-footer a {
    color: #666 !important;
    text-decoration: none !important;
}

.techs-menu-footer a:hover {
    color: #2fadf8 !important;
    text-decoration: none !important;
}

.techs-menu-footer .sep {
    color: #ccc;
    font-size: 9px;
}

/* ===================== 搜索区域样式 ===================== */
.custom-search-wrapper {
    position: relative;
    width: 100%;
    height: 150px;
    margin-top: 1px; 
    margin-bottom: 15px; 
    background: #ffffff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    box-sizing: border-box;
    cursor: default;
}

.custom-search-wrapper .custom-particle-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.custom-search-wrapper .custom-particle {
    position: absolute;
    background: linear-gradient(90deg, #165dff, #7b61ff, #ff61d2, #165dff);
    background-size: 400% 400%;
    border-radius: 2px;
    animation: 
        custom-float linear infinite,
        custom-gradient 8s ease infinite;
    opacity: 0.15;
    transition: all 0.5s ease;
}

.custom-search-wrapper:hover .custom-particle {
    opacity: 0.3;
    transform: scale(1.1);
    box-shadow: 0 0 10px rgba(22, 93, 255, 0.3);
}

.custom-search-wrapper .custom-particle:nth-child(odd):hover {
    transform: scale(1.2) rotate(5deg);
    background: linear-gradient(90deg, #ff61d2, #7b61ff, #165dff, #ff61d2);
}

.custom-search-wrapper .custom-particle:nth-child(even):hover {
    transform: scale(1.2) rotate(-5deg);
    background: linear-gradient(90deg, #165dff, #ff61d2, #7b61ff, #165dff);
}

.custom-search-wrapper .custom-search-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    text-align: center;
}

.custom-search-wrapper .custom-search-title {
    font-size: 22px;
    color: #333;
    margin: 0 0 4px 0;
    font-weight: 600;
    font-family: "Microsoft Yahei", sans-serif;
    line-height: 1;
}

.custom-search-wrapper .custom-engine-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin: 0 0 12px 0;
    list-style: none;
}

.custom-search-wrapper .custom-engine-item {
    padding: 4px 12px;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s ease;
    font-family: "Microsoft Yahei", sans-serif;
    position: relative;
    z-index: 3;
}

.custom-search-wrapper .custom-engine-item.active {
    background: #165dff;
    border-color: #165dff;
    color: #fff;
}

.custom-search-wrapper .custom-engine-item:hover:not(.active) {
    background: rgba(0, 0, 0, 0.08);
}

.custom-search-wrapper .custom-search-form {
    display: flex;
    width: 100%;
    max-width: 800px;
    height: 40px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.custom-search-wrapper .custom-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    font-size: 14px;
}

.custom-search-wrapper .custom-search-input {
    flex: 1;
    height: 100%;
    padding: 0 15px 0 35px;
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px 0 0 20px;
    outline: none;
    color: #333;
    font-size: 14px;
    font-family: "Microsoft Yahei", sans-serif;
    box-sizing: border-box;
}

.custom-search-wrapper .custom-search-input:focus {
    border-color: #165dff;
    background: rgba(0, 0, 0, 0.05);
}

.custom-search-wrapper .custom-search-input::placeholder {
    color: #999;
}

.custom-search-wrapper .custom-search-btn {
    height: 100%;
    padding: 0 25px;
    background: #165dff;
    border: none;
    border-radius: 0 20px 20px 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: "Microsoft Yahei", sans-serif;
}

.custom-search-wrapper .custom-search-btn:hover {
    background: #0e4bdb;
}

/* ===================== 通用面板/卡片样式 ===================== */
.site-panel, .recent-visit-panel, .site-card {
    width: 100%;
    margin-bottom: 15px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    box-sizing: border-box;
}

.site-panel-header, .recent-visit-header, .card-subtitle {
    padding: 10px 15px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.site-panel-title, .recent-visit-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.site-panel-body, .recent-visit-body {
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.color-flow-text, .recent-flow-text {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    background: linear-gradient(90deg, #ff0000, #ffd700, #00ff00, #0099ff, #ff00ff, #ff0000);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: colorFlow 3s linear infinite;
}

.site-link {
    display: inline-flex;
    align-items: center;
    padding: 0 6px;
    background-color: #f8f8f8;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 12px;
    height: 35px !important;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    min-width: 80px;
    max-width: 140px !important;
}

.site-link img {
    margin-right: 4px;
    border-radius: 2px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

.site-link:hover {
    background-color: #e8e8e8;
    color: #2fadf8 !important;
    text-decoration: none;
}

/* ===================== 最近访问样式 ===================== */
.recent-visit-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    width: 100%;
}

.recent-visit-card {
    position: relative;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 0 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 45px !important;
    display: flex;
    align-items: center;
    overflow: visible !important;
}

.recent-visit-card:hover {
    border-color: #e8e8e8 !important; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.recent-visit-count {
    position: absolute;
    top: 2px;
    right: 4px;
    font-size: 10px;
    color: #ffffff !important;
    z-index: 3;
    background-color: #667eea !important;
    padding: 1px 4px;
    border-radius: 8px;
    border: 1px solid #5a6edb;
}

.recent-visit-logo {
    width: 24px;
    height: 24px;
    margin-right: 6px;
    flex-shrink: 0;
    z-index: 2;
}

.recent-visit-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
}

.recent-visit-info {
    flex: 1;
    overflow: hidden;
    z-index: 2;
}

.recent-visit-name {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.recent-visit-grid > .recent-visit-card:first-child .recent-visit-name {
    font-weight: bold;
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #00ffff, #0000ff, #8b00ff);
    background-size: 600% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: recentFlowBg 1.5s linear infinite;
}

.recent-visit-menu {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 2px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    padding: 6px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    z-index: 4;
    width: 110px;
}

.recent-visit-card:hover .recent-visit-menu {
    opacity: 1 !important;
    visibility: visible !important;
}

.recent-visit-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #495057;
    text-decoration: none;
    padding: 4px 6px;
    background: #f8f9fa;
    border-radius: 4px;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
}

.recent-visit-item i {
    font-size: 13px !important;
    width: 14px;
    text-align: center;
    color: #667eea;
}

.recent-visit-item:hover {
    background: #667eea;
    color: #ffffff !important;
    text-decoration: none;
}

.recent-visit-item:hover i {
    color: #ffffff !important;
}

/* ===================== 最近点入/推荐站点样式 ===================== */
.recent-links-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 8px;
    width: 100%;
}

.link-recent {
    width: 100% !important;
    box-sizing: border-box;
}

.link-recent font {
    color: red !important;
}

.link-recent:hover font {
    color: #2fadf8 !important;
}

.recent-links-grid > a:first-child font {
    animation: flashColor 1s linear infinite !important;
    font-weight: bold !important;
    color: transparent !important;
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #00ffff, #0000ff, #8b00ff);
    background-size: 600% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: flashColor 1s linear infinite, colorFlowBg 1.5s linear infinite !important;
}

/* ===================== 组合模块样式（最新收录+轮播公告） ===================== */
.combo-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 0;
}

.new-site-wrap {
    width: calc(66.6667% - 5px);
    box-sizing: border-box;
    overflow: hidden !important;
}

.notice-wrap {
    width: calc(33.3333% - 5px);
    box-sizing: border-box;
    overflow: hidden !important;
}

.new-links-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 6px !important;
    width: 100%;
    padding: 10px 15px !important;
    box-sizing: border-box;
}

.link-new {
    width: 100% !important;
    box-sizing: border-box;
}

.submit-btn {
    width: 100%;
    padding: 8px 0;
    font-size: 16px;
    background-color: #0e4bdb;
    border: none;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
}

.submit-btn:hover {
    background-color: #c82333;
}

.slide-box {
    height: 65px;
    overflow: hidden;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    animation: slideNotice 10s linear infinite;
}

.slide-box:hover .slide-content {
    animation-play-state: paused;
}

.slide-item {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
    box-sizing: border-box;
}

.random-scroll-wrap {
    width: 100% !important;
    padding: 10px 15px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
    height: 35px !important;
    border: none !important;
    margin: 0 !important;
    line-height: 35px !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.random-scroll-content {
    display: flex !important;
    gap: 6px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    animation: randomScroll 60s linear infinite !important;
    animation-delay: 0s !important;
    animation-fill-mode: none !important;
    animation-play-state: running !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    width: auto !important;
    z-index: 99 !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.random-scroll-wrap:hover .random-scroll-content {
    animation-play-state: paused !important;
    -webkit-animation-play-state: paused !important;
}

/* ===================== 文章分类组合样式 ===================== */
.article-sort-combo {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.sort-left-wrap {
    width: calc(66.6667% - 5px);
    box-sizing: border-box;
}

.article-right-wrap {
    width: calc(33.3333% - 5px);
    box-sizing: border-box;
}

.sort-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin-bottom: 0;
}

.sort-card {
    width: calc(50% - 5px);
    box-sizing: border-box;
}

.link-sort {
    width: calc((100% - 16px) / 3) !important;
    margin: 0 !important;
}

.article-container {
    width: 100%;
    margin-bottom: 0;
}

.article-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.article-card {
    width: 100%;
    box-sizing: border-box;
}

.article-list {
    padding: 15px;
    font-size: 15px;
    line-height: 1.38rem;
}

.article-list li {
    padding: 1px 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-list a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.article-list a:hover {
    color: #2fadf8;
}

.article-list a i {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #5298ff;
    border-radius: 2px;
    margin-right: 3px;
}

.article-list small {
    font-size: 12px;
    color: #999;
    margin-left: 5px;
}

/* ===================== 友情链接样式 ===================== */
.link-friend {
    width: calc((100% - 56px) / 8) !important;
}

/* ===================== 夜间模式样式 ===================== */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-mode .site-container {
    background-color: transparent;
}

.dark-mode .site-panel,
.dark-mode .recent-visit-panel,
.dark-mode .site-card {
    background-color: #1e1e1e;
    border-color: #333;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.dark-mode .site-panel-header,
.dark-mode .recent-visit-header,
.dark-mode .card-subtitle {
    background-color: #252525;
    border-color: #333;
}

.dark-mode .site-link {
    background-color: #252525;
    color: #e0e0e0;
    border-color: #333;
}

.dark-mode .site-link:hover {
    background-color: #333;
    color: #4d90fe !important;
}

.dark-mode .custom-search-wrapper {
    background-color: #1e1e1e;
}

.dark-mode .custom-search-input {
    background-color: #252525;
    border-color: #333;
    color: #e0e0e0;
}

.dark-mode .custom-search-input::placeholder {
    color: #999;
}

.dark-mode .custom-search-input:focus {
    border-color: #4d90fe;
    background-color: #252525;
}

.dark-mode .custom-engine-item {
    background-color: #252525;
    border-color: #444;
    color: #e0e0e0;
}

.dark-mode .custom-engine-item:hover:not(.active) {
    background-color: #333;
}

.dark-mode .article-list {
    color: #e0e0e0;
}

.dark-mode .article-list li {
    border-color: #333;
}

.dark-mode .article-list a {
    color: #e0e0e0;
}

.dark-mode .article-list a:hover {
    color: #4d90fe;
}

.dark-mode .article-list small {
    color: #888;
}

.dark-mode .submit-btn {
    background-color: #d32f2f;
}

.dark-mode .submit-btn:hover {
    background-color: #b71c1c;
}

.dark-mode .slide-item {
    color: #e0e0e0;
}

.dark-mode .site-link img[src="/favicon.ico"] {
    filter: invert(1);
}

/* 夜间模式 - 最近访问 */
.dark-mode .recent-visit-panel {
    background-color: #1e1e1e;
    border-color: #333;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.dark-mode .recent-visit-header {
    background-color: #252525;
    border-bottom-color: #333;
}

.dark-mode .recent-visit-title {
    color: #e0e0e0;
}

.dark-mode .recent-visit-card {
    background-color: #252525;
    border-color: #333;
}

.dark-mode .recent-visit-card:hover {
    border-color: #444 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

.dark-mode .recent-visit-name {
    color: #e0e0e0;
}

.dark-mode .recent-visit-menu {
    background-color: #252525;
    border-color: #444;
    box-shadow: 0 3px 10px rgba(0,0,0,0.4);
}

.dark-mode .recent-visit-item {
    background-color: #333;
    color: #e0e0e0;
}

.dark-mode .recent-visit-item:hover {
    background-color: #667eea;
    color: #fff !important;
}

.dark-mode .recent-visit-logo img[src="/public/pc/img/loading.gif"] {
    filter: invert(1);
}

/* 夜间模式 - 导航栏 */
.dark-mode .techs-header {
    background-color: #1e1e1e;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border-bottom: 1px solid #333;
}

body.dark-mode.techs-scrolled .techs-header {
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.dark-mode .techs-logo img {
    filter: brightness(0.9) contrast(1.1);
}

.dark-mode .techs-hamburger span {
    background-color: #e0e0e0;
}

.dark-mode .techs-hamburger:hover span {
    background-color: #ffffff;
}

.dark-mode .techs-nav {
    background-color: transparent;
}

.dark-mode .techs-nav li a {
    color: #e0e0e0;
    text-decoration: none !important;
}

.dark-mode .techs-nav li a:hover {
    color: #4d90fe;
    text-decoration: none !important;
}

.dark-mode .techs-nav li::after {
    background: #4d90fe;
}

.dark-mode .weather-date-modal {
    background-color: #1e1e1e;
    border-color: #333;
}

.dark-mode .modal-date-bar {
    border-bottom-color: #333;
}

.dark-mode .modal-date-bar .date-text {
    color: #e0e0e0;
}

.dark-mode .modal-date-bar .date-text .special {
    color: #4d90fe;
}

.dark-mode .techs-nav .techs-more-item .techs-more-dropdown {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

.dark-mode .techs-menu-item {
    color: #e0e0e0 !important;
}

.dark-mode .techs-menu-item a {
    color: #e0e0e0 !important;
    text-decoration: none !important;
}

.dark-mode .techs-menu-item:hover {
    background-color: #252525 !important;
}

.dark-mode .techs-menu-item:hover a {
    color: #4d90fe !important;
    text-decoration: none !important;
}

.dark-mode .techs-menu-hr {
    border-top: 1px solid #333 !important;
}

.dark-mode .techs-menu-footer a {
    color: #999 !important;
    text-decoration: none !important;
}

.dark-mode .techs-menu-footer a:hover {
    color: #4d90fe !important;
    text-decoration: none !important;
}

.dark-mode .techs-menu-footer .sep {
    color: #444;
}

/* ===================== 右侧悬浮按钮基础样式 ===================== */
.suspend {
    position: fixed;
    right: 20px;
    bottom: 50px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: bottom 0.3s ease;
}
.suspend li {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    flex-shrink: 0;
}
.suspend li.back-top {background: #4299e1;}
.suspend li:nth-child(2) {background: #38b2ac;}
.suspend li:nth-child(3) {background: #f56565;}
.suspend li:nth-child(4) {background: #9f7aea;}
.suspend li.weixin-btn {background: #48bb78;}
.suspend li:hover {
    transform: scale(1.08);
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}
.suspend .icon {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}
.suspend li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
}
.suspend .more {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.85);
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 1;
    pointer-events: none;
}
.suspend .more::after {
    content: '';
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(0,0,0,0.85);
}
.suspend .more.weixin {
    width: 90px;
    height: 90px;
    padding: 5px;
    right: 45px;
    border-radius: 4px;
    background: #fff;
}
.suspend .more.weixin::after {
    border-left-color: #fff;
}
.suspend .more.weixin img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.suspend li:hover .more {
    opacity: 1;
    visibility: visible;
}
.suspend .back-top {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.suspend .back-top.show {
    opacity: 1;
    visibility: visible;
}

/* ===================== 夜间模式切换按钮样式 ===================== */
.suspend li.theme-toggle-btn {
    background: #ed8936;
}
.suspend li.theme-toggle-btn:hover {
    transform: scale(1.08);
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}
.dark-mode .suspend li {
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.dark-mode .suspend li:hover {
    box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}
.dark-mode .suspend .more {
    background: rgba(30,30,30,0.9);
}
.dark-mode .suspend .more::after {
    border-left-color: rgba(30,30,30,0.9);
}
.dark-mode .suspend .more.weixin {
    background: #252525;
    border: 1px solid #444;
}
.dark-mode .suspend .more.weixin::after {
    border-left-color: #252525;
}

/* ===================== 页脚核心样式 ===================== */
.custom-footer {
    font-family: "Microsoft Yahei", Arial, sans-serif;
    color: #fff;
    background: linear-gradient(135deg, #0f1b49 0%, #16224a 50%, #0a1029 100%);
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    z-index: 10;
    min-height: auto;
}
.custom-footer .ocean-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    opacity: 0.6;
}
.custom-footer .footer-top,
.custom-footer .footer-middle,
.custom-footer .footer-bottom {
    position: relative;
    z-index: 3;
}
.custom-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(100, 181, 246, 0.15), transparent);
    animation: light-move 10s linear infinite;
    z-index: 2;
}
@keyframes light-move {
    0% { left: -100%; }
    100% { left: 100%; }
}
.custom-footer .footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
.custom-footer .footer-top {
    padding: 30px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.custom-footer .footer-top .footer-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 15px;
    justify-content: space-between;
}
.custom-footer .footer-col {
    flex: 1 1 calc(16.666% - 15px);
    min-width: 180px;
    box-sizing: border-box;
}
.custom-footer .footer-col h3 {
    font-size: 16px;
    margin-bottom: 12px;
    position: relative;
    padding-bottom: 8px;
    color: #64b5f6;
    font-weight: 500;
    line-height: 1;
}
.custom-footer .footer-col h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, #64b5f6, #2196f3);
    border-radius: 1px;
}
.custom-footer .footer-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 6px;
    align-items: center;
}
.custom-footer .footer-nav-list a {
    color: #e0e0e0;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.4;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
    border: 1px solid transparent;
    transition: color 0.3s ease;
}
.custom-footer .footer-nav-list a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(100, 181, 246, 0.25), rgba(33, 150, 243, 0.35));
    backdrop-filter: blur(2px);
    transition: left 0.3s ease-in-out;
    z-index: -1;
    border-radius: 6px;
}
.custom-footer .footer-nav-list a:hover {
    color: #ffffff;
    border-color: rgba(100, 181, 246, 0.4);
}
.custom-footer .footer-nav-list a:hover::before {
    left: 0;
}
.custom-footer .service-time {
    color: #ccc;
    font-size: 13px;
    line-height: 1.6;
    padding-top: 4px;
}
.custom-footer .service-time .time-desc {
    color: #64b5f6;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
}
.custom-footer .service-time .time-num {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 2px 0;
}
.custom-footer .service-time .time-tip {
    font-size: 12px;
    color: #999;
}
.custom-footer .footer-qrcode {
    text-align: left;
    padding-top: 4px;
}
.custom-footer .footer-qrcode img {
    width: 80px;
    height: 80px;
    border: 3px solid rgba(100, 181, 246, 0.2);
    border-radius: 8px;
    background: #fff;
}
.custom-footer .footer-qrcode p {
    font-size: 12px;
    color: #ccc;
    margin: 8px 0 0;
    line-height: 1.4;
}
.custom-footer .footer-middle {
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.custom-footer .footer-law-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    justify-content: center;
    align-items: center;
}
.custom-footer .footer-law-list a {
    color: #aaa;
    text-decoration: none;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
    transition: color 0.3s ease;
    display: inline-block;
}
.custom-footer .footer-law-list a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(100, 181, 246, 0.2), rgba(33, 150, 243, 0.3));
    transition: left 0.3s ease-in-out;
    z-index: -1;
    border-radius: 6px;
}
.custom-footer .footer-law-list a:hover {
    color: #fff;
}
.custom-footer .footer-law-list a:hover::before {
    left: 0;
}
.custom-footer .footer-bottom {
    padding: 20px 0;
    text-align: center;
}
.custom-footer .copyright {
    color: #b0b0b0;
    font-size: 13px;
    line-height: 2;
    margin: 0;
}
.custom-footer .copyright p {
    margin: 0;
    padding: 0;
    line-height: 2;
}
.custom-footer .copyright a {
    color: #64b5f6;
    text-decoration: none;
    margin: 0 2px;
}
.custom-footer .copyright a:hover {
    color: #64b5f6;
    text-decoration: underline;
}

/* ===================== 页脚夜间模式适配 ===================== */
.dark-mode .custom-footer {
    background: linear-gradient(135deg, #1a237e 0%, #283593 50%, #1a237e 100%);
}
.dark-mode .custom-footer::before {
    background: linear-gradient(90deg, transparent, rgba(145, 180, 240, 0.15), transparent);
}
.dark-mode .custom-footer .footer-col h3 {
    color: #90caf9;
}
.dark-mode .custom-footer .footer-col h3::after {
    background: linear-gradient(90deg, #90caf9, #64b5f6);
}
.dark-mode .custom-footer .footer-nav-list a {
    color: #e0e0e0;
}
.dark-mode .custom-footer .footer-nav-list a:hover {
    color: #ffffff;
    border-color: rgba(144, 202, 249, 0.4);
}
.dark-mode .custom-footer .service-time {
    color: #ddd;
}
.dark-mode .custom-footer .service-time .time-desc {
    color: #90caf9;
}
.dark-mode .custom-footer .service-time .time-num {
    color: #fff;
}
.dark-mode .custom-footer .footer-qrcode img {
    border-color: rgba(144, 202, 249, 0.3);
}
.dark-mode .custom-footer .footer-qrcode p {
    color: #ddd;
}
.dark-mode .custom-footer .footer-law-list a {
    color: #bbb;
}
.dark-mode .custom-footer .footer-law-list a:hover {
    color: #fff;
}
.dark-mode .custom-footer .copyright {
    color: #c0c0c0;
}
.dark-mode .custom-footer .copyright a {
    color: #90caf9;
}

/* ===================== 响应式适配（合并所有尺寸） ===================== */
@media (max-width: 768px) {
    /* 导航栏适配 */
    .techs-hamburger {
        display: flex;
    }
    .techs-logo img {
        height: 30px;
    }
    .techs-nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        flex-direction: column;
        gap: 0;
        padding: 10px 15px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        transform: translateY(-10px);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        z-index: 9998;
        width: 100%;
    }
    .techs-nav.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    .techs-nav li {
        width: 100%;
        padding: 12px 0;
        border-bottom: 1px solid #f5f5f5;
    }
    .techs-nav li:last-child {
        border-bottom: none;
    }
    .techs-nav li a {
        font-size: 14px;
        width: 100%;
        padding: 2px 0;
        text-decoration: none !important;
    }
    .techs-nav li::after {
        display: none;
    }
    .techs-nav li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: #2fadf8;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .techs-nav li:hover::before {
        opacity: 1;
    }
    .techs-nav .techs-weather-item {
        display: flex;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid #f5f5f5;
    }
    .techs-nav .techs-weather-item .weather-icon {
        font-size: 18px;
        padding: 0;
    }
    .weather-date-modal {
        width: calc(100% - 30px);
        right: 15px;
    }
    
    /* 通用适配 */
    .color-flow-text, .recent-flow-text { font-size: 14px; }
    
    /* 最近访问适配 */
    .recent-visit-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .recent-visit-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 5px;
    }
    .recent-visit-card {
        height: 50px !important;
    }
    .recent-visit-menu {
        width: 100px;
    }
    
    /* 最近点入适配 */
    .recent-links-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }
    .link-recent {
        font-size: 12px;
        padding: 0 5px;
    }
    .site-panel-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 5px;
    }
    
    /* 组合模块适配 */
    .combo-container {
        flex-wrap: wrap;
    }
    .new-site-wrap, .notice-wrap {
        width: 100%;
    }
    .new-links-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
    }
    .site-link {
        min-width: 60px !important;
        max-width: 110px !important;
        padding: 0 4px !important;
    }
    .submit-btn {
        font-size: 14px;
    }
    .random-scroll-content {
        animation-duration: 30s !important;
        gap: 4px !important;
    }
    
    /* 文章分类适配 */
    .article-sort-combo {
        flex-wrap: wrap;
    }
    .sort-left-wrap, .article-right-wrap {
        width: 100%;
    }
    .sort-container {
        flex-direction: column;
        gap: 15px;
    }
    .sort-card {
        width: 100%;
    }
    .link-sort {
        font-size: 12px;
        padding: 0 5px;
        width: calc((100% - 16px) / 3) !important;
    }
    
    /* 友情链接适配 */
    .link-friend {
        font-size: 12px;
        padding: 0 5px;
        width: calc((100% - 24px) / 4) !important;
    }
    
    /* 导航栏移动端适配 */
    .techs-header {
        padding: 10px 0;
    }
    body.techs-scrolled .techs-header {
        padding: 8px 0;
    }
    .techs-nav li {
        padding: 10px 0;
    }
    .techs-nav li a {
        font-size: 13px;
    }
    .techs-nav .techs-weather-item {
        padding: 10px 0;
    }
    .techs-nav .techs-weather-item .weather-icon {
        font-size: 16px;
    }
    
    /* 夜间模式移动端导航 */
    .dark-mode .techs-nav {
        background-color: #252525;
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
        border-top: 1px solid #444;
    }
    .dark-mode .techs-nav li {
        border-bottom: 1px solid #333;
    }
    .dark-mode .techs-nav li::before {
        background: #4d90fe;
    }
    .dark-mode .techs-nav li a:hover {
        color: #4d90fe;
    }
    .dark-mode .weather-date-modal {
        background-color: #1e1e1e;
        border-color: #333;
    }

    /* 悬浮按钮适配 */
    .suspend {
        right: 10px; 
        bottom: 30px; 
        gap: 6px;
    }
    .suspend li {
        width: 28px; 
        height: 28px;
    }
    .suspend .icon {
        font-size: 12px;
    }
    .suspend .more {
        font-size: 11px; 
        padding: 3px 7px; 
        right: 35px;
    }
    .suspend .more.weixin {
        width: 80px; 
        height: 80px; 
        right: 40px;
    }

    /* 页脚适配 - 隐藏顶部导航 */
    .custom-footer .footer-top {
        display: none;
    }
    .custom-footer .footer-middle {
        padding: 12px 0;
    }
    .custom-footer .footer-bottom {
        padding: 15px 0;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    /* 最近访问适配 */
    .recent-visit-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }
    
    /* 最近点入适配 */
    .recent-links-grid {
        grid-template-columns: repeat(8, 1fr);
        gap: 8px;
    }
    
    /* 组合模块适配 */
    .new-links-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 6px !important;
    }
    .random-scroll-content {
        animation-duration: 40s !important;
    }
    
    /* 文章分类适配 */
    .sort-card {
        width: calc(50% - 5px);
    }
    .link-sort {
        width: calc((100% - 16px) / 3) !important;
    }
    
    /* 友情链接适配 */
    .link-friend {
        width: calc((100% - 40px) / 6) !important;
    }
}

@media (min-width: 993px) {
    /* 强制PC端布局 */
    .recent-visit-grid {
        grid-template-columns: repeat(6, 1fr) !important;
    }
    .recent-links-grid {
        grid-template-columns: repeat(10, 1fr) !important;
    }
    .new-links-grid {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}

@media (max-width: 480px) {
    /* 页脚适配 */
    .custom-footer .footer-middle {
        padding: 10px 0;
    }
    .custom-footer .footer-bottom {
        padding: 12px 0;
    }
    .custom-footer .copyright {
        font-size: 12px;
    }
    .custom-footer .footer-law-list {
        gap: 6px 8px;
    }
    .custom-footer .footer-law-list a {
        padding: 3px 8px; 
        font-size: 11px;
    }
}

/* ===================== 修复悬浮按钮被页脚遮挡的核心样式 ===================== */
body {
    padding-bottom: 30px !important;
}
.suspend {
    z-index: 99999 !important;
}
.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}





/*导航首页*/


/* 基础样式重置 - 替代全局*选择器 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    text-decoration: none;
    
}

/* 为所有元素设置box-sizing，避免全局*选择器 */
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

/* 原有动画效果保留 */
@keyframes colorFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
@keyframes recentColorFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
@keyframes recentFlowBg {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
@keyframes flashColor {
    0% { color: #ff0000 !important; }
    14% { color: #ff7f00 !important; }
    28% { color: #ffff00 !important; }
    42% { color: #00ff00 !important; }
    56% { color: #00ffff !important; }
    70% { color: #0000ff !important; }
    84% { color: #8b00ff !important; }
    100% { color: #ff0000 !important; }
}
@keyframes slideNotice {
    0% { top: 0; }
    100% { top: -90px; }
}
@keyframes randomScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* 暗黑模式样式 */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}
.dark-mode .dh-container {
    background-color: transparent;
}
.dark-mode .dh-panel,
.dark-mode .dh-card,
.dark-mode .dh-recent-panel,
.dark-mode .dh-suiji-card,
.dark-mode .dh-zuixin-card {
    background-color: #1e1e1e;
    border-color: #333;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.dark-mode .dh-panel-header,
.dark-mode .dh-card-subtitle,
.dark-mode .dh-recent-header,
.dark-mode .dh-suiji-header,
.dark-mode .dh-zuixin-header {
    background-color: #252525;
    border-color: #333;
}
.dark-mode .dh-link,
.dark-mode .dh-recent-card,
.dark-mode .dh-suiji-link,
.dark-mode .dh-zuixin-link {
    background-color: #252525;
    color: #e0e0e0;
    border-color: #333;
}
.dark-mode .dh-link:hover,
.dark-mode .dh-suiji-link:hover,
.dark-mode .dh-zuixin-link:hover {
    background-color: #333;
    color: #2fadf8 !important;
}
.dark-mode .dh-recent-card:hover {
    border-color: #444 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.dark-mode .custom-search-wrapper {
    background-color: #1e1e1e;
}
.dark-mode .custom-search-input {
    background-color: #252525;
    border-color: #333;
    color: #e0e0e0;
}
.dark-mode .custom-search-input::placeholder {
    color: #999;
}
.dark-mode .custom-search-input:focus {
    border-color: #4d90fe;
    background-color: #252525;
}
.dark-mode .custom-engine-item {
    background-color: #252525;
    border-color: #444;
    color: #e0e0e0;
}
.dark-mode .custom-engine-item:hover:not(.active) {
    background-color: #333;
}
.dark-mode .article-list {
    color: #e0e0e0;
}
.dark-mode .article-list li {
    border-color: #333;
}
.dark-mode .article-list a {
    color: #e0e0e0;
}
.dark-mode .article-list a:hover {
    color: #4d90fe;
}
.dark-mode .article-list small {
    color: #888;
}
.dark-mode .submit-btn {
    background-color: #b02a37;
}
.dark-mode .submit-btn:hover {
    background-color: #9a2530;
}
.dark-mode .slide-item {
    color: #e5e5e5;
}
.dark-mode .dh-link img[src="/favicon.ico"],
.dark-mode .dh-recent-logo img[src="/public/pc/img/loading.gif"] {
    filter: invert(1);
}
.dark-mode .dh-recent-title,
.dark-mode .dh-suiji-title,
.dark-mode .dh-zuixin-title {
    color: #e0e0e0;
}
.dark-mode .dh-recent-menu {
    background-color: #252525;
    border-color: #444;
    box-shadow: 0 3px 10px rgba(0,0,0,0.4);
}
.dark-mode .dh-recent-item {
    background-color: #333;
    color: #e0e0e0;
}
.dark-mode .dh-recent-item:hover {
    background-color: #667eea;
    color: #fff !important;
}

/* 容器样式 */
.dh-container {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 最近点入面板 */
.dh-recent-panel {
    width: 100%;
    margin-bottom: 15px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.dh-recent-header {
    padding: 10px 15px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.dh-recent-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.dh-recent-body {
    padding: 15px;
}
.dh-flow-text {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    background: linear-gradient(90deg, #ff0000, #ffd700, #00ff00, #0099ff, #ff00ff, #ff0000);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: recentColorFlow 3s linear infinite;
}
.dh-recent-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    width: 100%;
}
.dh-recent-card {
    position: relative;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 0 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 45px !important;
    display: flex;
    align-items: center;
    overflow: visible !important;
}
.dh-recent-card:hover {
    border-color: #e8e8e8 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.dh-recent-count {
    position: absolute;
    top: 2px;
    right: 4px;
    font-size: 10px;
    color: #ffffff !important;
    z-index: 3;
    background-color: #667eea !important;
    padding: 1px 4px;
    border-radius: 8px;
    border: 1px solid #5a6edb;
}
.dh-recent-logo {
    width: 24px;
    height: 24px;
    margin-right: 6px;
    flex-shrink: 0;
    z-index: 2;
}
.dh-recent-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
}
.dh-recent-info {
    flex: 1;
    overflow: hidden;
    z-index: 2;
}
.dh-recent-name {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}
.dh-recent-grid > .dh-recent-card:first-child .dh-recent-name {
    font-weight: bold;
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #00ffff, #0000ff, #8b00ff);
    background-size: 600% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: recentFlowBg 1.5s linear infinite;
}
.dh-recent-menu {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 2px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    padding: 6px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    z-index: 4;
    width: 110px;
}
.dh-recent-card:hover .dh-recent-menu {
    opacity: 1 !important;
    visibility: visible !important;
}
.dh-recent-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #495057;
    text-decoration: none;
    padding: 4px 6px;
    background: #f8f9fa;
    border-radius: 4px;
    transition: all 0.2s ease;
    width: 100%;
    justify-content: center;
}
.dh-recent-item i {
    font-size: 13px !important;
    width: 14px;
    text-align: center;
    color: #667eea;
}
.dh-recent-item:hover {
    background: #667eea;
    color: #ffffff !important;
    text-decoration: none;
}
.dh-recent-item:hover i {
    color: #ffffff !important;
}

/* 通用面板样式 */
.dh-panel {
    width: 100%;
    margin-bottom: 15px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.dh-panel-header {
    padding: 10px 15px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.dh-panel-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.dh-panel-body {
    padding: 15px;
}

/* 链接样式 */
.dh-link {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    background-color: #f8f8f8;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 13px;
    height: 35px !important;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dh-link img {
    margin-right: 5px;
    border-radius: 2px;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}
.dh-link:hover {
    background-color: #e8e8e8;
    color: #2fadf8 !important;
    text-decoration: none;
}
.dh-link-recent {
    width: 100% !important;
}
.dh-link-recent font {
    color: red !important;
}
.dh-link-recent:hover font {
    color: #2fadf8 !important;
}
.dh-recent-links-grid > a:first-child font {
    animation: flashColor 1s linear infinite !important;
    font-weight: bold !important;
    color: transparent !important;
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #00ffff, #0000ff, #8b00ff);
    background-size: 600% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: flashColor 1s linear infinite, recentFlowBg 1.5s linear infinite !important;
}
.dh-recent-links-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 8px;
    width: 100%;
}

/* 组合容器 */
.dh-combo-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    margin-bottom: 15px;
}

/* 随机推荐 */
.dh-suiji-wrap {
    width: calc(33.3333% - 5px);
}
.dh-suiji-card {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.dh-suiji-header {
    padding: 10px 15px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dh-suiji-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #333;
}
.dh-suiji-body {
    padding: 0 !important;
    overflow: hidden;
    flex: 1;
}
.dh-suiji-grid {
    display: grid;
    gap: 6px !important;
    width: 100%;
    padding: 10px 15px !important;
    flex: 1;
}
.dh-suiji-link {
    display: inline-flex;
    align-items: center;
    padding: 0 6px !important;
    background-color: #f8f8f8;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 12px !important;
    height: 35px !important;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 80px;
    max-width: 140px !important;
}
.dh-suiji-link img {
    margin-right: 4px !important;
    border-radius: 2px;
    flex-shrink: 0;
    width: 18px !important;
    height: 18px !important;
}

/* 最新收录 */
.dh-zuixin-wrap {
    width: calc(66.6667% - 5px);
}
.dh-zuixin-card {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.dh-zuixin-header {
    padding: 10px 15px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dh-zuixin-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #333;
}
.dh-zuixin-body {
    padding: 0 !important;
    overflow: hidden;
    flex: 1;
}
.dh-zuixin-grid {
    display: grid;
    gap: 6px !important;
    width: 100%;
    padding: 10px 15px !important;
    flex: 1;
}
.dh-zuixin-link {
    display: inline-flex;
    align-items: center;
    padding: 0 6px !important;
    background-color: #f8f8f8;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 12px !important;
    height: 35px !important;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 80px;
    max-width: 140px !important;
}
.dh-zuixin-link img {
    margin-right: 4px !important;
    border-radius: 2px;
    flex-shrink: 0;
    width: 18px !important;
    height: 18px !important;
}

/* 按钮样式 */
.submit-btn {
    width: 100%;
    padding: 8px 0;
    font-size: 16px;
    background-color: #165dff;
    border: none;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.submit-btn:hover {
    background-color: #c82333;
}

/* 滚动通知 */
.slide-box {
    height: 65px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    animation: slideNotice 10s linear infinite;
}
.slide-box:hover .slide-content {
    animation-play-state: paused;
}
.slide-item {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
    color: #333;
}

/* 随机滚动 */
.random-scroll-wrap {
    width: 100% !important;
    padding: 10px 15px !important;
    overflow: hidden !important;
    position: relative !important;
    height: 35px !important;
    border: none !important;
    margin: 0 !important;
    line-height: 35px !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.random-scroll-content {
    display: flex !important;
    gap: 6px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    animation: randomScroll 60s linear infinite !important;
    animation-delay: 0s !important;
    animation-fill-mode: none !important;
    animation-play-state: running !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    width: auto !important;
    z-index: 99 !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.random-scroll-wrap:hover .random-scroll-content {
    animation-play-state: paused !important;
    -webkit-animation-play-state: paused !important;
}

/* 卡片样式 */
.dh-card {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    overflow: hidden;
}
.dh-card-subtitle {
    padding: 10px 15px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

/* 导航组合 */
.dh-nav-combo {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin-bottom: 15px;
}
.dh-nav-left {
    width: 100%;
}
.dh-nav-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin-bottom: 0;
}
.dh-nav-card {
    width: calc(33.3333% - 7px);
    margin-bottom: 10px;
}
.dh-nav-link {
    width: calc((100% - 16px) / 3) !important;
    margin: 0 !important;
}
.dh-link-friend {
    width: calc((100% - 56px) / 8) !important;
}

/* 响应式样式 */
@media (max-width: 768px) {
    .dh-flow-text, .dh-panel-title { font-size: 14px; }
    .dh-recent-grid, .dh-suiji-grid, .dh-zuixin-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px;
    }
    .dh-recent-header, .dh-panel-header, .dh-suiji-header, .dh-zuixin-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 5px;
    }
    .dh-recent-card { height: 50px !important; }
    .dh-recent-menu { width: 100px; }
    .dh-recent-links-grid { grid-template-columns: repeat(3, 1fr); }
    .dh-link, .dh-link-recent, .dh-link-friend {
        font-size: 12px;
        padding: 0 5px;
    }
    .dh-combo-wrap {
        flex-wrap: wrap;
        gap: 15px;
    }
    .dh-suiji-wrap, .dh-zuixin-wrap {
        width: 100%;
        margin-bottom: 0;
    }
    .dh-suiji-link, .dh-zuixin-link {
        min-width: 60px !important;
        max-width: 110px !important;
        padding: 0 4px !important;
        font-size: 11px !important;
        height: 32px !important;
    }
    .dh-suiji-link img, .dh-zuixin-link img {
        width: 16px !important;
        height: 16px !important;
    }
    .dh-suiji-header, .dh-zuixin-header {
        padding: 8px 10px;
        font-size: 14px;
    }
    .dh-suiji-title, .dh-zuixin-title { font-size: 15px; }
    .submit-btn {
        font-size: 14px;
        padding: 7px 0;
    }
    .random-scroll-content {
        animation-duration: 30s !important;
        gap: 4px !important;
    }
    .dh-nav-combo { flex-wrap: wrap; }
    .dh-nav-left { width: 100%; }
    .dh-nav-container {
        flex-direction: column;
        gap: 15px;
    }
    .dh-nav-card { width: 100%; }
    .dh-nav-link { width: calc((100% - 16px) / 3) !important; }
    .dh-link-friend { width: calc((100% - 24px) / 4) !important; }
}
@media (min-width: 769px) and (max-width: 992px) {
    .dh-recent-grid, .dh-suiji-grid { grid-template-columns: repeat(4, 1fr); }
    .dh-zuixin-grid { grid-template-columns: repeat(4, 1fr) !important; }
    .dh-recent-links-grid { grid-template-columns: repeat(8, 1fr); }
    .dh-suiji-link, .dh-zuixin-link { max-width: 120px !important; }
    .random-scroll-content { animation-duration: 40s !important; }
    .dh-nav-card { width: calc(33.3333% - 7px); }
    .dh-nav-link { width: calc((100% - 16px) / 3) !important; }
    .dh-link-friend { width: calc((100% - 40px) / 6) !important; }
}
@media (min-width: 993px) {
    .dh-recent-grid { grid-template-columns: repeat(6, 1fr) !important; }
    .dh-recent-links-grid { grid-template-columns: repeat(10, 1fr) !important; }
    .dh-suiji-grid { grid-template-columns: repeat(4, 1fr) !important; }
    .dh-zuixin-grid { grid-template-columns: repeat(5, 1fr) !important; }
    .dh-nav-card { width: calc(33.3333% - 7px); }
    .dh-nav-link { width: calc((100% - 16px) / 3) !important; }
}
@media (min-width: 1200px) {
    .dh-suiji-grid, .dh-zuixin-grid {
        gap: 8px !important;
        padding: 12px 18px !important;
    }
    .dh-suiji-link, .dh-zuixin-link { max-width: 150px !important; }
}



/*关于*/

.gy_container {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.gy_sort {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 15px;
    margin: 0 0 20px 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.gy_sort li {
    flex-shrink: 0;
}
.gy_sort li a {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background: #f8f8f8;
    border-radius: 6px;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.gy_sort li a:hover {
    background: #f5f7ff;
    color: #165dff;
    border-color: rgba(22, 93, 255, 0.2);
}
.gy_sort li a.active {
    background: #165dff;
    color: #fff;
}
.gy_sort li a i {
    margin-left: 6px;
    font-size: 12px;
}

.gy_breadcrumb {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin-bottom: 20px;
    font-size: 14px;
    color: #333333;
}
.gy_breadcrumb .gy_icon {
    margin-right: 10px;
    color: #165dff;
    font-size: 16px;
}
.gy_breadcrumb a {
    color: #165dff;
    text-decoration: none;
}
.gy_breadcrumb a:hover {
    text-decoration: underline;
}

.gy_card {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    overflow: hidden;
    margin-bottom: 20px;
}

.gy_card-header {
    padding: 15px 20px;
    background: #ffffff !important;
    color: #165dff !important;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaecef !important;
    border-radius: 8px 8px 0 0 !important;
}
.gy_card-header i {
    margin-right: 10px;
}

.gy_card-body {
    padding: 25px;
}

.gy_content {
    font-size: 14px;
    line-height: 2;
    color: #333333;
}
.gy_content p {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
}
.gy_content p:last-child {
    margin-bottom: 0;
}
.gy_content b {
    color: #165dff;
    font-weight: 600;
}
.gy_content a {
    color: #165dff;
    text-decoration: none;
    font-weight: 500;
}
.gy_content a:hover {
    text-decoration: underline;
}

/* 暗黑模式样式 - 仅作用于gy_前缀的元素 */
.dark-mode .gy_sort {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
.dark-mode .gy_sort li a {
    background: #252525 !important;
    color: #e0e0e0 !important;
}
.dark-mode .gy_sort li a:hover {
    background: #252525 !important;
    color: #4d90fe !important;
    border-color: rgba(77, 144, 254, 0.2) !important;
}
.dark-mode .gy_sort li a.active {
    background: #4d90fe !important;
    color: #fff !important;
}

.dark-mode .gy_breadcrumb {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    color: #e0e0e0 !important;
}
.dark-mode .gy_breadcrumb .gy_icon {
    color: #4d90fe !important;
}
.dark-mode .gy_breadcrumb a {
    color: #4d90fe !important;
}

.dark-mode .gy_card {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}

.dark-mode .gy_card-header {
    background: #1e1e1e !important;
    color: #4d90fe !important;
    border-bottom-color: #333 !important;
}

.dark-mode .gy_content {
    color: #e0e0e0 !important;
}
.dark-mode .gy_content b {
    color: #4d90fe !important;
}
.dark-mode .gy_content a {
    color: #4d90fe !important;
}

/* 响应式样式 */
@media (max-width: 768px) {
    .gy_container {
        top: 15px;
        padding: 0 10px;
    }
    .gy_sort {
        padding: 10px;
    }
    .gy_sort li a {
        padding: 6px 12px;
    }
    .gy_card-body {
        padding: 15px;
    }
    .gy_content {
        line-height: 1.8;
    }
    .gy_content p {
        flex-direction: column;
    }
}



/*提交页*/

/*  apply-→tjy-  */
:root {
    --tjy-primary: #165dff;
    --tjy-bg: #ffffff;
    --tjy-card-bg: #ffffff;
    --tjy-text: #333333;
    --tjy-gray: #999999;
    --tjy-red: #e03e2d;
    --tjy-green: #28a745;
    --tjy-blue: #165dff;
    --tjy-shadow: 0 2px 8px rgba(0,0,0,0.05);
    --tjy-border: #dddddd;
    --tjy-hover: #f5f7ff;
    --tjy-content-bg: #f8f9fa;
    --tjy-nav-item-bg: #f8f8f8;
}

.tjy-container {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.tjy-sort {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 15px;
    margin: 0 0 20px 0;
    background: var(--tjy-card-bg) !important;
    border-radius: 8px;
    box-shadow: var(--tjy-shadow) !important;
}
.tjy-sort li {
    flex-shrink: 0;
}
.tjy-sort li a {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background: var(--tjy-nav-item-bg) !important;
    border-radius: 6px;
    color: var(--tjy-text) !important;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.tjy-sort li a:hover {
    background: var(--tjy-hover) !important;
    color: var(--tjy-primary) !important;
    border-color: rgba(22, 93, 255, 0.2) !important;
}
.tjy-sort li a.tjy-active {
    background: var(--tjy-primary) !important;
    color: #fff !important;
}
.tjy-sort li a i {
    margin-left: 6px;
    font-size: 12px;
}

.tjy-breadcrumb {
    display: flex;
    align-items: center;
    padding: 15px;
    background: var(--tjy-card-bg) !important;
    border-radius: 8px;
    box-shadow: var(--tjy-shadow) !important;
    margin-bottom: 20px;
    font-size: 14px;
    color: var(--tjy-text) !important;
}
.tjy-breadcrumb .tjy-icon {
    margin-right: 10px;
    color: var(--tjy-primary) !important;
    font-size: 16px;
}
.tjy-breadcrumb a {
    color: var(--tjy-primary) !important;
    text-decoration: none;
}
.tjy-breadcrumb a:hover {
    text-decoration: underline;
}

.tjy-card {
    background: var(--tjy-card-bg) !important;
    border-radius: 8px;
    box-shadow: var(--tjy-shadow) !important;
    overflow: hidden;
    margin-bottom: 20px;
}

.tjy-card-header {
    padding: 15px 20px;
    background: #ffffff !important;
    color: #165dff !important;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaecef !important;
    border-radius: 8px 8px 0 0 !important;
}
.tjy-card-header i {
    margin-right: 10px;
}

.tjy-card-body {
    padding: 25px;
}

.tjy-content {
    background: var(--tjy-content-bg) !important;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.8;
    color: var(--tjy-text) !important;
    border-left: 4px solid var(--tjy-red);
}
.tjy-content strong {
    color: var(--tjy-red) !important;
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
}
.tjy-content p {
    margin-bottom: 8px;
}
.tjy-content p:last-child {
    margin-bottom: 0;
}

.tjy-form-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 25px;
}

.tjy-form-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 25px;
}

.tjy-form-group {
    width: 100%;
}
.tjy-form-label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: var(--tjy-text) !important;
    font-weight: 600;
}
.tjy-form-label::after {
    content: "*";
    color: var(--tjy-red);
    margin-left: 5px;
}
.tjy-form-field {
    display: block;
    width: 100%;
}
.tjy-form-field input,
.tjy-form-field select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--tjy-border) !important;
    border-radius: 6px;
    font-size: 14px;
    color: var(--tjy-text) !important;
    background: var(--tjy-card-bg) !important;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.tjy-form-field input:focus,
.tjy-form-field select:focus {
    outline: none;
    border-color: var(--tjy-primary) !important;
    box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.1);
}

.tjy-form-textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--tjy-border) !important;
    border-radius: 6px;
    font-size: 14px;
    color: var(--tjy-text) !important;
    background: var(--tjy-card-bg) !important;
    box-sizing: border-box;
    min-height: 120px;
    resize: vertical;
    transition: all 0.3s ease;
    line-height: 1.6;
}
.tjy-form-textarea:focus {
    outline: none;
    border-color: var(--tjy-primary) !important;
    box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.1);
}

.tjy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 25px;
    border: none !important;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    gap: 8px;
}
.tjy-btn-green {
    background: var(--tjy-green) !important;
    color: #fff !important;
    width: 100%;
}
.tjy-btn-green:hover {
    background: #218838 !important;
    transform: translateY(-2px);
}
.tjy-btn-blue {
    background: var(--tjy-blue) !important;
    color: #fff !important;
}
.tjy-btn-blue:hover {
    background: #0d47a1 !important;
    transform: translateY(-2px);
}
.tjy-btn-red {
    background: #dc3545 !important;
    color: #fff !important;
}
.tjy-btn-red:hover {
    background: #c82333 !important;
    transform: translateY(-2px);
}

.tjy-center {
    text-align: center;
    margin: 30px 0 10px;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.alert {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    min-width: 300px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 8px;
}

/* 深色模式 保留原有样式逻辑 */
.dark-mode {
    --tjy-primary: #4d90fe !important;
    --tjy-bg: #121212 !important;
    --tjy-card-bg: #1e1e1e !important;
    --tjy-text: #e0e0e0 !important;
    --tjy-gray: #888888 !important;
    --tjy-red: #ff6b6b !important;
    --tjy-green: #34d399 !important;
    --tjy-blue: #4d90fe !important;
    --tjy-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    --tjy-border: #333333 !important;
    --tjy-hover: #252525 !important;
    --tjy-content-bg: #252525 !important;
    --tjy-nav-item-bg: #252525 !important;
}
.dark-mode body {
    background-color: var(--tjy-bg) !important;
}
.dark-mode .alert {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}
.dark-mode .alert-success {
    background-color: #1e3a29 !important;
    border-color: #34d399 !important;
}
.dark-mode .alert-warning {
    background-color: #3a331e !important;
    border-color: #fbbf24 !important;
}
.dark-mode .alert-danger {
    background-color: #3a1e1e !important;
    border-color: #ff6b6b !important;
}
.dark-mode .close {
    color: #e0e0e0 !important;
    opacity: 1 !important;
}
.dark-mode .tjy-card-header {
    background: #1e1e1e !important;
    color: #4d90fe !important;
    border-bottom-color: #333 !important;
}

/* 响应式 完全保留原有布局适配逻辑 */
@media (max-width: 1200px) {
    .tjy-form-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .tjy-container {
        top: 15px;
        padding: 0 10px;
    }
    .tjy-form-grid-4,
    .tjy-form-grid-2 {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .tjy-center {
        flex-direction: column;
        gap: 10px;
        padding: 0 10px;
    }
    .tjy-btn {
        width: 100%;
        margin-bottom: 0;
    }
    .tjy-card-body {
        padding: 15px;
    }
    .tjy-content {
        padding: 15px;
    }
    .tjy-sort {
        padding: 10px;
    }
    .tjy-sort li a {
        padding: 6px 12px;
    }
    .alert {
        left: 20px;
        right: 20px;
        min-width: auto;
        width: calc(100% - 40px);
    }
}


/*待审*/


.daishen-container {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.daishen-breadcrumb {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #333333;
    width: 100%;
    overflow: hidden;
}
.daishen-breadcrumb .daishen-icon {
    margin-right: 10px;
    color: #165dff;
    font-size: 16px;
}
.daishen-breadcrumb a {
    color: #165dff;
    text-decoration: none;
}
.daishen-breadcrumb a:hover {
    text-decoration: underline;
}
.daishen-breadcrumb .daishen-badge {
    display: inline-block;
    padding: 2px 8px;
    background-color: #ffc107;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    margin-left: 8px;
}

.daishen-sort {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 15px;
    margin: 0 0 20px 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    width: 100%;
    overflow: hidden;
}
.daishen-sort li {
    flex-shrink: 0;
}
.daishen-sort li a {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background: #f8f8f8;
    border-radius: 6px;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.daishen-sort li a:hover {
    background: #f5f7ff;
    color: #165dff;
    border-color: rgba(22, 93, 255, 0.2);
}
.daishen-sort li a.active {
    background: #165dff;
    color: #fff;
}
.daishen-sort li a.btn-apply {
    background: #165dff;
    color: #fff;
}
.daishen-sort li a.btn-apply:hover {
    background: #0e42c9;
    box-shadow: 0 2px 8px rgba(22, 93, 255, 0.3);
}
.daishen-sort li a i {
    margin-left: 6px;
    font-size: 12px;
}

.daishen-stats {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding: 15px 20px;
    margin-bottom: 20px;
    border-left: 4px solid #ffc107;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
}
.daishen-stats .daishen-stats-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff8e1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}
.daishen-stats .daishen-stats-icon i {
    color: #ffc107;
    font-size: 18px;
}
.daishen-stats .daishen-stats-content {
    flex: 1;
}
.daishen-stats .daishen-stats-title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}
.daishen-stats .daishen-stats-desc {
    font-size: 13px;
    color: #666;
}
.daishen-stats .daishen-stats-highlight {
    color: #ffc107;
    font-weight: 600;
}

.daishen-card {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
}

.daishen-card-header {
    padding: 15px 20px;
    background: #ffffff !important;
    color: #165dff !important;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    border-bottom: 1px solid #eaecef !important;
    border-radius: 8px 8px 0 0 !important;
}
.daishen-card-header i {
    margin-right: 10px;
}
.daishen-card-header .daishen-card-status {
    font-size: 14px;
    font-weight: normal;
    opacity: 0.9;
    white-space: nowrap;
    background: rgba(22, 93, 255, 0.1);
    color: #165dff !important;
    padding: 4px 10px;
    border-radius: 6px;
}

.daishen-card-body {
    padding: 15px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    overflow: hidden;
}

.daishen-item {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    height: 35px !important;
    padding: 0 8px !important;
    text-decoration: none;
    color: #333;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 4px;
    transition: all 0.2s ease;
    overflow: hidden;
    position: relative;
}
.daishen-item:hover {
    background: #f0f7ff;
    border-color: #165dff;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(22, 93, 255, 0.1);
}
.daishen-item .item-rank {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #e8f4f8;
    color: #165dff;
    border-radius: 2px;
    font-size: 10px;
    font-weight: 600;
    margin-right: 6px;
    flex-shrink: 0;
}
.daishen-item .item-icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 6px !important;
    border-radius: 2px;
    overflow: hidden;
    flex-shrink: 0;
}
.daishen-item .item-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.daishen-item .item-name {
    font-size: 12px;
    line-height: 1;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}
.daishen-item .item-meta {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: #999;
}
.daishen-item .item-actions {
    display: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    gap: 4px;
}
.daishen-item:hover .item-meta {
    display: none;
}
.daishen-item:hover .item-actions {
    display: flex;
}
.daishen-item .item-action {
    font-size: 10px;
    color: #165dff;
    text-decoration: none;
}

.daishen-noresult {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px 20px;
    color: #999;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
}
.daishen-noresult h3 {
    color: #666;
    margin-bottom: 10px;
    font-weight: normal;
    white-space: nowrap;
}
.daishen-noresult .btn-apply {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: #165dff;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none;
    margin-top: 15px;
}

.daishen-pagination {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    padding: 15px 0 5px 0;
    margin-top: 0;
    width: 100%;
    overflow: hidden;
}
.daishen-pagination a, .daishen-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 0 5px;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    background: #f8f8f8;
    border: 1px solid #eee;
    font-size: 14px;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.daishen-pagination a:hover {
    background: #165dff;
    color: #fff;
    border-color: #165dff;
}
.daishen-pagination .current {
    background: #165dff;
    color: #fff;
    border-color: #165dff;
}
.daishen-pagination .disabled {
    color: #999;
    cursor: not-allowed;
    background: #fafafa;
    border-color: #f0f0f0;
}

.daishen-footer {
    text-align: center;
    padding: 16px;
    font-size: 14px;
    color: #666;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

.dark-mode .daishen-breadcrumb {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    color: #e0e0e0 !important;
}
.dark-mode .daishen-breadcrumb .daishen-icon {
    color: #4d90fe !important;
}
.dark-mode .daishen-breadcrumb a {
    color: #4d90fe !important;
}
.dark-mode .daishen-sort {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
.dark-mode .daishen-sort li a {
    background: #252525 !important;
    color: #e0e0e0 !important;
}
.dark-mode .daishen-sort li a:hover {
    background: #252525 !important;
    color: #4d90fe !important;
    border-color: rgba(77, 144, 254, 0.2) !important;
}
.dark-mode .daishen-sort li a.active {
    background: #4d90fe !important;
    color: #fff !important;
}
.dark-mode .daishen-sort li a.btn-apply {
    background: #4d90fe !important;
    color: #fff !important;
}
.dark-mode .daishen-stats {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    border-left-color: #ffc107 !important;
}
.dark-mode .daishen-stats .daishen-stats-icon {
    background: #25231c !important;
}
.dark-mode .daishen-stats .daishen-stats-title {
    color: #e0e0e0 !important;
}
.dark-mode .daishen-stats .daishen-stats-desc {
    color: #b0b0b0 !important;
}
.dark-mode .daishen-card {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
.dark-mode .daishen-card-header {
    background: #1e1e1e !important;
    color: #4d90fe !important;
    border-bottom-color: #333 !important;
}
.dark-mode .daishen-card-header .daishen-card-status {
    background: rgba(77, 144, 254, 0.1) !important;
    color: #4d90fe !important;
}
.dark-mode .daishen-item {
    background: #252525 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}
.dark-mode .daishen-item:hover {
    background: #303030 !important;
    border-color: #4d90fe !important;
}
.dark-mode .daishen-item .item-name {
    color: #e0e0e0 !important;
}
.dark-mode .daishen-item .item-rank {
    background: #333 !important;
    color: #4d90fe !important;
}
.dark-mode .daishen-item .item-action {
    color: #4d90fe !important;
}
.dark-mode .daishen-noresult {
    color: #888 !important;
}
.dark-mode .daishen-noresult h3 {
    color: #aaa !important;
}
.dark-mode .daishen-pagination a, .dark-mode .daishen-pagination span {
    background: #252525 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}
.dark-mode .daishen-pagination a:hover {
    background: #4d90fe !important;
    color: #fff !important;
    border-color: #4d90fe !important;
}
.dark-mode .daishen-pagination .current {
    background: #4d90fe !important;
    color: #fff !important;
    border-color: #4d90fe !important;
}
.dark-mode .daishen-pagination .disabled {
    color: #666 !important;
    background: #1e1e1e !important;
    border-color: #333 !important;
}
.dark-mode .daishen-footer {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    color: #b0b0b0 !important;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .daishen-card-body {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .daishen-card-body {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 767px) and (min-width: 480px) {
    .daishen-container {
        top: 15px;
        padding: 0 10px;
    }
    .daishen-sort {
        padding: 10px;
    }
    .daishen-sort li a {
        padding: 6px 12px;
    }
    .daishen-card-body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 10px;
        gap: 6px;
    }
    .daishen-item {
        height: 35px !important;
        padding: 0 6px !important;
    }
    .daishen-item .item-icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 5px !important;
    }
    .daishen-item .item-name {
        font-size: 11px !important;
    }
    .daishen-pagination a, .daishen-pagination span {
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin: 0 3px;
    }
}
@media (max-width: 479px) {
    .daishen-container {
        top: 15px;
        padding: 0 8px;
    }
    .daishen-sort {
        padding: 8px;
        gap: 6px;
    }
    .daishen-sort li a {
        padding: 5px 10px;
        font-size: 13px;
    }
    .daishen-breadcrumb {
        padding: 10px;
        font-size: 13px;
    }
    .daishen-card-body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 8px;
        gap: 6px;
    }
    .daishen-item {
        height: 35px !important;
        padding: 0 5px !important;
    }
    .daishen-item .item-icon {
        width: 16px !important;
        height: 16px !important;
        margin-right: 4px !important;
    }
    .daishen-item .item-name {
        font-size: 10px !important;
    }
    .daishen-pagination a, .daishen-pagination span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 2px;
        font-size: 13px;
    }
}


/*排行榜*/

.paihang-container {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    /* 新增：防止容器整体溢出 */
    overflow: hidden;
}
.paihang-breadcrumb {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin-bottom: 20px;
    font-size: 14px;
}
.paihang-breadcrumb .paihang-icon {
    margin-right: 10px;
    color: #165dff;
    font-size: 16px;
}
.paihang-breadcrumb a {
    color: #165dff;
    text-decoration: none;
}
.paihang-breadcrumb a:hover {
    text-decoration: underline;
}
.paihang-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 15px;
    width: 100%;
    /* 新增：grid容器溢出控制 */
    box-sizing: border-box;
    overflow: hidden;
}
/* 重点修复：paihang-card-wrap */
.paihang-card-wrap {
    width: 100%;
    box-sizing: border-box;
    /* 强制不溢出 */
    overflow: hidden;
    /* 重置布局基线 */
    display: block;
}
.paihang-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* 新增：卡片宽度强制100% */
    width: 100%;
    box-sizing: border-box;
}
.paihang-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.paihang-card-header {
    padding: 12px 15px;
    background: #ffffff !important;
    color: #165dff !important;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #eaecef !important;
    border-radius: 8px 8px 0 0 !important;
    box-sizing: border-box;
    width: 100%;
}
.paihang-card-header .paihang-tag {
    display: inline-block;
    width: 50px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: rgba(22, 93, 255, 0.1) !important;
    color: #165dff !important;
    border-radius: 4px;
    margin-right: 8px;
    font-style: normal;
    font-size: 12px;
}
.paihang-card-body {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #fff;
    /* 新增：body层溢出控制 */
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.paihang-item {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 6px;
    color: #333;
    text-decoration: none;
    transition: background 0.3s ease;
    /* 核心：强制宽度100% + 盒模型 */
    width: 100%;
    box-sizing: border-box;
    /* 防止flex项溢出 */
    flex-shrink: 0;
}
.paihang-item:hover {
    background: #f5f7ff;
    color: #165dff;
}
.paihang-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f0f2f5;
    color: #999;
    font-size: 12px;
    font-weight: 600;
    margin-right: 10px;
    flex-shrink: 0;
}
.paihang-item:nth-child(1) .paihang-num {
    background: #ffd700;
    color: #fff;
}
.paihang-item:nth-child(2) .paihang-num {
    background: #c0c0c0;
    color: #fff;
}
.paihang-item:nth-child(3) .paihang-num {
    background: #cd7f32;
    color: #fff;
}
.paihang-item-icon {
    margin-right: 10px;
    flex-shrink: 0;
}
.paihang-item-icon img {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    /* 防止图片溢出 */
    max-width: 100%;
    box-sizing: border-box;
}
.paihang-item-name {
    flex: 1;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 关键：flex布局下文字截断必须设置 */
    min-width: 0;
    /* 强化溢出隐藏 */
    display: block;
}
.paihang-item-view {
    margin-left: 10px;
    font-size: 12px;
    color: #999;
    flex-shrink: 0;
    min-width: 40px;
    text-align: right;
}
@media (max-width: 768px) {
    .paihang-container {
        top: 15px;
        padding: 0 10px;
    }
    .paihang-grid {
        /* 移动端强制单列，移除最小宽度限制 */
        grid-template-columns: 1fr !important;
        gap: 10px;
    }
    .paihang-card-header {
        font-size: 14px;
    }
    .paihang-item {
        padding: 6px 8px;
        gap: 5px;
    }
    .paihang-num {
        width: 20px;
        height: 20px;
        font-size: 11px;
        margin-right: 6px;
    }
    .paihang-item-icon {
        margin-right: 6px;
    }
    .paihang-item-icon img {
        width: 18px;
        height: 18px;
    }
    .paihang-item-name {
        font-size: 13px;
        /* 再次强化移动端文字截断 */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .paihang-item-view {
        margin-left: 6px;
        min-width: 35px;
        font-size: 11px;
    }
    /* 移动端额外加固 */
    .paihang-card-wrap, .paihang-card, .paihang-card-body {
        width: 100% !important;
        overflow: hidden !important;
    }
}
.dark-mode .paihang-breadcrumb {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    color: #e0e0e0 !important;
}
.dark-mode .paihang-breadcrumb a {
    color: #4d90fe !important;
}
.dark-mode .paihang-card {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
.dark-mode .paihang-card-header {
    background: #1e1e1e !important;
    color: #4d90fe !important;
    border-bottom-color: #333 !important;
}
.dark-mode .paihang-card-header .paihang-tag {
    background: rgba(77, 144, 254, 0.1) !important;
    color: #4d90fe !important;
}
.dark-mode .paihang-card-body {
    background: #1e1e1e !important;
}
.dark-mode .paihang-item {
    color: #e0e0e0 !important;
}
.dark-mode .paihang-item:hover {
    background: #252525 !important;
    color: #4d90fe !important;
}
.dark-mode .paihang-num {
    background: #252525 !important;
    color: #e0e0e0 !important;
}
.dark-mode .paihang-item:nth-child(1) .paihang-num {
    background: #ffd700 !important;
    color: #121212 !important;
}
.dark-mode .paihang-item:nth-child(2) .paihang-num {
    background: #c0c0c0 !important;
    color: #121212 !important;
}
.dark-mode .paihang-item:nth-child(3) .paihang-num {
    background: #cd7f32 !important;
    color: #121212 !important;
}
.dark-mode .paihang-item-view {
    color: #888 !important;
}


/*搜索*/


/* 移除全局 * 选择器，将样式按需拆分到具体类中 */
.sousuo-container,
.sousuo-sort,
.sousuo-sort li,
.sousuo-breadcrumb,
.sousuo-card,
.sousuo-card-header,
.sousuo-card-body,
.sousuo-item,
.sousuo-noresult,
.sousuo-pagination {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.sousuo-container {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    overflow: hidden;
}

.sousuo-sort {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 15px;
    margin: 0 0 20px 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    width: 100%;
    overflow: hidden;
}
.sousuo-sort li {
    flex-shrink: 0;
}
.sousuo-sort li a {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background: #f8f8f8;
    border-radius: 6px;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
    box-sizing: border-box;
}
.sousuo-sort li a:hover {
    background: #f5f7ff;
    color: #165dff;
    border-color: rgba(22, 93, 255, 0.2);
}
.sousuo-sort li a.active {
    background: #165dff;
    color: #fff;
}
.sousuo-sort li a i {
    margin-left: 6px;
    font-size: 12px;
}

.sousuo-breadcrumb {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #333333;
    width: 100%;
    overflow: hidden;
}
.sousuo-breadcrumb .sousuo-icon {
    margin-right: 10px;
    color: #165dff;
    font-size: 16px;
}
.sousuo-breadcrumb a {
    color: #165dff;
    text-decoration: none;
    box-sizing: border-box;
}
.sousuo-breadcrumb a:hover {
    text-decoration: underline;
}

.sousuo-card {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
}

.sousuo-card-header {
    padding: 15px 20px;
    background: #ffffff !important;
    color: #165dff !important;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    border-bottom: 1px solid #eaecef !important;
    border-radius: 8px 8px 0 0 !important;
}
.sousuo-card-header i {
    margin-right: 10px;
}
.sousuo-card-header .sousuo-count {
    font-size: 14px;
    font-weight: normal;
    opacity: 0.9;
    white-space: nowrap;
    background: rgba(22, 93, 255, 0.1) !important;
    color: #165dff !important;
    padding: 4px 10px;
    border-radius: 6px;
    box-sizing: border-box;
}

.sousuo-card-body {
    padding: 15px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    overflow: hidden;
}

.sousuo-item {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    height: 35px !important;
    padding: 0 8px !important;
    text-decoration: none;
    color: #333;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 4px;
    transition: all 0.2s ease;
    overflow: hidden;
}

.sousuo-item:hover {
    background: #f0f7ff;
    border-color: #165dff;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(22, 93, 255, 0.1);
}

.sousuo-item .item-icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 6px !important;
    border-radius: 2px;
    overflow: hidden;
    flex-shrink: 0;
    box-sizing: border-box;
}

.sousuo-item .item-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    box-sizing: border-box;
}

.sousuo-item .item-name {
    font-size: 12px;
    line-height: 1;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    box-sizing: border-box;
}

.sousuo-noresult {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px 20px;
    color: #999;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
}
.sousuo-noresult h3 {
    color: #666;
    margin-bottom: 10px;
    font-weight: normal;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.sousuo-noresult p {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.sousuo-pagination {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    padding: 15px 0 5px 0;
    margin-top: 0;
    width: 100%;
    overflow: hidden;
}
.sousuo-pagination a, .sousuo-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 0 5px;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    background: #f8f8f8;
    border: 1px solid #eee;
    font-size: 14px;
    transition: all 0.2s ease;
    flex-shrink: 0;
    box-sizing: border-box;
}
.sousuo-pagination a:hover {
    background: #165dff;
    color: #fff;
    border-color: #165dff;
}
.sousuo-pagination .current {
    background: #165dff;
    color: #fff;
    border-color: #165dff;
}
.sousuo-pagination .disabled {
    color: #999;
    cursor: not-allowed;
    background: #fafafa;
    border-color: #f0f0f0;
}

/* 深色模式样式 - 均为带前缀的类选择器，无全局影响 */
.dark-mode .sousuo-sort {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
.dark-mode .sousuo-sort li a {
    background: #252525 !important;
    color: #e0e0e0 !important;
}
.dark-mode .sousuo-sort li a:hover {
    background: #252525 !important;
    color: #4d90fe !important;
    border-color: rgba(77, 144, 254, 0.2) !important;
}
.dark-mode .sousuo-sort li a.active {
    background: #4d90fe !important;
    color: #fff !important;
}

.dark-mode .sousuo-breadcrumb {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    color: #e0e0e0 !important;
}
.dark-mode .sousuo-breadcrumb .sousuo-icon {
    color: #4d90fe !important;
}
.dark-mode .sousuo-breadcrumb a {
    color: #4d90fe !important;
}

.dark-mode .sousuo-card {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}

.dark-mode .sousuo-card-header {
    background: #1e1e1e !important;
    color: #4d90fe !important;
    border-bottom-color: #333 !important;
}
.dark-mode .sousuo-card-header .sousuo-count {
    background: rgba(77, 144, 254, 0.1) !important;
    color: #4d90fe !important;
}

.dark-mode .sousuo-item {
    background: #252525 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}
.dark-mode .sousuo-item:hover {
    background: #303030 !important;
    border-color: #4d90fe !important;
}
.dark-mode .sousuo-item .item-name {
    color: #e0e0e0 !important;
}

.dark-mode .sousuo-noresult {
    color: #888 !important;
}
.dark-mode .sousuo-noresult h3 {
    color: #aaa !important;
}

.dark-mode .sousuo-pagination a, .dark-mode .sousuo-pagination span {
    background: #252525 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}
.dark-mode .sousuo-pagination a:hover {
    background: #4d90fe !important;
    color: #fff !important;
    border-color: #4d90fe !important;
}
.dark-mode .sousuo-pagination .current {
    background: #4d90fe !important;
    color: #fff !important;
    border-color: #4d90fe !important;
}
.dark-mode .sousuo-pagination .disabled {
    color: #666 !important;
    background: #1e1e1e !important;
    border-color: #333 !important;
}

/* 响应式样式 - 仅作用于带前缀的类 */
@media (min-width: 1200px) {
    .sousuo-card-body {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .sousuo-card-body {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .sousuo-card-body {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .sousuo-container {
        top: 15px;
        padding: 0 10px;
    }
    .sousuo-sort {
        padding: 10px;
    }
    .sousuo-sort li a {
        padding: 6px 12px;
    }
    .sousuo-card-body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 10px;
        gap: 6px;
    }
    .sousuo-item {
        height: 35px !important;
        padding: 0 6px !important;
    }
    .sousuo-item .item-icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 5px !important;
    }
    .sousuo-item .item-name {
        font-size: 11px !important;
    }
    .sousuo-pagination a, .sousuo-pagination span {
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin: 0 3px;
    }
}

@media (max-width: 479px) {
    .sousuo-container {
        top: 15px;
        padding: 0 8px;
    }
    .sousuo-sort {
        padding: 8px;
        gap: 6px;
    }
    .sousuo-sort li a {
        padding: 5px 10px;
        font-size: 13px;
    }
    .sousuo-breadcrumb {
        padding: 10px;
        font-size: 13px;
    }
    .sousuo-card-body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 8px;
        gap: 6px;
    }
    .sousuo-item {
        height: 35px !important;
        padding: 0 5px !important;
    }
    .sousuo-item .item-icon {
        width: 16px !important;
        height: 16px !important;
        margin-right: 4px !important;
    }
    .sousuo-item .item-name {
        font-size: 10px !important;
    }
    .sousuo-pagination a, .sousuo-pagination span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 2px;
        font-size: 13px;
    }
}


/*导航内页*/

/* 移除全局 * 选择器，将基础样式拆分到所有相关类中 */
.dhny_container,
.dhny_sort_list,
.dhny_sort_list li,
.dhny_breadcrumb,
.dhny_data_card,
.dhny_card_header,
.dhny_site_info_wrapper,
.dhny_site_info_left,
.dhny_site_info_right,
.dhny_site_pic_box,
.dhny_site_go_button,
.dhny_chart_wrapper,
.dhny_views_chart_canvas,
.dhny_site_desc_content,
.dhny_related_sites_list,
.dhny_related_site_item,
.dhny_tagcloud_wrap,
.dhny_tagcloud,
.dhny_tagcloud a {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.dhny_container {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    overflow: hidden;
}
.dhny_sort_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 15px;
    margin: 0 0 20px 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    width: 100%;
}
.dhny_sort_list li {
    flex-shrink: 0;
}
.dhny_sort_list li a {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background: #f8f8f8;
    border-radius: 6px;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
    box-sizing: border-box;
}
.dhny_sort_list li a:hover {
    background: #f5f7ff;
    color: #165dff;
    border-color: rgba(22, 93, 255, 0.2);
}
.dhny_sort_list li a.dhny_active {
    background: #165dff;
    color: #fff;
}
.dhny_sort_list li a i {
    margin-left: 6px;
    font-size: 12px;
}
.dhny_breadcrumb {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #333333;
    width: 100%;
}
.dhny_breadcrumb .dhny_breadcrumb_icon {
    margin-right: 10px;
    color: #165dff;
    font-size: 16px;
}
.dhny_breadcrumb a {
    color: #165dff;
    text-decoration: none;
    box-sizing: border-box;
}
.dhny_breadcrumb a:hover {
    text-decoration: underline;
}
/* 卡片基础样式 - 核心修改：统一外框背景风格（与导航/面包屑一致） */
.dhny_data_card {
    background: #ffffff !important;
    border: 1px solid #eaecef !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
}
/* card-header 核心修改：与顶部导航风格统一 */
.dhny_card_header {
    padding: 15px 20px;
    background: #ffffff !important;
    color: #165dff;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaecef !important;
    border-radius: 8px 8px 0 0 !important;
}

/* 站点信息卡片 - 图片完美自适应 */
.dhny_site_info_wrapper {
    padding: 20px;
    display: flex;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
    background: #ffffff !important;
    border: 1px solid #eaecef !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    margin-bottom: 20px;
}
.dhny_site_info_left {
    flex: 1;
    min-width: 280px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 15px;
    font-size: 14px;
}
.dhny_site_title {
    font-size: 24px;
    font-weight: 600;
    color: #165dff;
    margin-bottom: 20px;
    display: block;
    grid-column: 1/-1;
    box-sizing: border-box;
}
.dhny_site_info_right {
    flex: 0 0 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;
    margin: 0 auto;
}
.dhny_site_pic_box {
    width: 100%;
    height: 180px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    flex-shrink: 0;
}
.dhny_site_pic_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    box-sizing: border-box;
}
.dhny_site_go_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: linear-gradient(90deg, #ff7d00, #ffb042);
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}
.dhny_site_go_button:hover {
    background: linear-gradient(90deg, #ff6a00, #ff9500);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 106, 0, 0.2);
}

/* Canvas图表容器 - 核心：强制显示+固定尺寸 */
.dhny_chart_wrapper {
    width: 100%;
    padding: 20px;
    position: relative;
}
/* 原生Canvas 强制显示 无外部依赖 */
.dhny_views_chart_canvas {
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    margin: 0 auto;
    border-radius: 8px;
    background: #fafafa;
    border: 1px solid #eee;
    min-height: 200px;
    /* 关键：禁止任何缩放/隐藏 */
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 站点描述+相关站点 */
.dhny_site_desc_content {
    padding: 20px;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}
.dhny_site_desc_content p {
    margin-bottom: 10px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.dhny_related_sites_list {
    padding: 15px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}
.dhny_related_site_item {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    height: 35px !important;
    padding: 0 8px !important;
    text-decoration: none;
    color: #333;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 4px;
    transition: all 0.2s ease;
    overflow: hidden;
}
.dhny_related_site_item .dhny_item_icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 6px !important;
    border-radius: 2px;
    overflow: hidden;
    flex-shrink: 0;
    box-sizing: border-box;
}
.dhny_related_site_item .dhny_item_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    box-sizing: border-box;
}
.dhny_related_site_item .dhny_item_name {
    font-size: 12px;
    line-height: 1;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    box-sizing: border-box;
}

/* 移动端适配 */
@media (max-width: 991px) {
    .dhny_container {
        top: 20px;
    }
    .dhny_site_info_wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .dhny_site_info_right {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .dhny_site_pic_box {
        height: 200px;
    }
    .dhny_related_sites_list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .dhny_views_chart_canvas {
        height: 280px !important;
    }
}
@media (max-width: 767px) {
    .dhny_container {
        top: 15px;
        padding: 0 10px;
    }
    .dhny_site_info_left {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    .dhny_site_pic_box {
        height: 180px;
    }
    .dhny_related_sites_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        padding: 10px;
    }
    .dhny_views_chart_canvas {
        height: 250px !important;
    }
}
@media (max-width: 479px) {
    .dhny_site_title {
        font-size: 20px;
    }
    .dhny_site_pic_box {
        height: 160px;
    }
    .dhny_site_go_button {
        height: 45px;
        font-size: 14px;
    }
    .dhny_related_site_item {
        height: 35px !important;
        padding: 0 5px !important;
    }
    .dhny_views_chart_canvas {
        height: 220px !important;
    }
}

/* 夜间模式适配 */
.dark-mode .dhny_sort_list {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
.dark-mode .dhny_sort_list li a {
    background: #252525 !important;
    color: #e0e0e0 !important;
}
.dark-mode .dhny_sort_list li a.dhny_active {
    background: #4d90fe !important;
    color: #fff !important;
}
.dark-mode .dhny_breadcrumb {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
}
.dark-mode .dhny_data_card {
    background: #1e1e1e !important;
    border-color: #333 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
.dark-mode .dhny_card_header {
    background: #1e1e1e !important;
    color: #4d90fe !important;
    border-bottom-color: #333 !important;
}
.dark-mode .dhny_site_info_wrapper {
    background: #1e1e1e !important;
    border-color: #333 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
.dark-mode .dhny_site_info_left span {
    color: #e0e0e0 !important;
}
.dark-mode .dhny_site_title {
    color: #4d90fe !important;
}
.dark-mode .dhny_site_pic_box {
    background: #252525 !important;
    border-color: #333 !important;
}
.dark-mode .dhny_views_chart_canvas {
    background: #252525 !important;
    border-color: #333 !important;
}
.dark-mode .dhny_site_desc_content {
    color: #e0e0e0 !important;
}
.dark-mode .dhny_related_site_item {
    background: #252525 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}
.dark-mode .dhny_related_site_item .dhny_item_name {
    color: #e0e0e0 !important;
}

/* 3D标签云样式 - 保留原有全部样式 */
.dhny_tagcloud_wrap {
    width: 100%;
    max-width: 400px;
    margin: 20px auto;
    padding: 0 20px;
}
.dhny_tagcloud {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    visibility: hidden;
}
.dhny_tagcloud a {
    display: block;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.2s ease;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.dhny_b1 { width: 120px; height: 120px; font-size: 16px; line-height: 120px; }
.dhny_b2 { width: 105px; height: 105px; font-size: 15px; line-height: 105px; }
.dhny_b3 { width: 90px; height: 90px; font-size: 14px; line-height: 90px; }
.dhny_b4 { width: 75px; height: 75px; font-size: 13px; line-height: 75px; }
.dhny_c1 { background: linear-gradient(to bottom, #d1e5fd 0%,#3d86f4 100%); }
.dhny_c2 { background: linear-gradient(to bottom, #b9f8ff 0%,#1de7ff 100%); }
.dhny_c3 { background: linear-gradient(to bottom, #fff4e2 0%,#ffd79c 100%); }
.dhny_c4 { background: linear-gradient(to bottom, #fef4fa 0%,#fbbae0 100%); }
.dhny_c5 { background: linear-gradient(to bottom, #fedc90 0%,#ffb515 100%); }
.dhny_c6 { background: linear-gradient(to bottom, #bcf7ca 0%,#1fda4b 100%); }
.dhny_c7 { background: linear-gradient(to bottom, #f7cdf8 0%,#db43e7 100%); }
@media (max-width: 768px) {
    .dhny_tagcloud_wrap { max-width: 280px; }
    .dhny_b1 { width: 90px; height: 90px; line-height: 90px; font-size: 14px; }
    .dhny_b2 { width: 75px; height: 75px; line-height: 75px; font-size: 13px; }
    .dhny_b3 { width: 60px; height: 60px; line-height: 60px; font-size: 12px; }
    .dhny_b4 { width: 54px; height: 54px; line-height: 54px; font-size: 11px; }
}
@media (max-width: 480px) {
    .dhny_tagcloud_wrap { max-width: 200px; }
    .dhny_b1 { width: 75px; height: 75px; line-height: 75px; }
    .dhny_b2 { width: 60px; height: 60px; line-height: 60px; }
    .dhny_b3 { width: 54px; height: 54px; line-height: 54px; }
    .dhny_b4 { width: 45px; height: 45px; line-height: 45px; }
}

/*导航列表页*/


.dhlb_container {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.dhlb_breadcrumb {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #333333;
    width: 100%;
    overflow: hidden;
}
.dhlb_breadcrumb .dhlb_icon {
    margin-right: 10px;
    color: #165dff;
    font-size: 16px;
}
.dhlb_breadcrumb a {
    color: #165dff;
    text-decoration: none;
}
.dhlb_breadcrumb a:hover {
    text-decoration: underline;
}

.dhlb_sort {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 15px;
    margin: 0 0 20px 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    width: 100%;
    overflow: hidden;
}
.dhlb_sort li {
    flex-shrink: 0;
}
.dhlb_sort li a {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background: #f8f8f8;
    border-radius: 6px;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.dhlb_sort li a:hover {
    background: #f5f7ff;
    color: #165dff;
    border-color: rgba(22, 93, 255, 0.2);
}
.dhlb_sort li a.dhlb_active {
    background: #165dff;
    color: #fff;
}
.dhlb_sort li a i {
    margin-left: 6px;
    font-size: 12px;
}

.dhlb_card {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
}

.dhlb_card_header {
    padding: 15px 20px;
    background: #ffffff !important;
    color: #165dff !important;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    border-bottom: 1px solid #eaecef !important;
    border-radius: 8px 8px 0 0 !important;
}
.dhlb_card_header i {
    margin-right: 10px;
}
.dhlb_card_header .dhlb_count {
    font-size: 14px;
    font-weight: normal;
    opacity: 0.9;
    white-space: nowrap;
}

.dhlb_card_body {
    padding: 15px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    overflow: hidden;
}

.dhlb_item {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    height: 35px !important;
    padding: 0 8px !important;
    text-decoration: none;
    color: #333;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 4px;
    transition: all 0.2s ease;
    overflow: hidden;
}
.dhlb_item:hover {
    background: #f0f7ff;
    border-color: #165dff;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(22, 93, 255, 0.1);
}
.dhlb_item .dhlb_item_icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 6px !important;
    border-radius: 2px;
    overflow: hidden;
    flex-shrink: 0;
}
.dhlb_item .dhlb_item_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.dhlb_item .dhlb_item_name {
    font-size: 12px;
    line-height: 1;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.dhlb_noresult {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px 20px;
    color: #999;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
}
.dhlb_noresult h3 {
    color: #666;
    margin-bottom: 10px;
    font-weight: normal;
    white-space: nowrap;
}

.dhlb_pagination {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    padding: 15px 0 5px 0;
    margin-top: 0;
    width: 100%;
    overflow: hidden;
}
.dhlb_pagination a, .dhlb_pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 0 5px;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    background: #f8f8f8;
    border: 1px solid #eee;
    font-size: 14px;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.dhlb_pagination a:hover {
    background: #165dff;
    color: #fff;
    border-color: #165dff;
}
.dhlb_pagination .dhlb_current {
    background: #165dff;
    color: #fff;
    border-color: #165dff;
}
.dhlb_pagination .dhlb_disabled {
    color: #999;
    cursor: not-allowed;
    background: #fafafa;
    border-color: #f0f0f0;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .dhlb_card_body {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .dhlb_card_body {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 767px) and (min-width: 480px) {
    .dhlb_container {
        top: 15px;
        padding: 0 10px;
    }
    .dhlb_sort {
        padding: 10px;
    }
    .dhlb_sort li a {
        padding: 6px 12px;
    }
    .dhlb_card_body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 10px;
        gap: 6px;
    }
    .dhlb_item {
        height: 35px !important;
        padding: 0 6px !important;
    }
    .dhlb_item .dhlb_item_icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 5px !important;
    }
    .dhlb_item .dhlb_item_name {
        font-size: 11px !important;
    }
    .dhlb_pagination a, .dhlb_pagination span {
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin: 0 3px;
    }
}
@media (max-width: 479px) {
    .dhlb_container {
        top: 15px;
        padding: 0 8px;
    }
    .dhlb_sort {
        padding: 8px;
        gap: 6px;
    }
    .dhlb_sort li a {
        padding: 5px 10px;
        font-size: 13px;
    }
    .dhlb_breadcrumb {
        padding: 10px;
        font-size: 13px;
    }
    .dhlb_card_body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 8px;
        gap: 6px;
    }
    .dhlb_item {
        height: 35px !important;
        padding: 0 5px !important;
    }
    .dhlb_item .dhlb_item_icon {
        width: 16px !important;
        height: 16px !important;
        margin-right: 4px !important;
    }
    .dhlb_item .dhlb_item_name {
        font-size: 10px !important;
    }
    .dhlb_pagination a, .dhlb_pagination span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 2px;
        font-size: 13px;
    }
}

.dark-mode .dhlb_sort {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
.dark-mode .dhlb_sort li a {
    background: #252525 !important;
    color: #e0e0e0 !important;
}
.dark-mode .dhlb_sort li a:hover {
    background: #252525 !important;
    color: #4d90fe !important;
    border-color: rgba(77, 144, 254, 0.2) !important;
}
.dark-mode .dhlb_sort li a.dhlb_active {
    background: #4d90fe !important;
    color: #fff !important;
}
.dark-mode .dhlb_breadcrumb {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    color: #e0e0e0 !important;
}
.dark-mode .dhlb_breadcrumb .dhlb_icon {
    color: #4d90fe !important;
}
.dark-mode .dhlb_breadcrumb a {
    color: #4d90fe !important;
}
.dark-mode .dhlb_card {
    background: #1e1e1e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
.dark-mode .dhlb_card_header {
    background: #1e1e1e !important;
    color: #4d90fe !important;
    border-bottom-color: #333 !important;
}
.dark-mode .dhlb_item {
    background: #252525 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}
.dark-mode .dhlb_item:hover {
    background: #303030 !important;
    border-color: #4d90fe !important;
}
.dark-mode .dhlb_item .dhlb_item_name {
    color: #e0e0e0 !important;
}
.dark-mode .dhlb_noresult {
    color: #888 !important;
}
.dark-mode .dhlb_noresult h3 {
    color: #aaa !important;
}
.dark-mode .dhlb_pagination a, .dark-mode .dhlb_pagination span {
    background: #252525 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}
.dark-mode .dhlb_pagination a:hover {
    background: #4d90fe !important;
    color: #fff !important;
    border-color: #4d90fe !important;
}
.dark-mode .dhlb_pagination .dhlb_current {
    background: #4d90fe !important;
    color: #fff !important;
    border-color: #4d90fe !important;
}
.dark-mode .dhlb_pagination .dhlb_disabled {
    color: #666 !important;
    background: #1e1e1e !important;
    border-color: #333 !important;
}


/*文章列表*/
.wzlb-page,
.wzlb-nav,
.wzlb-nav__item,
.wzlb-nav__link,
.wzlb-breadcrumb,
.wzlb-breadcrumb__icon,
.wzlb-breadcrumb__link,
.wzlb-card,
.wzlb-card__content,
.wzlb-timeline,
.wzlb-timeline__item,
.wzlb-timeline__time,
.wzlb-timeline__title,
.wzlb-timeline__link,
.wzlb-pagination,
.wzlb-pagination__item,
.wzlb-pagination__link,
.wzlb-empty {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.wzlb-nav,
.wzlb-nav__item {
    list-style: none;
}

.wzlb-nav__link,
.wzlb-breadcrumb__link,
.wzlb-timeline__link,
.wzlb-pagination__link {
    text-decoration: none;
}

.wzlb-page {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px 15px;
    padding-top: 30px;
}

.wzlb-nav {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    padding: 16px 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.wzlb-nav__item {
    flex-shrink: 0;
}

.wzlb-nav__link {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: #f8f9fa;
    border-radius: 6px;
    color: #333;
    font-size: 14px;
    transition: all 0.3s ease;
}

.wzlb-nav__link:hover {
    background: #f0f5ff;
    color: #165dff;
}

.wzlb-nav__link i {
    margin-left: 6px;
    font-size: 12px;
}

.wzlb-breadcrumb {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    padding: 16px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
    display: flex;
    align-items: center;
}

.wzlb-breadcrumb__icon {
    color: #165dff;
    font-size: 16px;
    margin-right: 10px;
}

.wzlb-breadcrumb__link {
    color: #165dff;
}

.wzlb-breadcrumb__link:hover {
    text-decoration: underline;
}

.wzlb-card {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    margin-bottom: 24px;
    overflow: hidden;
}

.wzlb-card__content {
    padding: 20px;
}

.wzlb-timeline {
    width: 100%;
}

.wzlb-timeline__item {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
}

.wzlb-timeline__item:last-child {
    border-bottom: none;
}

.wzlb-timeline__item:hover {
    background: #f8f9fa;
    padding-left: 4px;
    border-radius: 4px;
}

.wzlb-timeline__time {
    flex: 0 0 110px;
    color: #999;
    font-size: 13px;
}

.wzlb-timeline__title {
    flex: 1;
}

.wzlb-timeline__link {
    color: #333;
    font-size: 14px;
}

.wzlb-timeline__link:hover {
    color: #165dff;
}

.wzlb-pagination {
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.wzlb-pagination__item {
    flex-shrink: 0;
}

.wzlb-pagination__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: #f8f9fa;
    color: #333;
    font-size: 14px;
    transition: all 0.2s ease;
}

.wzlb-pagination__link:hover {
    background: #f0f5ff;
    color: #165dff;
}

.wzlb-pagination__link--active {
    background: #165dff;
    color: #fff;
}

.wzlb-pagination__link--disabled {
    background: #f5f5f5;
    color: #ccc;
    cursor: not-allowed;
}

.wzlb-pagination__link--disabled:hover {
    background: #f5f5f5;
    color: #ccc;
}

.wzlb-empty {
    text-align: center;
    padding: 40px 20px;
    color: #999;
    font-size: 14px;
}

@media (max-width: 768px) {
    .wzlb-page {
        padding: 15px 10px;
    }
    
    .wzlb-nav {
        padding: 12px 15px;
        gap: 8px;
    }
    
    .wzlb-nav__link {
        padding: 6px 12px;
        font-size: 13px;
    }
    
    .wzlb-card__content {
        padding: 15px;
    }
    
    .wzlb-timeline__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .wzlb-timeline__time {
        flex: none;
        margin-bottom: 4px;
    }
    
    .wzlb-pagination__link {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }
}

.dark-mode {
    --bg-color: #1e1e1e;
    --card-bg: #252525;
    --text-color: #e0e0e0;
    --border-color: #333;
    --hover-bg: #303030;
    --link-color: #4d90fe;
}

.dark-mode body {
    background-color: var(--bg-color);
}

.dark-mode .wzlb-nav,
.dark-mode .wzlb-breadcrumb,
.dark-mode .wzlb-card {
    background-color: var(--card-bg);
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.dark-mode .wzlb-nav__link {
    background-color: #303030;
    color: var(--text-color);
}

.dark-mode .wzlb-nav__link:hover {
    background-color: #383838;
    color: var(--link-color);
}

.dark-mode .wzlb-breadcrumb {
    color: #bbb;
}

.dark-mode .wzlb-breadcrumb__link {
    color: var(--link-color);
}

.dark-mode .wzlb-timeline__item {
    border-bottom-color: var(--border-color);
}

.dark-mode .wzlb-timeline__item:hover {
    background-color: var(--hover-bg);
}

.dark-mode .wzlb-timeline__link {
    color: var(--text-color);
}

.dark-mode .wzlb-timeline__link:hover {
    color: var(--link-color);
}

.dark-mode .wzlb-timeline__time {
    color: #bbb;
}

.dark-mode .wzlb-pagination__link {
    background-color: #303030;
    color: var(--text-color);
}

.dark-mode .wzlb-pagination__link:hover {
    background-color: #383838;
    color: var(--link-color);
}

.dark-mode .wzlb-pagination__link--active {
    background-color: var(--link-color);
    color: #fff;
}

.dark-mode .wzlb-pagination__link--disabled {
    background-color: #282828;
    color: #555;
}

/*文章首页*/

/* 基础样式 - 精准应用到所有相关元素 */
.wbsy-container,
.wbsy-nav,
.wbsy-nav__item,
.wbsy-nav__link,
.wbsy-swiper,
.wbsy-swiper__item,
.wbsy-swiper__img,
.wbsy-swiper__dots,
.wbsy-swiper__dot,
.wbsy-breadcrumb,
.wbsy-breadcrumb__link,
.wbsy-article-box,
.wbsy-article-card,
.wbsy-card-header,
.wbsy-card-header__icon,
.wbsy-card-content,
.wbsy-article-item,
.wbsy-article-link,
.wbsy-article-meta,
.wbsy-category-container,
.wbsy-category-card,
.wbsy-category-header,
.wbsy-category-more,
.wbsy-category-content,
.wbsy-empty {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 列表和链接样式重置 */
.wbsy-nav,
.wbsy-nav__item {
    list-style: none;
}

.wbsy-nav__link,
.wbsy-breadcrumb__link,
.wbsy-article-link,
.wbsy-category-header a,
.wbsy-category-more {
    text-decoration: none;
}

/* 页面基础样式 */
body {
    background-color: #f5f7fa;
    font-family: "Microsoft Yahei", sans-serif;
}

.wbsy-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px 15px;
    padding-top: 30px;
}

.wbsy-nav {
    width: 100%;
    background: #ffffff;
    border: 1px solid #eaecef;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    padding: 12px 15px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.wbsy-nav__item {
    flex-shrink: 0;
}

.wbsy-nav__link {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    background: #f8f9fa;
    border: 1px solid #eaecef;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    transition: all 0.2s ease;
}

.wbsy-nav__link:hover {
    background: #eef2ff;
    border-color: #d1d9e6;
    color: #165dff;
}

.wbsy-swiper {
    width: 100%;
    height: 200px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.wbsy-swiper__item {
    width: 100%;
    height: 100%;
    display: none;
}

.wbsy-swiper__item.active {
    display: block;
}

.wbsy-swiper__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wbsy-swiper__dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}

.wbsy-swiper__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
    transition: all 0.3s ease;
}

.wbsy-swiper__dot.active {
    background: #fff;
    width: 20px;
    border-radius: 4px;
}

.wbsy-breadcrumb {
    width: 100%;
    background: #ffffff;
    border: 1px solid #eaecef;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    padding: 12px 15px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
    display: flex;
    align-items: center;
}

.wbsy-breadcrumb__link {
    color: #165dff;
}

.wbsy-breadcrumb__link:hover {
    text-decoration: underline;
}

.wbsy-article-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.wbsy-article-card {
    width: calc(50% - 7.5px);
    background: #ffffff;
    border: 1px solid #eaecef;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    overflow: hidden;
}

.wbsy-card-header {
    padding: 12px 15px;
    background: #f8f9fa;
    border-bottom: 1px solid #eaecef;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.wbsy-card-header__icon {
    margin-right: 8px;
    color: #165dff;
}

.wbsy-card-content {
    padding: 12px 15px;
    max-height: 280px;
    overflow-y: auto;
}

.wbsy-article-item {
    padding: 6px 0;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.wbsy-article-item:last-child {
    border-bottom: none;
}

.wbsy-article-link {
    color: #333;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease;
    display: inline-block;
    max-width: calc(100% - 60px);
}

.wbsy-article-link:hover {
    color: #165dff;
}

.wbsy-article-meta {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
    flex-shrink: 0;
}

.wbsy-category-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    margin-bottom: 20px;
}

.wbsy-category-card {
    width: calc(33.3333% - 10px);
    background: #ffffff;
    border: 1px solid #eaecef;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    overflow: hidden;
}

.wbsy-category-header {
    padding: 10px 15px;
    background: #f8f9fa;
    border-bottom: 1px solid #eaecef;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wbsy-category-header a {
    color: #333;
}

.wbsy-category-more {
    font-size: 12px;
    color: #165dff;
}

.wbsy-category-more:hover {
    text-decoration: underline;
}

.wbsy-category-content {
    padding: 12px 15px;
    max-height: 360px;
    overflow: hidden;
}

.wbsy-empty {
    padding: 20px 0;
    text-align: center;
    color: #999;
    font-size: 13px;
}

/* 滚动条样式 */
.wbsy-card-content::-webkit-scrollbar {
    width: 4px;
}

.wbsy-card-content::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 2px;
}

.wbsy-card-content::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 2px;
}

.wbsy-card-content::-webkit-scrollbar-thumb:hover {
    background: #165dff;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .wbsy-swiper {
        height: 120px;
    }
    .wbsy-article-card {
        width: 100%;
    }
    .wbsy-category-container {
        flex-direction: column;
        gap: 12px;
    }
    .wbsy-category-card {
        width: 100%;
    }
    .wbsy-nav {
        padding: 10px 12px;
        gap: 6px;
    }
    .wbsy-nav__link {
        padding: 4px 8px;
        font-size: 13px;
    }
    .wbsy-article-link {
        max-width: calc(100% - 50px);
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .wbsy-swiper {
        height: 160px;
    }
}

/* 夜间模式 */
.dark-mode {
    --bg-color: #1e1e1e;
    --card-bg: #252525;
    --text-color: #e0e0e0;
    --border-color: #333;
    --hover-bg: #303030;
    --link-color: #4d90fe;
    --light-bg: #2d2d2d;
}

.dark-mode body {
    background-color: var(--bg-color);
}

.dark-mode .wbsy-nav,
.dark-mode .wbsy-breadcrumb,
.dark-mode .wbsy-article-card,
.dark-mode .wbsy-category-card {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    box-shadow: none;
}

.dark-mode .wbsy-nav__link {
    background-color: var(--light-bg);
    border-color: var(--border-color);
    color: var(--text-color);
}

.dark-mode .wbsy-nav__link:hover {
    background-color: var(--hover-bg);
    border-color: var(--link-color);
    color: var(--link-color);
}

.dark-mode .wbsy-breadcrumb {
    color: #bbb;
}

.dark-mode .wbsy-breadcrumb__link {
    color: var(--link-color);
}

.dark-mode .wbsy-card-header,
.dark-mode .wbsy-category-header {
    background-color: var(--light-bg);
    border-bottom-color: var(--border-color);
    color: var(--text-color);
}

.dark-mode .wbsy-card-header__icon {
    color: var(--link-color);
}

.dark-mode .wbsy-article-item {
    border-bottom-color: var(--border-color);
}

.dark-mode .wbsy-article-link {
    color: var(--text-color);
}

.dark-mode .wbsy-article-link:hover {
    color: var(--link-color);
}

.dark-mode .wbsy-article-meta {
    color: #bbb;
}

.dark-mode .wbsy-category-more {
    color: var(--link-color);
}

.dark-mode .wbsy-swiper__dot {
    background: rgba(255,255,255,0.3);
}

.dark-mode .wbsy-swiper__dot.active {
    background: var(--link-color);
}

.dark-mode .wbsy-empty {
    color: #777;
}

/*文章内页*/
/* 基础样式 - 精准应用到所有相关元素 */
.wzxq-page,
.wzxq-nav,
.wzxq-nav__item,
.wzxq-nav__link,
.wzxq-breadcrumb,
.wzxq-breadcrumb__link,
.wzxq-card,
.wzxq-card__content,
.wzxq__title,
.wzxq__meta,
.wzxq__content {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 列表和链接样式重置 */
.wzxq-nav,
.wzxq-nav__item {
    list-style: none;
}

.wzxq-nav__link,
.wzxq-breadcrumb__link,
.wzxq__content a {
    text-decoration: none;
}

/* 页面全局容器 */
.wzxq-page {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px 15px;
    padding-top: 30px;
}

/* 顶部导航容器 */
.wzxq-nav {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    padding: 16px 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

/* 导航项样式 */
.wzxq-nav__item {
    flex-shrink: 0;
}

.wzxq-nav__link {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: #f8f9fa;
    border-radius: 6px;
    color: #333;
    font-size: 14px;
    transition: all 0.3s ease;
}

.wzxq-nav__link:hover {
    background: #f0f5ff;
    color: #165dff;
}

/* 面包屑容器 */
.wzxq-breadcrumb {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    padding: 16px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
}

.wzxq-breadcrumb__link {
    color: #165dff;
}

.wzxq-breadcrumb__link:hover {
    text-decoration: underline;
}

/* 文章详情卡片 */
.wzxq-card {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    overflow: hidden;
}

/* 文章内容区 */
.wzxq-card__content {
    padding: 30px;
}

/* 文章标题 */
.wzxq__title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* 文章元信息 */
.wzxq__meta {
    font-size: 14px;
    color: #999;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

/* 文章正文 */
.wzxq__content {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

/* 正文内图片适配 */
.wzxq__content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 15px 0;
}

/* 正文内链接样式 */
.wzxq__content a {
    color: #165dff;
    text-decoration: underline;
}

/* 正文内段落间距 */
.wzxq__content p {
    margin-bottom: 15px;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .wzxq-page {
        padding: 15px 10px;
    }
    
    .wzxq-nav {
        padding: 12px 15px;
        gap: 8px;
    }
    
    .wzxq-nav__link {
        padding: 6px 12px;
        font-size: 13px;
    }
    
    .wzxq-card__content {
        padding: 20px 15px;
    }
    
    .wzxq__title {
        font-size: 20px;
    }
    
    .wzxq__content {
        font-size: 15px;
        line-height: 1.7;
    }
}

/* 夜间模式适配 */
.dark-mode {
    --bg-color: #1e1e1e;
    --card-bg: #252525;
    --text-color: #e0e0e0;
    --border-color: #333;
    --link-color: #4d90fe;
}

.dark-mode body {
    background-color: var(--bg-color);
}

.dark-mode .wzxq-nav,
.dark-mode .wzxq-breadcrumb,
.dark-mode .wzxq-card {
    background-color: var(--card-bg);
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.dark-mode .wzxq-nav__link {
    background-color: #303030;
    color: var(--text-color);
}

.dark-mode .wzxq-nav__link:hover {
    background-color: #383838;
    color: var(--link-color);
}

.dark-mode .wzxq-breadcrumb {
    color: #bbb;
}

.dark-mode .wzxq-breadcrumb__link {
    color: var(--link-color);
}

.dark-mode .wzxq__title,
.dark-mode .wzxq__content {
    color: var(--text-color);
}

.dark-mode .wzxq__meta {
    color: #bbb;
    border-bottom-color: var(--border-color);
}

.dark-mode .wzxq__content a {
    color: var(--link-color);
}

/*小黑屋*/


	/* 基础样式 - 精准应用到所有相关元素 */
	.xhw-container,
	.xhw-breadcrumb,
	.xhw-breadcrumb .xhw-icon,
	.xhw-breadcrumb a,
	.xhw-breadcrumb .xhw-badge,
	.xhw-sort,
	.xhw-sort li,
	.xhw-sort li a,
	.xhw-stats,
	.xhw-stats .xhw-stats-icon,
	.xhw-stats .xhw-stats-icon i,
	.xhw-stats .xhw-stats-content,
	.xhw-stats .xhw-stats-title,
	.xhw-stats .xhw-stats-desc,
	.xhw-stats .xhw-stats-highlight,
	.xhw-card,
	.xhw-card-header,
	.xhw-card-header i,
	.xhw-card-header .xhw-card-status,
	.xhw-card-body,
	.xhw-item,
	.xhw-item .item-rank,
	.xhw-item .item-icon,
	.xhw-item .item-icon img,
	.xhw-item .item-name,
	.xhw-item .item-meta,
	.xhw-noresult,
	.xhw-noresult h3,
	.xhw-noresult .btn-home,
	.xhw-pagination,
	.xhw-pagination a,
	.xhw-pagination span,
	.xhw-footer {
	    margin: 0;
	    padding: 0;
	    box-sizing: border-box;
	}

	/* 列表样式重置 */
	.xhw-sort {
	    list-style: none;
	}

	/* 链接样式重置 */
	.xhw-breadcrumb a,
	.xhw-sort li a,
	.xhw-item,
	.xhw-noresult .btn-home,
	.xhw-pagination a {
	    text-decoration: none;
	}

	.xhw-container {
	    position: relative;
	    top: 30px;
	    width: 100%;
	    max-width: 1300px;
	    margin: 0 auto;
	    padding: 0 15px;
	    overflow: hidden;
	}

	.xhw-breadcrumb {
	    display: flex;
	    align-items: center;
	    padding: 15px;
	    background: #ffffff;
	    border-radius: 8px;
	    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	    margin: 0 0 20px 0;
	    font-size: 14px;
	    color: #333333;
	    width: 100%;
	    overflow: hidden;
	}
	.xhw-breadcrumb .xhw-icon {
	    margin-right: 10px;
	    color: #165dff;
	    font-size: 16px;
	}
	.xhw-breadcrumb a {
	    color: #165dff;
	}
	.xhw-breadcrumb a:hover {
	    text-decoration: underline;
	}
	.xhw-breadcrumb .xhw-badge {
	    display: inline-block;
	    padding: 2px 8px;
	    background-color: #ffc107;
	    color: #fff;
	    border-radius: 10px;
	    font-size: 12px;
	    margin-left: 8px;
	}

	.xhw-sort {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 10px;
	    padding: 15px;
	    margin: 0 0 20px 0;
	    background: #ffffff;
	    border-radius: 8px;
	    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	    width: 100%;
	    overflow: hidden;
	}
	.xhw-sort li {
	    flex-shrink: 0;
	}
	.xhw-sort li a {
	    display: inline-flex;
	    align-items: center;
	    padding: 8px 15px;
	    background: #f8f8f8;
	    border-radius: 6px;
	    color: #333333;
	    font-size: 14px;
	    transition: all 0.3s ease;
	    border: 1px solid transparent;
	}
	.xhw-sort li a:hover {
	    background: #f5f7ff;
	    color: #165dff;
	    border-color: rgba(22, 93, 255, 0.2);
	}
	.xhw-sort li a.active {
	    background: #165dff;
	    color: #fff;
	}
	.xhw-sort li a.btn-apply {
	    background: #165dff;
	    color: #fff;
	}
	.xhw-sort li a.btn-apply:hover {
	    background: #0e42c9;
	    box-shadow: 0 2px 8px rgba(22, 93, 255, 0.3);
	}
	.xhw-sort li a i {
	    margin-left: 6px;
	    font-size: 12px;
	}

	.xhw-stats {
	    background: #ffffff;
	    border-radius: 8px;
	    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	    padding: 15px 20px;
	    margin-bottom: 20px;
	    border-left: 4px solid #ffc107;
	    display: flex;
	    align-items: center;
	    width: 100%;
	    overflow: hidden;
	}
	.xhw-stats .xhw-stats-icon {
	    width: 36px;
	    height: 36px;
	    border-radius: 50%;
	    background: #fff8e1;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-right: 16px;
	    flex-shrink: 0;
	}
	.xhw-stats .xhw-stats-icon i {
	    color: #ffc107;
	    font-size: 18px;
	}
	.xhw-stats .xhw-stats-content {
	    flex: 1;
	}
	.xhw-stats .xhw-stats-title {
	    font-size: 15px;
	    font-weight: 600;
	    color: #333;
	    margin-bottom: 4px;
	}
	.xhw-stats .xhw-stats-desc {
	    font-size: 13px;
	    color: #666;
	}
	.xhw-stats .xhw-stats-highlight {
	    color: #ffc107;
	    font-weight: 600;
	}

	.xhw-card {
	    background: #ffffff;
	    border-radius: 8px;
	    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	    overflow: hidden;
	    margin-bottom: 20px;
	    width: 100%;
	}

	.xhw-card-header {
	    padding: 15px 20px;
	    background: #ffffff !important;
	    color: #165dff !important;
	    font-size: 18px;
	    font-weight: 600;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    overflow: hidden;
	    border-bottom: 1px solid #eaecef !important;
	    border-radius: 8px 8px 0 0 !important;
	}
	.xhw-card-header i {
	    margin-right: 10px;
	}
	.xhw-card-header .xhw-card-status {
	    font-size: 14px;
	    font-weight: normal;
	    opacity: 0.9;
	    white-space: nowrap;
	    background: rgba(22, 93, 255, 0.1) !important;
	    color: #165dff !important;
	    padding: 4px 10px;
	    border-radius: 6px;
	}

	.xhw-card-body {
	    padding: 15px;
	    display: grid;
	    grid-template-columns: repeat(6, minmax(0, 1fr));
	    gap: 8px;
	    width: 100%;
	    overflow: hidden;
	}

	.xhw-item {
	    display: flex !important;
	    align-items: center !important;
	    width: 100%;
	    height: 35px !important;
	    padding: 0 8px !important;
	    color: #333;
	    background: #f9f9f9;
	    border: 1px solid #eee;
	    border-radius: 4px;
	    transition: all 0.2s ease;
	    overflow: hidden;
	    position: relative;
	}
	.xhw-item:hover {
	    background: #f0f7ff;
	    border-color: #165dff;
	    transform: translateY(-1px);
	    box-shadow: 0 2px 4px rgba(22, 93, 255, 0.1);
	}
	.xhw-item .item-rank {
	    width: 20px;
	    height: 20px;
	    line-height: 20px;
	    text-align: center;
	    background: #e8f4f8;
	    color: #165dff;
	    border-radius: 2px;
	    font-size: 10px;
	    font-weight: 600;
	    margin-right: 6px;
	    flex-shrink: 0;
	}
	.xhw-item .item-icon {
	    width: 20px !important;
	    height: 20px !important;
	    margin-right: 6px !important;
	    border-radius: 2px;
	    overflow: hidden;
	    flex-shrink: 0;
	}
	.xhw-item .item-icon img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    display: block;
	}
	.xhw-item .item-name {
	    font-size: 12px;
	    line-height: 1;
	    color: #333;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    flex: 1;
	}
	.xhw-item .item-meta {
	    position: absolute;
	    right: 8px;
	    top: 50%;
	    transform: translateY(-50%);
	    font-size: 10px;
	    color: #999;
	}

	.xhw-noresult {
	    grid-column: 1 / -1;
	    text-align: center;
	    padding: 40px 20px;
	    color: #999;
	    font-size: 16px;
	    width: 100%;
	    overflow: hidden;
	}
	.xhw-noresult h3 {
	    color: #666;
	    margin-bottom: 10px;
	    font-weight: normal;
	    white-space: nowrap;
	}
	.xhw-noresult .btn-home {
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    padding: 8px 16px;
	    background: #165dff;
	    color: #fff;
	    border-radius: 6px;
	    font-size: 14px;
	    margin-top: 15px;
	}

	.xhw-pagination {
	    grid-column: 1 / -1;
	    display: flex;
	    justify-content: center;
	    padding: 15px 0 5px 0;
	    margin-top: 0;
	    width: 100%;
	    overflow: hidden;
	}
	.xhw-pagination a, .xhw-pagination span {
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    width: 36px;
	    height: 36px;
	    line-height: 36px;
	    margin: 0 5px;
	    border-radius: 6px;
	    color: #333;
	    background: #f8f8f8;
	    border: 1px solid #eee;
	    font-size: 14px;
	    transition: all 0.2s ease;
	    flex-shrink: 0;
	}
	.xhw-pagination a:hover {
	    background: #165dff;
	    color: #fff;
	    border-color: #165dff;
	}
	.xhw-pagination .current {
	    background: #165dff;
	    color: #fff;
	    border-color: #165dff;
	}
	.xhw-pagination .disabled {
	    color: #999;
	    cursor: not-allowed;
	    background: #fafafa;
	    border-color: #f0f0f0;
	}

	.xhw-footer {
	    text-align: center;
	    padding: 16px;
	    font-size: 14px;
	    color: #666;
	    background: #ffffff;
	    border-radius: 8px;
	    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	    margin-top: 20px;
	    width: 100%;
	    overflow: hidden;
	}

	.dark-mode .xhw-breadcrumb {
	    background: #1e1e1e !important;
	    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
	    color: #e0e0e0 !important;
	}
	.dark-mode .xhw-breadcrumb .xhw-icon {
	    color: #4d90fe !important;
	}
	.dark-mode .xhw-breadcrumb a {
	    color: #4d90fe !important;
	}
	.dark-mode .xhw-sort {
	    background: #1e1e1e !important;
	    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
	}
	.dark-mode .xhw-sort li a {
	    background: #252525 !important;
	    color: #e0e0e0 !important;
	}
	.dark-mode .xhw-sort li a:hover {
	    background: #252525 !important;
	    color: #4d90fe !important;
	    border-color: rgba(77, 144, 254, 0.2) !important;
	}
	.dark-mode .xhw-sort li a.active {
	    background: #4d90fe !important;
	    color: #fff !important;
	}
	.dark-mode .xhw-sort li a.btn-apply {
	    background: #4d90fe !important;
	    color: #fff !important;
	}
	.dark-mode .xhw-stats {
	    background: #1e1e1e !important;
	    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
	    border-left-color: #ffc107 !important;
	}
	.dark-mode .xhw-stats .xhw-stats-icon {
	    background: #25231c !important;
	}
	.dark-mode .xhw-stats .xhw-stats-title {
	    color: #e0e0e0 !important;
	}
	.dark-mode .xhw-stats .xhw-stats-desc {
	    color: #b0b0b0 !important;
	}
	.dark-mode .xhw-card {
	    background: #1e1e1e !important;
	    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
	}
	.dark-mode .xhw-card-header {
	    background: #1e1e1e !important;
	    color: #4d90fe !important;
	    border-bottom-color: #333 !important;
	}
	.dark-mode .xhw-card-header .xhw-card-status {
	    background: rgba(77, 144, 254, 0.1) !important;
	    color: #4d90fe !important;
	}
	.dark-mode .xhw-item {
	    background: #252525 !important;
	    border-color: #333 !important;
	    color: #e0e0e0 !important;
	}
	.dark-mode .xhw-item:hover {
	    background: #303030 !important;
	    border-color: #4d90fe !important;
	}
	.dark-mode .xhw-item .item-name {
	    color: #e0e0e0 !important;
	}
	.dark-mode .xhw-item .item-rank {
	    background: #333 !important;
	    color: #4d90fe !important;
	}
	.dark-mode .xhw-noresult {
	    color: #888 !important;
	}
	.dark-mode .xhw-noresult h3 {
	    color: #aaa !important;
	}
	.dark-mode .xhw-pagination a, .dark-mode .xhw-pagination span {
	    background: #252525 !important;
	    border-color: #333 !important;
	    color: #e0e0e0 !important;
	}
	.dark-mode .xhw-pagination a:hover {
	    background: #4d90fe !important;
	    color: #fff !important;
	    border-color: #4d90fe !important;
	}
	.dark-mode .xhw-pagination .current {
	    background: #4d90fe !important;
	    color: #fff !important;
	    border-color: #4d90fe !important;
	}
	.dark-mode .xhw-pagination .disabled {
	    color: #666 !important;
	    background: #1e1e1e !important;
	    border-color: #333 !important;
	}
	.dark-mode .xhw-footer {
	    background: #1e1e1e !important;
	    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
	    color: #b0b0b0 !important;
	}

	@media (max-width: 1199px) and (min-width: 992px) {
	    .xhw-card-body {
	        grid-template-columns: repeat(4, minmax(0, 1fr));
	    }
	}
	@media (max-width: 991px) and (min-width: 768px) {
	    .xhw-card-body {
	        grid-template-columns: repeat(3, minmax(0, 1fr));
	    }
	}
	@media (max-width: 767px) and (min-width: 480px) {
	    .xhw-container {
	        top: 15px;
	        padding: 0 10px;
	    }
	    .xhw-sort {
	        padding: 10px;
	    }
	    .xhw-sort li a {
	        padding: 6px 12px;
	    }
	    .xhw-card-body {
	        grid-template-columns: repeat(2, minmax(0, 1fr));
	        padding: 10px;
	        gap: 6px;
	    }
	    .xhw-item {
	        height: 35px !important;
	        padding: 0 6px !important;
	    }
	    .xhw-item .item-icon {
	        width: 18px !important;
	        height: 18px !important;
	        margin-right: 5px !important;
	    }
	    .xhw-item .item-name {
	        font-size: 11px !important;
	    }
	    .xhw-pagination a, .xhw-pagination span {
	        width: 32px;
	        height: 32px;
	        line-height: 32px;
	        margin: 0 3px;
	    }
	}
	@media (max-width: 479px) {
	    .xhw-container {
	        top: 15px;
	        padding: 0 8px;
	    }
	    .xhw-sort {
	        padding: 8px;
	        gap: 6px;
	    }
	    .xhw-sort li a {
	        padding: 5px 10px;
	        font-size: 13px;
	    }
	    .xhw-breadcrumb {
	        padding: 10px;
	        font-size: 13px;
	    }
	    .xhw-card-body {
	        grid-template-columns: repeat(2, minmax(0, 1fr));
	        padding: 8px;
	        gap: 6px;
	    }
	    .xhw-item {
	        height: 35px !important;
	        padding: 0 5px !important;
	    }
	    .xhw-item .item-icon {
	        width: 16px !important;
	        height: 16px !important;
	        margin-right: 4px !important;
	    }
	    .xhw-item .item-name {
	        font-size: 10px !important;
	    }
	    .xhw-pagination a, .xhw-pagination span {
	        width: 30px;
	        height: 30px;
	        line-height: 30px;
	        margin: 0 2px;
	        font-size: 13px;
	    }
	}


/*广告代码*/


.wzgg{width: 100%;overflow: hidden;display: block;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}.wzgg a{width: 24.4%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}.wzgg a:nth-child(1) {background-color: #dc3545;}.wzgg a:nth-child(2) {background-color: #007bff;}.wzgg a:nth-child(3) {background-color: #28a745;}.wzgg a:nth-child(4) {background-color: #ffc107;}.wzgg a:nth-child(5) {background-color: #28a745;}.wzgg a:nth-child(6) {background-color: #ffc107;}.wzgg a:nth-child(7) {background-color: #dc3545;}.wzgg a:nth-child(8){background-color: #007bff;}.wzgg a:hover{background:#FF2805;color:#FFF}@media screen and (max-width: 1000px) {.wzgg a{width: 47.96%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}
}

.post-item.side{width:100%}.post-item:hover{background:#eee;color:#555}.post-item .pic{width:120px;height:85px;flex:none}.post-item.side .pic{width:80px;height:60px}.post-item .pic img{width:100%;height:100%;border-radius:8px;object-fit:cover}.post-item .text{display:flex;margin-left:10px;padding:4px 0;width:100%;flex-direction:column;justify-content:space-between}.post-item.side .text{padding:0}.post-item .title{display:-webkit-box;overflow:hidden;height:2.85714286em;font-size:15px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-item.side .title{font-size:14px}.post-item .info{display:flex;color:#888;font-size:12px;justify-content:space-between}.post-item.side .info{font-size:11px}
@media (max-width:767px){.post-item{width:100%}.post-item .pic{width:95px;height:70px}
}


.zzggg{width: 100%;overflow: hidden;display: block;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}.zzggg a{width: 9.5%;float: left;border-radius: 10px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 15px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.7px;transition-duration: .3s;}.zzggg a:nth-child(1) {background-color: #840228;}.zzggg a:nth-child(2) {background-color: #008792;}.zzggg a:nth-child(3) {background-color: #28a745;}.zzggg a:nth-child(4) {background-color: #008792;}.zzggg a:nth-child(5) {background-color: #28a745;}.zzggg a:nth-child(6) {background-color: #008792;}.zzggg a:nth-child(7) {background-color: #28a745;}.zzggg a:nth-child(8){background-color: #008792;}.zzggg a:nth-child(9) {background-color: #28a745;}.zzggg a:nth-child(10) {background-color: #008792;}.zzggg a:hover{background:#FF2805;color:#FFF}@media screen and (max-width: 1000px) {.zzggg a{width: 47.96%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}
    
}


 .tp-ad-text1 {width:100%;padding-top:6px;box-sizing:border-box;overflow: hidden;background: rgba(255,255,255,.2);}
  .tp-ad-text1 a {color:#7fba00;font-size:14px;line-height:38px;text-align:center;border:1px dashed rgba(0,0,0,.2);padding:0 3px;box-sizing:border-box;float:left;width:11.5%;height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0.5% 6px;text-decoration:none;transition:all .6s;}
  .tp-ad-text1 a:hover {font-weight: bold;color:#fff!important;background:#7fba00;transition: all .6s;}
  .tp-ad-text1 a:nth-child(2n) {color:#f74e1e;}
  .tp-ad-text1 a:nth-child(2n):hover {background:#f74e1e;border-color: #f74e1e;}
  .tp-ad-text1 a:nth-child(3n) {color:#00a4ef;}
  .tp-ad-text1 a:nth-child(3n):hover {background:#00a4ef;border-color: #00a4ef;}
  .tp-ad-text1 a:nth-child(4n) {color:#0517c2;}
  .tp-ad-text1 a:nth-child(4n):hover {background:#0517c2;border-color: #0517c2;}
  .tp-ad-text1 a:nth-child(5n) {color:#601165;}
  .tp-ad-text1 a:nth-child(5n):hover {background:#601165;border-color: #601165;}
  .tp-ad-text1 a:nth-child(6n) {color:#ffb900;}
  .tp-ad-text1 a:nth-child(6n):hover {background:#ffb900;border-color: #ffb900;}
  .tp-ad-text1 a:nth-child(7n) {color:#0fc317;}
  .tp-ad-text1 a:nth-child(7n):hover {background:#0fc317;border-color: #0fc317;}
  .tp-ad-text1 a:nth-child(8n) {color:#601165;}
  .tp-ad-text1 a:nth-child(8n):hover {background:#601165;border-color: #601165;}
  .tp-ad-text1 a:nth-child(9n) {color:#fba78f;}
  .tp-ad-text1 a:nth-child(9n):hover {background:#fba78f;border-color: #fba78f;}
  .tp-ad-text1 a:nth-child(10n) {color:#13cf8f;}
  .tp-ad-text1 a:nth-child(10n):hover {background:#13cf8f;border-color: #13cf8f;}
  .tp-ad-text1 a:nth-child(11n) {color:#f74e1e;}
  .tp-ad-text1 a:nth-child(11n):hover {background:#f74e1e;border-color: #f74e1e;}
  .tp-ad-text1 a:nth-child(12n) {color:#ffb900;}
  .tp-ad-text1 a:nth-child(12n):hover {background:#ffb900;border-color: #ffb900;}
  .tp-ad-text1 a:nth-child(13n) {color:#fba78f;}
  .tp-ad-text1 a:nth-child(13n):hover {background:#fba78f;border-color: #fba78f;}
  .tp-ad-text1 a:nth-child(14n) {color:#f74e1e;}
  .tp-ad-text1 a:nth-child(14n):hover {background:#f74e1e;border-color: #f74e1e;}
  .tp-ad-text1 a:nth-child(15n) {color:#7fba00;}
  .tp-ad-text1 a:nth-child(15n):hover {background:#7fba00;border-color: #7fba00;}
  .tp-ad-text1 a:nth-child(16n) {color:#0fc317;}
  .tp-ad-text1 a:nth-child(16n):hover {background:#0fc317;border-color: #0fc317;}
  .tp-ad-text1 a:nth-child(17n) {color:#0517c2;}
  .tp-ad-text1 a:nth-child(17n):hover {background:#0517c2;border-color: #0517c2;}
  .tp-ad-text1 a:nth-child(18n) {color:#13cf8f;}
  .tp-ad-text1 a:nth-child(18n):hover {background:#13cf8f;border-color: #13cf8f;}
  .tp-ad-text1 a:nth-child(19n) {color:#ffb900;}
  .tp-ad-text1 a:nth-child(19n):hover {background:#ffb900;border-color: #ffb900;}
  .tp-ad-text1 a:nth-child(20n) {color:#f74e1e;}
  .tp-ad-text1 a:nth-child(20n):hover {background:#f74e1e;border-color: #f74e1e;}
@media screen and (max-width: 1198px){
    .tp-ad-text1 a{
      width: 24%;
    }
  }
  
  
  
  
  
  
  
  /*首页底部图片格子*/
  /**图片格子**/
.tuijianwe {
	display:block;
	overflow:hidden;
	margin-top:10px;
	height:100px;
	border-radius:5px 5px 0 0;
	background-color:#f6f6f6;
	text-align:center;
	position: relative; /* 确保伪元素层级正确 */
	z-index: 1;
}
.tuijianwe .tj {
	list-style:none;
	margin:0;
	padding:0;
	position: relative;
	z-index: 2; /* 内容层级高于背景 */
}
.tuijianwe .tj li.first-one {
	margin-left:0;
}
.tuijianwe .tj li a {
	float:left;
	display:block;
	overflow:hidden;
	margin:15px .78%;
	width:14.9%;
	height:70px;
	border-radius:5px;
	text-decoration:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:70px;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	color:#555;
	background-color:#ffffff;
	position: relative;
	z-index: 2; /* 按钮层级高于背景 */
}
.tuijianwe .tj li a:hover {
	background-color:#ffffff;
	color:#f80;
}

.random {
	display:block;
	overflow:hidden;
	height:300px;
	border-radius:0 0 5px 5px;
	box-shadow:0 26px 40px -24px rgba(0,36,100,0.25);
	text-align:center;
	margin-bottom:50px;
}
.random ul {
	list-style:none;
	margin:0;
	padding:0;
}
.random ul li a {
	float:left;
	display:inline-block;
	overflow:hidden;
	width:16.665%;
	height:100px;
	color:#fff;
	text-decoration:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:100px;
	opacity:.75;
	-webkit-transition:all .5s ease;
	-o-transition:all .3s ease;
	transition:all .5s ease;
	position:relative;
}
/* 背景遮罩：提升文字可读性 */
.random ul li a::before {
	content:'';
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.15);
	z-index:1;
}
.random ul li a span {
	position:relative;
	z-index:2;
}
.random ul li a:hover {
	font-size:17px;
	opacity:1;
}

/* 格子样式：保留原有尺寸和背景 */
.random ul li .one {
	width:33.33%;
	height:300px;
	background:#e7eff4 url(http://p8.qhimg.com/bdr/__85/t01a11e3b13964fd5e9.jpg) center/cover no-repeat;
	line-height:300px;
	text-align:center; /* 返回首页文字居中 */
}
.random ul li .two {
	width:33.33%;
	background:#faebd7 url(http://p9.qhimg.com/bdr/__85/t016fdb7fe821d106c1.jpg) center/cover no-repeat;
}
.random ul li .three {
	background:#f0f8ff url(http://p7.qhimg.com/bdr/__85/t014be3b3a24ffb638a.jpg) center/cover no-repeat;
}
.random ul li .four {
	background:#faebd7 url(http://p1.qhimg.com/bdr/__85/t0129c18ee36effffe2.jpg) center/cover no-repeat;
}
.random ul li .five {
	background:#f0f8ff url(http://p0.qhimg.com/bdr/__85/t01bfba0fc70ae2812f.jpg) center/cover no-repeat;
}
.random ul li .six {
	background:#faebd7 url(http://p8.qhimg.com/bdr/__85/t01b7afe8a6f8d1746d.jpg) center/cover no-repeat;
}
.random ul li .seven {
	width:33.33%;
	background:#f0f8ff url(http://p4.qhimg.com/bdr/__85/t01ea7e536d03740b30.jpg) center/cover no-repeat;
}
.random ul li .eight {
	width:33.33%;
	background:#faebd7 url(http://p6.qhimg.com/bdr/__85/t017999da786a85433b.jpg) center/cover no-repeat;
}
.random ul li .nine {
	background:#f0f8ff url(http://p9.qhimg.com/bdr/__85/t01ad5c78b9f1dfee98.jpg) center/cover no-repeat;
}
.random ul li .ten {
	background:#faebd7 url(http://p3.qhimg.com/bdr/__85/t01f20d3c650e680aa9.jpg) center/cover no-repeat;
}

/* 图标样式 */
.fa, .gz {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.gz {
	margin-right:4px;
}

/* 响应式：保留原有逻辑 */
@media (max-width: 520px){
 .tuijianwe, .random {display: none;}
}

/* ========== 统一夜间模式样式（兼容.io-black-mode和.dark-mode） ========== */
/* 适配页面原有.dark-mode，同时兼容.io-black-mode */
.dark-mode .tuijianwe,
.io-black-mode .tuijianwe {
	background-color:#2c2e2f !important;
	color:#e5e5e5 !important;
}
.dark-mode .tuijianwe .tj li a,
.io-black-mode .tuijianwe .tj li a {
	background-color:#383a3b !important;
	color:#e5e5e5 !important;
	border: 1px solid #444; /* 增加边框提升辨识度 */
}
.dark-mode .tuijianwe .tj li a:hover,
.io-black-mode .tuijianwe .tj li a:hover {
	background-color:#1a1a1b !important;
	color:#f80 !important;
	border-color: #f803; /* hover时边框染色 */
}
.dark-mode .gz,
.io-black-mode .gz {
	color:#f90 !important; /* 图标强制橙色 */
}

/* random区域夜间模式优化 */
.dark-mode .random ul li a::before,
.io-black-mode .random ul li a::before {
	background:rgba(0,0,0,0.4) !important; /* 遮罩加深 */
}
/* random格子背景夜间模式统一加深 */
.dark-mode .random ul li .one,
.io-black-mode .random ul li .one {background:#1f282d url(http://p5.qhimg.com/bdr/__85/t016818eb898529e4c0.jpg) center/cover no-repeat !important;}
.dark-mode .random ul li .two,
.io-black-mode .random ul li .two {background:#2d2720 url(http://p0.qhimg.com/bdr/__85/t0165804b6ac1cadd67.jpg) center/cover no-repeat !important;}
.dark-mode .random ul li .three,
.io-black-mode .random ul li .three {background:#1f2a30 url(http://p9.qhimg.com/bdr/__85/t0128c8f01dfe06cdfd.jpg) center/cover no-repeat !important;}
.dark-mode .random ul li .four,
.io-black-mode .random ul li .four {background:#2d2720 url(http://p6.qhimg.com/bdr/__85/t018b6dbdfedf2b4202.jpg) center/cover no-repeat !important;}
.dark-mode .random ul li .five,
.io-black-mode .random ul li .five {background:#1f2a30 url(http://p1.qhimg.com/bdr/__85/t01fd296c4ae8f71bc3.jpg) center/cover no-repeat !important;}
.dark-mode .random ul li .six,
.io-black-mode .random ul li .six {background:#2d2720 url(http://p7.qhimg.com/bdr/__85/t0121ba2ddf9bce1feb.jpg) center/cover no-repeat !important;}
.dark-mode .random ul li .seven,
.io-black-mode .random ul li .seven {background:#1f2a30 url(http://p3.qhimg.com/bdr/__85/t01d01febd0b8236a45.jpg) center/cover no-repeat !important;}
.dark-mode .random ul li .eight,
.io-black-mode .random ul li .eight {background:#2d2720 url(http://p7.qhimg.com/bdr/__85/t01cd6270337f7c2614.jpg) center/cover no-repeat !important;}
.dark-mode .random ul li .nine,
.io-black-mode .random ul li .nine {background:#1f2a30 url(http://p0.qhimg.com/bdr/__85/t01212bb9f9d82c7c87.jpg) center/cover no-repeat !important;}
.dark-mode .random ul li .ten,
.io-black-mode .random ul li .ten {background:#2d2720 url(http://p9.qhimg.com/bdr/__85/t0121091c6572cf39e0.jpg) center/cover no-repeat !important;}




.dh-hot-wrap {display:flex;gap:12px;flex-wrap:wrap;padding:0 1px;margin:15px 0;width:100%;box-sizing:border-box;}
.dh-hot-card {flex:1;min-width:220px;border:1px solid #eee;border-radius:8px;padding:12px 15px;background:#fff;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.dh-hot-card:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.dh-hot-title {margin:0 0 12px 0;font-size:15px;color:#333;font-weight:600;display:flex;align-items:center;}
.dh-hot-title::before {content:"🔥";margin-right:6px;font-size:14px;}
.dh-hot-list {list-style:none;padding:0;margin:0;height:180px;overflow-y:auto;overflow-x:hidden;font-size:14px;scrollbar-width:thin;scrollbar-color:#dcdcdc #f5f5f5;}
.dh-hot-list::-webkit-scrollbar {width:5px;}
.dh-hot-list::-webkit-scrollbar-track {background:#f5f5f5;border-radius:3px;}
.dh-hot-list::-webkit-scrollbar-thumb {background:#dcdcdc;border-radius:3px;cursor:pointer;}
.dh-hot-list::-webkit-scrollbar-thumb:hover {background:#b3b3b3;}
.dh-hot-item {display:flex;align-items:center;padding:6px 0;border-bottom:1px dashed #f8f8f8;}
.dh-hot-item:last-child {border-bottom:none;}
.dh-hot-rank {display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:4px;margin-right:8px;font-size:12px;flex-shrink:0;font-weight:500;}
.dh-hot-item:nth-child(1) .dh-hot-rank {background:#fff2f2;color:#ff3838;font-weight:bold;}
.dh-hot-item:nth-child(2) .dh-hot-rank {background:#fff7f2;color:#ff7a2f;}
.dh-hot-item:nth-child(3) .dh-hot-rank {background:#fffef2;color:#ffc53d;}
.dh-hot-item:nth-child(n+4) .dh-hot-rank {background:#fef0f0;color:#ff4d4f;}
.dh-hot-link {flex:1;text-decoration:none;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dh-hot-link:hover {color:#ff6b6b;text-decoration:underline;}
.dh-hot-num {font-size:12px;color:#ff7a7a;margin-left:8px;white-space:nowrap;flex-shrink:0;}
.dark-mode .dh-hot-card {border-color:#444;background:#1e1e1e;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
.dark-mode .dh-hot-card:hover {box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.dark-mode .dh-hot-title {color:#e0e0e0;}
.dark-mode .dh-hot-list {scrollbar-color:#444 #252525;}
.dark-mode .dh-hot-list::-webkit-scrollbar-track {background:#252525;}
.dark-mode .dh-hot-list::-webkit-scrollbar-thumb {background:#444;}
.dark-mode .dh-hot-list::-webkit-scrollbar-thumb:hover {background:#555;}
.dark-mode .dh-hot-item {border-bottom-color:#444;}
.dark-mode .dh-hot-item:nth-child(1) .dh-hot-rank {background:#442222;color:#ff8a80;border:1px solid #555;}
.dark-mode .dh-hot-item:nth-child(2) .dh-hot-rank {background:#443222;color:#ff9561;border:1px solid #555;}
.dark-mode .dh-hot-item:nth-child(3) .dh-hot-rank {background:#444222;color:#ffd061;border:1px solid #555;}
.dark-mode .dh-hot-item:nth-child(n+4) .dh-hot-rank {background:#333;color:#ccc;border:1px solid #444;}
.dark-mode .dh-hot-link {color:#e0e0e0;}
.dark-mode .dh-hot-link:hover {color:#ff8a80;text-decoration:underline;}
.dark-mode .dh-hot-num {color:#aaa;}
@media (max-width:576px) {
.dh-hot-wrap {display:none;}
}