::-webkit-scrollbar-thumb {
    background-color: rgb(186 186 186 / 80%);
    border-radius: 6px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}
::-webkit-scrollbar {
    background-color: rgba(25,25,25,.1);
    width: 8px;
    height: 8px;
}


/* 根元素变量定义 */
:root , [data-theme="light"]{
    /*背景*/
    --max-bg: #f5f7ff; /* 灰白色 */
    --max-1-card: #fff; /* 白色 */
    --max-2-bg: #fff; /* 白色 */
    --max-3-bg: #f9f9f9; /* 浅灰背景色 */
    /*文字*/
    /*--max-color: #393535;*/
    --max-color: #242121; /* 黑色 */
    --max-1-color: #000; /* 深黑色 */
    --max-2-color: #1890ff; /* 蓝色 */
    --max-3-color: #059669; /* 浅绿色 */
    --max-4-color: #f7fcff; /* 浅白色 */
    --max-5-color: #242121; /* 黑色 */
    --max-txt-color: #666; /* 浅灰色 */
    --max-txt-border: #f0f0f0; /* 浅色边框线条 */
    /*下方已调整*/
    --btn-gray: #b3b3b3;/*中灰*/
    --bright: brightness(.9);
    
    /* 布局相关 */
    --border-radius: 0.375rem; /* 边框圆角 */
    --box-shadow:  0 4px 12px rgb(231 231 231); /* 阴影效果 */
    --border:  1px solid #fff; /* 线条 */
   
}
[data-theme="dark"]{
    /*--max-bg: #2f2f2f;*/
    --max-bg: #191919; /* 黑灰色 */
    --max-1-card: #181818; /* 浅黑色 */
    --max-2-bg: #000; /* 黑色 */
    --max-3-bg: #2f2f2f; /* 深灰色 */
    --max-color: #b9b9b9; /* 浅白色 */
    --max-1-color: #b9b9b9; /* 浅白色 */
    --max-2-color: #6c6c6c; /* 浅灰色 */
    --max-4-color: #2f2f2f; /* 深灰色 */
    --max-5-color: #edeaea; /* 浅白色 */
    --max-txt-color: #b9b9b9; /* 浅白色 */
    --btn-gray: #b3b3b3;/*中灰*/
    --max-txt-border: #2f2f2f; /* 浅色边框线条 */
    --box-shadow: none; /* 阴影效果 */
    --border: 1px solid #525252; /* 线条 */
}


/*html { visibility: hidden; }*/
/*body { opacity: 0;}*/

/* 为禁用JS的用户提供后备方案 */
/*noscript style { html { visibility: visible; } body { opacity: 1; } }*/
/* 全局重置样式 */
*, ::before, ::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    background-color: var(--max-bg); /* 背景颜色 */
    color: var(--max-color); /* 文字颜色 */
    line-height: 1.6;
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch; /* 启用惯性滚动 */
    touch-action: manipulation; /* 优化触摸响应 */
}
html {
    overflow-y: scroll !important;
    scroll-behavior: auto;
}
h1, h2, h3, h4, h5, h6, h7{
    color: var(--max-color);
}

[data-theme="dark"] {
.xxx-cs{
    
}
/*.site-header {*/
/*    background: var(--max-2-bg);*/
/*  }*/

  /* 其它暗黑模式下需要改的类 */
.some-other-class,.down-span .btn-light {
    color: #fff;
    background: #111;
}
.the-ico span,.pay2-vip-title{
    color: #a9a9a9;/*浅灰色*/
}
.fome-4 li{
    background: #000;
}
.profile-1{
    box-shadow:none;
    border: var(--border);;
}
.ms-search-box,.ms-tabs,.ms-reply textarea,.pay-style2{
    background: #000;
}
.ms-item.active,.ms-item:hover{
    background: #212121;
}
.grid-item h1:hover a{
    color: #7b7b7b;
}
.max-ico-box .btn-tran{
    background: #000!important;
}
/*.nav-modu span {*/
/*    color: #edeaea;*/
/*}*/
    
 
}
/*暗黑*/
/* 主题切换按钮样式 */
/* 响应式设计 */
@media (max-width: 1100px) {
    ::-webkit-scrollbar {
        /*height: 5px;*/
        width: 4px;
    }
}
/*@media (max-width: 480px) {*/
/*    body {*/
/*        font-size: 0.8rem;*/
/*    }*/
/*}*/

a {
    color: var(--max-color);
    text-decoration: none;
}

/*a:hover {*/
    /*color: #000;;*/
    /*filter: brightness(.9);*/
/*    color: var(--max-1-color);*/
/*    text-decoration: none;*/
/*}*/
html.is-scrolling * {
    /* 1. 禁止所有 hover/焦点/active 反馈 */
    pointer-events: none !important;
    /* 2. 关掉动画，防止滚停后补帧 */
    transition: none !important;
    animation: none !important;
    /* 3. 强制统一光标，不让浏览器来回切换手型/箭头 */
    cursor: default !important;
    scroll-behavior: auto;
}
main {
    display: block;
}
button, select {
    text-transform: none;
}

button{
    cursor: pointer;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

textarea {
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
}

legend+* {
    clear: left;
}
img, svg {
    vertical-align: middle;
    max-width: 100%;
}


/* 滚动时临时禁用动画 */
/*#scroll-block {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    z-index: 999999;*/
/*    pointer-events: none;*/
/*    background: transparent;*/
/*}*/

.hover-color:hover {
    color: #333;
}


/*卡片类*/
/* 卡片样式 */
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-text {
    margin-bottom: 1rem;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}


/*表单类*/

/* 表单样式 */
/*.form-control {*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 0.375rem 0.75rem;*/
/*    font-size: 1rem;*/
/*    line-height: 1.5;*/
/*    color: #495057;*/
/*    background-color: #fff;*/
/*    background-clip: padding-box;*/
/*    border: 1px solid #ced4da;*/
/*    border-radius: 0.25rem;*/
/*    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
/*}*/

/*.form-control:focus {*/
/*    color: #495057;*/
/*    background-color: #fff;*/
/*    border-color: #80bdff;*/
/*    outline: 0;*/
/*    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
/*}*/

.form-group {
    margin-bottom: 0.75rem;
}

.label {
    display: block;
    margin-bottom: 0.5rem;
}










/*分类文章*/


    /* 基础布局 */
/* 基础布局 */


.max-item-box .card-item-title{
    margin-bottom: 0;
    -webkit-line-clamp: 1;
    color: #fff;
}
.archive-posts .item_1{
    -webkit-line-clamp: 1;
}
.archive-posts .item_2{
    -webkit-line-clamp: 2;
    min-height: 42px;
}
.grid-item-meta .post-price{
    padding: 1px 6px;
    text-align: center;
    background-color: #f0f4f5;
    color: #0f40f3;
    border-radius: 3px;
}
/* 图片容器基础样式 */
.grid-item-thumbnail,
.card-item-thumbnail {
    position: relative;
    overflow: hidden;
    background-color: #f8f9fa;
}

/* 图片对齐方式 */
.thumb-pos-top-left img { object-position: left top; }
.thumb-pos-top-center img { object-position: center top; }
.thumb-pos-top-right img { object-position: right top; }
.thumb-pos-center-left img { object-position: left center; }
.thumb-pos-center img { object-position: center center; }
.thumb-pos-center-right img { object-position: right center; }
.thumb-pos-bottom-left img { object-position: left bottom; }
.thumb-pos-bottom-center img { object-position: center bottom; }
.thumb-pos-bottom-right img { object-position: right bottom; }

/* 图片尺寸控制 */
.grid-item-thumbnail img,
.card-item-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* 自定义缩略图尺寸 */
.thumb-size-2x3 {
    position: relative;
    width: 100%;
    padding-bottom: 150%; /* 3/2 = 150% */
    overflow: hidden;
}

/* 竖版 3:4（常见照片比例） */
.thumb-size-3x4 {
    position: relative;
    width: 100%;
    padding-bottom: 133.33%; /* 4/3 ≈ 133.33% */
    overflow: hidden;
}

/* 正方形 1:1 */
.thumb-size-1x1 {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* 1/1 = 100% */
    overflow: hidden;
}

/* 横版 4:3（旧照片、iPad） */
.thumb-size-4x3 {
    position: relative;
    width: 100%;
    padding-bottom: 75%; /* 3/4 = 75% */
    overflow: hidden;
}

/* 横版 3:2（经典照片比例） */
.thumb-size-3x2 {
    position: relative;
    width: 100%;
    padding-bottom: 66.66%; /* 2/3 ≈ 66.66% */
    overflow: hidden;
}

/* 横版 16:9（视频、宽屏） */
.thumb-size-16x9 {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 9/16 = 56.25% */
    overflow: hidden;
}

/* 超宽屏 21:9（电影比例） */
.thumb-size-21x9 {
    position: relative;
    width: 100%;
    padding-bottom: 42.86%; /* 9/21 ≈ 42.86% */
    overflow: hidden;
}

.size>*{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 网格布局 */
.grid-item {
    background: var(--max-1-card);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    height: 100%;
    /*display: flex;*/
    /*flex-direction: column;*/
    border: none;
    position: relative;
}

.software-card:hover{
    transform: translateY(-3px);
    box-shadow: var(--box-shadow);
}

.grid-item:hover .grid-item-thumbnail img, .card-item:hover .card-item-thumbnail img{
  transform: scale(1.06);
}

.grid-item-title:hover a, .software-title:hover a{
  color: var(--max-1-color);
}

/*.grid-item-title:hover a,.software-title:hover a{*/
/*  color: #066fe0;*/
/*}*/
/*.grid-item:hover img,.software-card:hover,.card-item:hover{*/
/*    transform: scale(1.05);*/
/*    transition: all .3s linear!important;*/
/*}*/
    
.grid-item-content {
    /*padding: 12px;*/
    /*flex-grow: 1;*/
    /*display: flex;*/
    /*flex-direction: column;*/
}
/* 卡片布局 */
.card-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    height: 100%;
    border: none;
    position: relative;
}

.card-item:hover .card-item-content {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.card-item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    color: #fff;
    padding: 12px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease;
    pointer-events: none;
}

.card-item-content .post-categories a {
    color: #fff;
}

.card-item-content .card-title,
.card-item-content .card-title a,
.card-item-content .card-excerpt,
.card-item-content .card-meta {
    color: #fff;
}

.card-item-content .card-meta {
    display: flex;
    justify-content: space-between;
}

/*软件下载风格*/
/*.soft-to .software-2{*/
/*    display: block;*/
/*    text-align: center;*/
/*    flex-direction: column;*/
/*    position: relative;*/
/*}*/

.sof-ware{
    margin:0 10px ;
}
.software-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    height: 100%;
}

.software-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.software-info {
    flex-grow: 1;
}

.software-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.software-details {
    display: flex;
    align-items: center;
    position: relative;
    
}

.software-details img {
    width: 55px;
    height: 55px;
    /*margin-right: 12px;*/
    max-width: 55px;
    border-radius: 6px;
}

.rating-stars{
    margin-bottom: 8px;
    color: #ffa400;
    position: relative;
    overflow: hidden;
    display: block;
    align-items: center;
}
.rating-text {
    font-size: 12px;
    color: #666;
    margin-left: 4px;
}

.software-size {
    font-size: 12px;
    color: #666;
}

.software-1 .softw-btn {
    background-color: #007bff00;
    border: 1px solid #27ca17;
    display: initial;
    padding: 0 5px;
    color: #000;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    transition: background-color 0.3s ease;
}
.software-2 .softw-btn {
    background-color: #007bff00;
    border: 1px solid #27ca17;
    display: initial;
    padding: 0 5px;
    color: #000;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.software-2 .softw-btn{
    display: none;
}
@media (min-width: 998px){
.software-info .software-2 img{
    width: 100%;
    height: 80px;
    width: 100px;
    max-width: none;
    }
}
@media (max-width: 1200px){
.softw-btn {
    display: none;
    position: revert!important;
    /*top: 50%;*/
    bottom: -15px;
    /*width: 60%;*/
    background: #fff;
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    }
}
.softw-btn:hover {
    background: #fdffbc;
}
@media (max-width: 998px) {
.software-details img{
    width: 40px;
    height: 40px;
    margin: 0 3px 0 0;
}
.grid-item .grid-item-title{
    font-size: 0.85rem;
}
.grid-item-meta .post-price{
    padding: 0;
    background: none;
}
.archive-posts .grid-item-content{
    padding: 6px;
}
.sof-ware{
    /*margin: 0 0 5px 0px;*/
    text-align: center;
    }
}
/*音频风格*/

@media (max-width: 1200px){
.audio-item{
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    }
}

@media (max-width: 980px){
   .audio-item{
    flex: 0 0 50%;
    max-width: 50%;
    }
}
@media (max-width: 598px){
.audio-item{
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
.mobile-cols-2 .row > .music-right {
    flex: 0 0 70%!important;
    max-width: 70%!important;
}
.poster-item .poster-image{
    height: 150px;
}
.card-1 .ref-card{
    justify-content: center;
    }
}


/* 分类标签样式 */
.post-categories {
    display: flex;
    /*flex-wrap: wrap;*/
    overflow: hidden;
    white-space: nowrap;
}

.category-badge {
    font-size: 0.75rem;
    padding: 0px 6px;
    border-radius: 4px;
    text-decoration: none;
    position: relative;
    padding-left: 10px;
    color: #a1a1a8;
}

.category-badge:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.cat-1:before { background-color: #ff4757; }
.cat-2:before { background-color: #2ed573; }
.cat-3:before { background-color: #1e90ff; }

/* 标题样式 */
.grid-item-title{
    font-size: 0.95rem;
    line-height: 1.4;
    margin: 0 0 6px;
    font-weight: 600;
    /*color: #333;*/
    margin-bottom: 0.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card-title{
    font-size: 0.95rem;
    line-height: 1.4;
    margin: 0 0 6px;
    font-weight: 600;
    margin-bottom: 0.25rem;
    /*color: #333;*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
}
/* 摘要样式 */
.grid-item-excerpt,
.card-excerpt {
    /*font-size: 0.8rem;*/
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--max-txt-color);
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    min-height: 18px;
    overflow: hidden;
}

/* 元信息样式 */
.grid-item-meta, .card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    color: #999;
    margin-top: auto;
    /*gap: 10px;*/
}

/* 日期样式 */
.post-date {
    /* 可以根据需要添加特定样式 */
}

/* 浏览量样式 - 强制靠右 */

/* 当只有浏览量时的样式 */
.ms-auto:only-child {
    margin-left: auto;
    width: 100%;
    text-align: right;
}


/* 占位图 */
.placeholder-image {
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
}

.placeholder-image img {
    width: 40%;
    height: auto;
    opacity: 0.3;
}


/* 基础行样式 */
.archive-posts {
    margin: 0 -7.5px;
    display: flex;
    flex-wrap: wrap;
}

.archive-posts > [class*="col-"] {
    padding: 0 7.5px;
    margin-bottom: 16px;
    box-sizing: border-box;
}
/*分类文章模块样式结束*/





/*顶部菜单*/


.logo_saoyi {
    overflow: hidden;
    position: relative; /* 确保伪元素定位正确 */
}

.logo_sao:before {
    content: "";
    position: absolute;
    width: 220px;
    height: 6px;
    background-color: rgba(255,255,255,.5);
    transform: rotate(-45deg);
    animation: blink 1.5s ease-in infinite; /* 移除延迟 */
    left: -200px;
    top: 0;
}

/* 夜间模式 */
.dark-open .logo_sao:after {
    content: "";
    position: absolute;
    width: 150px;
    height: 10px;
    background-color: rgba(41,48,66,1);
    transform: rotate(-45deg);
    animation: blink 1.5s ease-in infinite; /* 移除延迟 */
    left: -200px;
    top: 0;
}

@keyframes blink {
    from {
        left: -200px;
        top: 0;
    }
    to {
        left: 200px;
        top: 0;
    }
}

/* 兼容性前缀可以保留，但现代浏览器已不需要 */
@-webkit-keyframes blink {
    from {left: -200px;top: 0;}
    to {left: 200px;top: 0;}
}

/*顶部菜单模块开始*/
        /* 主菜单容器 */
/*透明菜单*/
.bg-cd-menu .site-header{
    background-color: transparent!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    color: #fff!important;
}
.bg-cd-menu .to-nav-list a,.bg-cd-menu .user-name{
    color: #fff;
}
.bg-cd-menu .header-heg,.bg-cd-menu .header-heg-1{
    height: 0;
}
.bg-cd-menu .to-menu-sj{
    background-color: #fff0;
}


/*.navbar .to-sub-menu a{*/
/*    color: #4c4141;*/
/*}*/
.site-header {
    background-color: var(--max-2-bg);
    /*box-shadow: 0 0px 4px #e2e8f0;*/
    box-shadow: 0 0 28px rgb(0 0 0 / 7%);
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
}

.navbar {
    display: flex;
    /*align-items: center;*/
    flex: 1; /* 占据剩余空间 */
}

.logo-menu {
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}
.to-menu-sj {
    display: flex;
    /*align-items: center;*/
}

.actions {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 20px;
    margin-left: auto;
}

.burger {
    display: none; /* 默认隐藏 */
    margin-left: 10px; /* 与前面元素的间距 */
}
.header-heg,.header-heg-1{
    height: 65px;
}
.nav-hg{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 65px;
}

.to-menu-sj::-webkit-scrollbar,.user-menu::-webkit-scrollbar,.cols-0::-webkit-scrollbar{
    display: none;
}
  @media (max-width: 576px) {

.to-menu-sj::after {
    content: "";
    position: absolute;
    /* top: 0; */
    right: 0;
    width: 60px;
    height: 24px;
    background: linear-gradient(90deg, 
    rgba(255,255,255,0) 0%, 
    rgba(255,255,255,0.8) 100%);
    pointer-events: none;
    z-index: 1;
    position: fixed;
}
}
/* 固定在容器右侧的阴影 */


/*顶部菜单模块结束*/


.logo-menu {
    position: relative;
}.logo-img {
    min-width: 100px;
    max-height: 50px;
    width: auto;
}
.to-nav-list {
    display: flex;
    list-style: none;
    /*margin: 0;*/
    /*padding: 0;*/
    white-space: nowrap;
    /*transition: transform 0.3s ease;*/
    /*justify-content: center;*/
    /*position: absolute;*/
    
}

/* 一级菜单项 */
.to-nav-list > li {
    font-size: 14px;
    margin: 0 3px;
    position: relative;
}

/* 所有菜单链接 */
.to-nav-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    /*color: var(--max-color);*/
    text-decoration: none;
    /*transition: all 0.3s ease;*/
    position: relative;
    /*font-size: 0.9rem;*/
    z-index: 100;
}

/* 下拉箭头图标 */
.i-menu-arrow {
    margin-left: 5px;
    font-size: 12px;
    transition: transform 0.3s ease;
}

/* 子菜单样式 */
.to-sub-menu {
    position: absolute;
    pointer-events: none;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 150px;
    background: var(--max-2-bg);;
    box-shadow: 2px 5px 20px rgb(0 0 0 / 23%);
    list-style: none;
    padding: 10px 8px;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 99;
    text-align: center; /* 子菜单内容居中 */
}

/* 子菜单三角标 */
.to-nav-list > li > .to-sub-menu:before {
    content: "";
    position: absolute;
    top: -19px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: var(--max-1-bg);
}

/* 二级子菜单位置调整 */
.to-sub-menu.to-level-2 {
    left: 100%;
    top: 0;
    transform: none;
}

/* 三级子菜单位置调整 */
.to-sub-menu.to-level-3 {
    left: 100%;
    top: 0;
    transform: none;
}

/* 鼠标悬停显示子菜单 */
.to-nav-list > li:hover > .to-sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* 子菜单项悬停显示下一级 */
.to-sub-menu li:hover > .to-sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* 当前菜单项样式 */
.to-active > a{
    color: #0f83ff;
    /*font-weight: bold;*/
}

/* 鼠标悬停菜单项效果 */
/*.to-nav-list a:hover {*/
/*    color: #0073aa;*/
/*}*/

/* 有子菜单的项悬停时箭头旋转 */
.to-nav-list > li:hover > a > .i-menu-arrow {
    transform: rotate(180deg);
}



@media (max-width: 798px) {
    .to-nav-list > li > .to-sub-menu:before,.to-sub-menu,.directory-nav{
        display: none;
    }
    .to-nav-list{
        padding-right: 40px;
    }
    .to-nav-list a{
        padding: 0px 6px;
        font-size: 13px;
    }
    .header-heg{
         height: 80px;
    }
    .header-heg-1{
         height: 50px;
    }
    
    .burger {
        display: flex; /* 在小屏幕上显示 */
    }
    .to-menu-sj {
        /*display: none;*/
        display: grid;
        height: 30px;
        flex-direction: column; /* 垂直排列 */
        position: absolute;
        top: 100%; /* 位于头部下方 */
        left: 0;
        width: 100%;
        background-color: var(--max-2-bg);
        /*box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
        z-index: 99;
        align-items: center;
        overflow-x: auto;
        overflow-y: hidden;
        
    }
    .to-menu-sj.active {
        display: flex; /* 显示菜单 */
    }
    .bg-cd-menu .navbar{
        display: none;
    }
    .nav-hg{
        /*height: 55px;*/
        height: 50px;
    }
}
/*@media (min-width: 798px) and (max-width: 1200px){*/
/*   .actions {*/

/*    }*/
/*}*/
 /*顶部菜单结束*/
 
 /*菜单模板3*/
 .mod-2{
font-size: 22px;
/*padding-left: 15px;*/
}

 /*菜单模板3结束*/
 /*手机侧边栏菜单*/
 /* 隐藏默认的 PC 端菜单 */
/*@media (max-width: 768px) {*/
/*    .to-menu-sj {*/
/*        display: none;*/
/*    }*/
/*}*/

.side-mobile .logo-menu{
    display: block;
    text-align: center;
    margin-bottom: 1rem;
}
/* 移动端菜单图标 */
.mobile-icon {
    /*display: none;*/
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    right: 0;
    background: var(--max-2-bg);
    z-index: 100;
    /*width: 50px;*/
    /*text-align: center;*/
    padding-left: 15px;
    padding-right: 15px;
    /*margin: 5px;*/
}



/* 遮罩层 */
.s-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.s-overlay.active {
    opacity: 1;
}

.side-mobile {
    position: fixed;
    top: 0;
    right: -70%; /* 初始位置在屏幕外 */
    width: 70%;
    height: 100%;
    background: var(--max-2-bg);
    z-index: 1001;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
    padding: 20px;
    overflow-y: auto;
    transition: right 0.3s ease;
}

.mou2-left.side-mobile{
    left: -70%;
    transition: left 0.3s ease;
}
.side-mobile.active {
    right: 0; /* 激活时滑入屏幕 */
}
.mou2-left.active{
    left: 0;
}

/* 关闭按钮样式修改 */
.s-close {
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 28px;
    cursor: pointer;
    color: #8b8787;
    padding: 10px; /* 增加点击区域 */
    z-index: 1;
}

@media (max-width: 768px) {
    .side-mobile {
        display: none;
    }
}

/* 菜单样式 */
.side-mobile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/*.side-mobile-menu ul li {*/
/*    margin-bottom: 10px;*/
/*}*/

.side-mobile-menu ul li a {
    text-decoration: none;
    /*color: #000;*/
    display: block;
    background: var(--max-txt-border);
    padding: 10px 16px;
    margin-bottom: 8px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.side-mobile-menu .menu-arrow {
    position: absolute;
    background: rgba(0,0,0,0.03);
    border-radius: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    right: 10px;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 1;
}

.side-mobile-menu ul ul {
    text-align: center;
    max-height: 0; /* 初始高度为0 */
    overflow: hidden;
    transition: max-height 0.3s ease; /* 平滑过渡效果 */
}

/*.s-menu-item-92{*/
/*    background: #e5e5e5;*/
/*}*/
/*.s-menu-item-42{*/
/*    margin: 8px;*/
/*}*/

.side-mobile-menu > ul > li > a{
        display: block;
    background: #d5d6d312;
    padding: 10px 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
 
 /*个人中心浏览记录*/
.vie-time{
    font-size: 14px;
    color: #b8b2b2;
    text-align: center;
    background: #000;
}
.history-list .card-item{
    transform: translateY(0px);
}
.card-item:hover .vie-time{
    color: #000;
}
 /*浏览页面结束*/
 
 
 /*推广海报*/
.poster-item {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px;
    margin-bottom: 1rem;
    transition: all 0.3s;
}

.poster-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.poster-item.active {
    border-color: #2163e8;
}

.poster-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    margin-top: 5px;
    width: 100%;
    height: 220px;
    display: block;
}

.poster-result-image img {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
/*****************/
/*推广明细*/
.table-row .table-cell{
    padding: 12px 8px;
    text-align: center;
    font-size: 0.9rem;
}

.table-header .table-cell {
    padding: 12px 8px;
    text-align: center;
}
.commission-table-container {
    min-width: 600px;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
}

.table-header {
    background-color: #f8f9fa;
    font-weight: bold;
}

.table-row {
    border-top: 1px solid #eee;
}

.table-cell:not(:last-child) {
    border-right: 1px solid #eee;
}
/**********/
 /*个人中心菜单入口*/
 .user-sidebar {
    /*background: #ffffff;*/
    /*padding: 15px;*/
    /*height: 100%;*/
}

.user-info {
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.user-info .user-avatar {
    margin-bottom: 15px;
}

.user-info .user-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.user-info .user-name {
    display: block;
    font-weight: 600;
    margin-top: 10px;
}



.min-h{
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
/*信息模块简介*/
/* 头像上传部分样式 */
.to-avatar-upload {
    /*margin-right: 20px;*/
    position: relative;
}

.upload-hint {
    position: absolute;
    /*bottom: 4px;*/
    top: 45px;
    right: -3px;
    padding: 6px;
    border-radius: 50%;
    background: linear-gradient( -125deg,#17cf35e0 0%, #0fad5f 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
}
.upload-hint i{
    font-size: 12px;
}
.progress {
    width: 100%;
    height: 15px;
    background-color: #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 5px;
}

.progress-fill {
    height: 100%;
    background: linear-gradient( -125deg,#12a96c 0%, #37e14b 100%);
    /*transition: width 0.3s ease;*/
}

.to-avatar-progress {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.progress-text {
    font-size: 14px;
    color: #3498db;
}
.to-avatar-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.to-avatar-info-right {
    display: flex;
    flex-direction: column;
}

.to-avatar-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.to-avatar-info-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.to-avatar-input {
    display: none;
} 
.to-upload-icon {
    color: white;
    font-size: 24px;
}

.to-avatar-section {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 10px;
    border-radius: 15px;
}
.to-avatar-preview {
    position: relative;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    border: 4px solid #f0f0f0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.to-avatar-preview:hover {
    transform: scale(1.05);
}

.to-avatar-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.to-avatar-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s;
}
.to-avatar-overlay span{
    color: #fff;
    font-size: 12px;
}
.to-avatar-upload:hover .to-avatar-overlay{
    opacity: 1;
}
.to-avatar-upload:hover .upload-hint{
    opacity: 0;
    /*transition: all 0.2s;*/
}


.user-menu {
    list-style: none;
    display: flex;
    /*margin-right: -10px;*/
    flex-wrap: wrap; /* 允许换行 */
}

.user-menu-nav span{
    color: var(--max-color);
}
.user-menu-nav .active span{
    color: #338aff;
}

.show-po .user-menu-nav i{
    margin-bottom: 0px;
}
.show-po .user-menu-nav a{
    height: 30px;
    min-width: 92px;
}

.show-no .user-menu-nav li {
    flex: 0 0 calc(33.33% - 12px);
    min-width: 60px;
    border-radius: 5px;
    margin: 6px;
    /*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);*/
    text-align: center;
}

.show-all .user-menu-nav li {
    flex: 0 0 calc(50% - 12px);
    min-width: 60px;
    border-radius: 5px;
    margin: 6px;
    margin-bottom: 3px;
    /*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);*/
    text-align: center;
}

.user-menu a {
    display: flex;
    /*flex-direction: column;*/
    /*justify-content: center;*/
    align-items: center;
    height: 32px;
    /*height: 100%;*/
    text-decoration: none;
    color: var(--max-color);
    padding: 3px;
    justify-content: center;
    min-width: 90px;
}

.user-menu i {
    font-size: 0.9rem;
    width: 25px;
    text-align: center;
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*margin-bottom: 8px;*/
    border-radius: 50%;
    /*background: #fff0;*/
}

.user-menu .menu-title {
    font-size: 0.82rem;
    line-height: 1.2;
    text-align: center;
    word-break: break-word; /* 防止长文本溢出 */
}

.user-1{
    background: url(../img/01.png) center no-repeat;
}

.user-2{
    background: url(../img/02.png) center no-repeat;
}

.user-3{
    background: url(../img/03.png) center no-repeat;
}

.user-4{
    background: url(../img/04.png) center no-repeat;
}

.user-5{
    background: url(../img/05.png) center no-repeat;
}

.user-6{
    background: url(../img/06.png) center no-repeat;
}

/*.t-6{*/
/*    background: url(https://v2.w6e.cn/wp-content/uploads/2025/12/ce1d9b6fab97731c.png) center no-repeat*/
/*}*/

/* 为每个菜单项添加不同的浅色背景 */
/* 蓝色系 */
.ic-1 {
    background-color: #e0f2fe;  /* 浅天蓝 */
    color: #0369a1;             /* 深天蓝 */
}

/* 绿色系 */
.ic-2 {
    background-color: #dcfce7;  /* 浅薄荷绿 */
    color: #15803d;             /* 深森林绿 */
}

/* 红色系 */
.ic-3 {
    background-color: #fee2e2;  /* 浅粉红 */
    color: #ef1111;             /* 深红 */
}

/* 紫色系 */
.ic-4 {
    background-color: #f3e8ff;  /* 浅薰衣草 */
    color: #7e22ce;             /* 深紫 */
}

/* 青色系 */
.ic-5 {
    background-color: #ccfbf1;  /* 浅青 */
    color: #0d9488;             /* 深青绿 */
}

/* 橙色系 */
.ic-6 {
    background-color: #ffedd5;  /* 浅杏黄 */
    color: #c2410c;             /* 深橙棕 */
}

/* 黄色系 */
.ic-7 {
    background-color: #fef9c3;  /* 浅奶油黄 */
    color: #a16207;             /* 深芥末黄 */
}

/* 粉色系 */
.ic-8 {
    background-color: #fce7f3;  /* 浅粉 */
    color: #be185d;             /* 深玫红 */
}

/* 青色系2 */
.ic-9 {
    background-color: #e0f7fa;  /* 浅冰蓝 */
    color: #00acc1;             /* 深青蓝 */
}

/* 棕色系 */
.ic-10 {
    background-color: #efebe9;  /* 浅米灰 */
    color: #6d4c41;             /* 深咖啡 */
}
/*透明*/
.ic-11{
    background-color: #ffffff;
    color: #3b26ce;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}
/*浅金色*/
.ic-12{
    background-color: #fff4e4;
    color: #3b26ce;
}
 
/*深色背景*/
/* 深色背景配色体系 */

/* 蓝色系深色 */
.iv-1 {
    background-color: #0c4a6e;  /* 深海军蓝 */
    color: #e0f2fe;             /* 浅天蓝 */
}

/* 绿色系深色 */
.iv-2 {
    background-color: #14532d;  /* 深森林绿 */
    color: #dcfce7;             /* 浅薄荷绿 */
}

/* 红色系深色 */
.iv-3 {
    background-color: #7f1d1d;  /* 深酒红 */
    color: #fee2e2;             /* 浅粉红 */
}

/* 紫色系深色 */
.iv-4 {
    background-color: #581c87;  /* 深紫罗兰 */
    color: #f3e8ff;             /* 浅薰衣草 */
}

/* 青色系深色 */
.iv-5 {
    background-color: #134e4a;  /* 深墨绿 */
    color: #ccfbf1;             /* 浅青 */
}

/* 橙色系深色 */
.iv-6 {
    background-color: #7c2d12;  /* 深赭石 */
    color: #ffedd5;             /* 浅杏黄 */
}

/* 黄色系深色 */
.iv-7 {
    background-color: #713f12;  /* 深琥珀 */
    color: #fef9c3;             /* 浅奶油黄 */
}

/* 粉色系深色 */
.iv-8 {
    background-color: #831843;  /* 深莓红 */
    color: #fce7f3;             /* 浅粉 */
}

/* 青色系2深色 */
.iv-9 {
    background-color: #006064;  /* 深海蓝绿 */
    color: #e0f7fa;             /* 浅冰蓝 */
}

/* 棕色系深色 */
.iv-10 {
    background-color: #3e2723;  /* 深巧克力 */
    color: #efebe9;             /* 浅米灰 */
}

.user-menu-nav .active{
    /*box-shadow: 0 1px 2px rgb(11 184 104);*/
    box-shadow: var(--box-shadow);
    /*background: #0cd9dd0d;*/
}
/*.user-menu-nav li a{*/
/*    transition: all 0.3s ease;*/
/*}*/
.user-menu-nav li:hover a span,.down-1 .show-all li:hover span{
    color: #338aff;
    /*transition: all 0.3s ease;*/
    /*transform: translateY(-3px);*/
    /*box-shadow: var(--box-shadow);*/
    /*box-shadow: 0 1px 2px rgb(11 184 104);*/
    /*background: #0cd9dd0d;*/
}

 /* 主容器设置 */
.up-1 {
    position: relative;
    /*min-height: 100vh;*/
}

/* 左侧边栏固定 */
.user-sidebar {
    position: sticky;
    /*top: 65px;*/
}

/* 右侧内容区域 - 关键修改 */
.w-n75.cols-0 {
    overflow-y: visible; /* 改为可见 */
    height: auto; /* 高度自动 */
}
/* 手机端样式 */


/*手机端侧边栏展开模块*/
.font-medium h4{
font-weight: 500;
}
.font-medium p{
font-size: 0.85rem;
color: #726e6e;
}
.font-btn{
background: linear-gradient(90deg, #25be03, #39da1b);
color: #ffffff;
text-align: center;
border-radius: 30px;
padding: 2px 10px;
font-size: 0.75em;
}
.fon-bo{
border-bottom: 1px solid #e5e7eb;
padding-bottom: 5px;
}
 /*菜单入口结束*/
 
 
 
/*第三方登录绑定模块*/
.up-notice-des {
    width: 35px;
    text-align: center;
    display: inline-block;
}

.up-notice-tg {
    color: #4CAF50;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.up-notice-tg:hover {
    color: #3d8b40;
}



.up-notice-des:hover .up-notice {
    opacity: 1;
    visibility: visible;
    text-align: left;
}

.up-notice {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    margin-top: 10px;
    width: 380px;
    padding: 20px;
    background: rgb(245 255 250);
    border-radius: 12px;
    box-shadow: 0 4px 10px rgb(199 199 199 / 70%);
    /* backdrop-filter: blur(5px); */
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    text-align: left;
}




.up-wx-bind {
    position: relative;
    display: inline-block;
}

.up-wx-bind .up-text {
    visibility: hidden;
    width: 180px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    font-size: 14px;
    margin-left: -35px;
}

.up-wx-bind .up-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.up-wx-bind:hover .up-text {
    visibility: visible;
    opacity: 1;
}

/*.up-h3 {*/
/*    font-size: 1.25rem;*/
/*    color: #333;*/
/*    margin-bottom: 8px;*/
    /*padding-bottom: 10px;*/
    /*border-bottom: 1px solid #eee;*/
/*}*/

.up-des {
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 20px;
    position: relative; /* 关键：使子元素的定位基于 .up-des */
}

.up-list {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.up-item {
    width: 100%;
    display: flex;
    padding: 15px;
    border-radius: 12px;
    /*background: rgba(245, 255, 250, 0.7);*/
    /*backdrop-filter: blur(10px);*/
    border: 1px solid rgba(255, 255, 255, 0.3);
    /*box-shadow: 0 4px 6px rgb(164 244 198 / 70%);*/
    transition: all 0.3s ease;
    position: relative;
    /*overflow: hidden;*/
    border: 1px solid #b9b9b94a;
    align-items: center;
}

.up-item:hover {
    transform: translateY(-5px);
    /*box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);*/
}

.up-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    margin-right: 15px;
    font-size: 28px;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.up-item:hover .up-icon {
    transform: scale(1.1);
}

.up-item.up-weixin .up-icon {
    background: linear-gradient(135deg, #09BB07, #2BD964);
}

.up-item.qq-binding .up-icon {
    background: linear-gradient(135deg, #12B7F5, #3DCEF9);
}

.up-content {
    flex: 1;
    display: flex;
}
.up-header{
    width: 100%;
}
/*.up-header {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    margin-bottom: 10px;*/
/*}*/

.up-header h4 {
    margin: 0;
    font-size: 1.2rem;
    /*color: #333;*/
    font-weight: 600;
}

.up-status {
    font-size: 0.85rem;
    padding: 3px 10px;
    border-radius: 12px;
    background: #f5f5f5;
}

.up-item.bound .up-status {
    color: #2E7D32;
    background: #e8f5e9;
}

.up-item.unbound .up-status {
    color: #EF6C00;
    background: #fff3e0;
}

.up-body {
    width: 100%;
}


.up-action {
    margin-top: 10px;
    text-align: right;
}

.up-notice p {
    margin-top: 0;
    font-weight: 600;
    color: #2E7D32;
    display: flex;
    align-items: center;
}

.up-notice p i {
    margin-right: 10px;
    font-size: 1.2rem;
}

.up-notice ul li {
    margin-bottom: 8px;
    position: relative;
    list-style-type: none;
}

.cd-moud{
    background: var(--max-2-bg);
    box-shadow: var(--box-shadow);
    border-radius: 8px;
    padding: 8px;
}


@media (min-width: 998px) {
    .r-x {
        padding-left: 15px;
    }

    .show-po .user-menu-nav li{
        width: 100%;
        flex: 1 0 100%;
        justify-content: center;
        display: flex;
        padding-bottom: 5px;
    }
    
    .show-po .w-n25 {
        width: 18%;
    }
    .show-po .w-n75 {
        width: 82%;
    }
}
/* 响应式调整 */
@media (max-width: 1200px) {
    .up-item {
        flex: 1 1 calc(50% - 20px);
    }
    /*.to-menu-sj {*/
    /*    overflow-x: clip;*/
    /*}*/

}

    
/* 移动端适配 */
@media (max-width: 998px) {
    .scroll-no .user-menu{
        flex-wrap: nowrap;
    }
    .scroll-no .user-menu-nav li{
        flex: 0 0 calc(23% - 10px);
        min-width: unset;
        height: auto;
    }
    
    
   .show-po li {
        flex: 0 0 calc(33.33% - 12px);
        min-width: 60px;
        border-radius: 5px;
        margin: 6px;
        /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); */
        text-align: center;
    }
    /*.show-no li {*/
    /*    flex: 0 0 calc(25% - 10px);*/
    /*    min-width: unset;*/
    /*    height: auto;*/
    /*}*/
    
    /*.user-menu i{*/
    /*    margin-bottom: 5px;*/
    /*    width: 35px;*/
    /*    height: 35px;*/
    /*    line-height: 35px;*/
    /*}*/
    
    .user-menu {
        /*overflow-x: visible;*/
        /*white-space: normal;*/
        overflow-x: auto;  /* 允许横向滚动 */
        -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
        white-space: nowrap; /* 防止文字换行 */
        max-height: none;
        position: relative;
    }
    
    .user-menu li a {
        white-space: normal; /* 允许文字换行 */
        padding: 4px; /* 增加内边距 */
    }
    
    .user-menu .menu-arrow {
        display: none;
    }
    
    
    .user-sidebar {
        position: static;
        height: auto;
    }
    
    
    .up-1 .user-block {
        display: block;
        /*margin: -15px;*/
    }
    .to-avatar-section {
        flex-direction: column;
        align-items: center;
    }

    .to-avatar-upload {
        margin-bottom: 20px;
        margin-right: 0;
    }
    
    /*.upload-hint {*/
    /*    top: -5px;*/
    /*    right: -5px;*/
    /*}*/
    
    .to-avatar-info {
        flex-direction: column;
        align-items: center;
    }

    .to-avatar-info-left, .to-avatar-info-right {
        width: 100%;
        text-align: center;
    }
    
    .to-avatar-progress {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .up-item {
        flex: 1 1 100%;
    }
    
    .up-icon {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
    .up-notice ul{
        font-size: 13px;
    }
    .up-notice {
        width: 280px; /* 在小屏幕上缩小宽度 */
        left: 0;
        transform: none;
        right: 0;
        margin: 10px auto; /* 在小屏幕上居中 */
    }
} 
/*绑定样式结束*/


/* ====== 个人中心基础设置 ====== */
.to-profile-form {
  margin-bottom: 40px;
}
.to-form-group {        /* 保留兼容旧样式，可删 */
  margin-bottom: 25px;
}
.to-form-label {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  color: #707070;
  font-size: 16px;
}
.to-form-input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--max-bg);
  border-radius: 8px;
  font-size: 0.85rem;
  background: var(--max-3-bg);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
  color: var(--max-color);
  overflow: hidden;
  
}
.to-form-input:focus {
  border-color: var(--btn-gray);
  background: var(--max-2-bg);
  outline: none;
}
.to-form-actions {
  margin-top: 30px;
  text-align: right;
}

/* 桌面端：2 列（已存在 .col-1-2） */
/*@media (min-width: 998px) {*/
/*  .to-form-row {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(2, 1fr);*/
/*    gap: 20px;*/
/*    margin-bottom: -25px;*/
/*  }*/
/*}*/





/* 文章内页专用样式 */
.article-header {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

/*.meta-info {*/
/*    font-size: 0.85rem;*/
/*    color: #666;*/
/*}*/

/*.meta-info .category {*/
    /*background: #f0f7ff;*/
/*    padding: 0.3rem 0.8rem;*/
/*    border-radius: 20px;*/
/*    margin-right: 1rem;*/
/*}*/
.spx-left img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.spx-right > *:last-child {
    margin-right: 0;
}
.meta-info .category a {
    color: #1e73be;
    text-decoration: none;
}

/*.meta-info .date {*/
/*    color: #888;*/
/*}*/

/*.edit-btn {*/
/*    position: absolute;*/
/*    right: 8px;*/
/*    top: 4px;*/
/*    border-radius: 4px;*/
/*    font-size: 0.85rem;*/
/*}*/

.edit-btn:hover {
    color: #2563eb;
}

.edit-btn .dashicons {
    margin-right: 5px;
    font-size: 16px;
    height: auto;
    width: auto;
}

.entry-content {
    /*font-size: 1.1rem;*/
    line-height: 1.8;
    font-size: 16px;
    word-wrap: break-word;
}

.entry-content p {
    /*margin-bottom: 1.5rem;*/
    margin-bottom: 0.75rem;
}

.entry-content img {
    max-width: 100%;
    height: auto;
    /*margin: 1.5rem 0;*/
    border-radius: 8px;
}

/* 文章导航样式 */
.entry-navigation .nav-prev,
.entry-navigation .nav-next {
    border-radius: 8px;
    height: 100%;
}

.entry-navigation a {
    text-decoration: none;
    color: #1e73be;
    font-weight: 500;
    display: block;
}
/* 相关文章样式 */

.related-thumbnail {
    height: 160px;
    position: relative;
}

.related-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.3s ease;
}



.related-item h2 {
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.4;
}


/* 侧边栏样式 */
.sidebar-widgets {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* 响应式设计 */
@media (max-width: 998px) {
    .related-item {
        margin-bottom: 1.5rem;
    }
    .post-max .pl-3{
        padding-left: 0;
    }
    .article-header .post-title{
        font-size: 1.2rem;
    }
}

@media (max-width: 768px) {
    .entry-navigation .nav-prev,
    .entry-navigation .nav-next {
        margin-bottom: 1rem;
    }
    
    .entry-navigation .row > div {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 !important;
    }
}






.theme-switcher:hover {
  background: var(--color-secondary);
}

.the-ico{
    padding-right: 8px;
    padding-left: 8px;
    display: flex;
    cursor: pointer;
}
.theme-icon {
  /*display: inline-block;*/
  /*font-size: 1.2rem;*/
  /*width: 24px;*/
  /*height: 24px;*/
  /*text-align: center;*/
  line-height: 24px;
}


/*.the-ico span{*/
  /*padding-right: 5px;*/
/*  cursor: pointer;*/
/*}*/


.dark-icon {
  display: none;
}
[data-theme="dark"] .light-icon {
  display: none;
}

[data-theme="dark"] .dark-icon {
  display: inline-block;
}

/* 微交互动画 */


/*加载效果*/
.social-login-btn.weixin-btn.loading i {
    display: none;
}
.loading::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    margin-bottom: -2px;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
/*加载效果结束*/


/*手机端顶部标签*/
 /* 基础样式 */
  
  /*.tab-yd {*/
  /*  display: none;*/
  /*}*/

  /* 手机端显示 */
  @media (max-width: 598px) {
  .tab-yd {
    display: flex;
    justify-content: center; /* 让所有标签项整体居中 */
    font-size: 14px;
    overflow-x: auto; /* 允许横向滚动 */
    white-space: nowrap; /* 防止文字换行 */
  }
  
  .tab-item {
    position: relative;
    /*color: #333;*/
    /*padding-bottom: 4px;*/
    text-decoration: none;
    display: inline-block;
    text-align: center; /* 文字居中 */
    margin-right: 8px;
  }
  
  .tab-item.active {
    color: red;
  }
  
  .tab-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%; /* 从50%位置开始 */
    width: 60%; /* 适当宽度 */
    height: 2px;
    background-color: red;
    transform: translateX(-50%); /* 向左回移自身宽度的一半 */
    border-radius: 1px; /* 可选：圆角效果 */
  }
}


/*会员角标颜色*/
.vip-type-nov {background-color: #999; /*灰色*/}
.vip-type-month ,.vip-type-quarter,.vip-type-year{background: linear-gradient(135deg, #1342e9 0%, #2b6aff 50%, #277cff 100%);}/*蓝色*/
.vip-type-vip{background: linear-gradient( -125deg,#17cf35e0 0%, #0fad5f 100%);}/*绿色*/
.vip-type-forever{background: linear-gradient( -125deg,#ce0e0ee0 0%, #f26014 100%);}/*橙黄*/
.vip-type-super{background: linear-gradient( -125deg,#9d49ffe0 0%, #e714f2 100%);}/*紫色*/




/*公共轮播css*/
/* ========= 轮播容器 ========= */
.search-bg-swiper{
    /*position:absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*z-index:1;*/
    width:100%;
    height:100%;
    overflow:hidden;
    position: relative;
}

/* ========= 幻灯片 ========= */
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    will-change: transform; /* 提升动画性能 */
    backface-visibility: hidden;
}
.swiper-slide{
    flex-shrink:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
      /* 防止图片加载时的布局抖动 */
    min-height: 0;
    overflow: hidden;
}
/* ========= 多列 ========= */

@media (max-width: 998px) { .os-3{ --cols: 3!important; } }
@media (max-width: 798px) { .os-2{ --cols: 3!important; } }
/* ========= 箭头 ========= */
.swiper-button-prev,
.swiper-button-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    background:rgba(0,0,0,.4);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:10;
    font-size:16px;
}
.swiper-button-prev{left:10px}
.swiper-button-next{right:10px}

/* ========= 圆点 ========= */
.swiper-pagination{
    position:absolute;
    bottom:15px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:6px;
    z-index:10;
}
.dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(255,255,255,.5);
    cursor:pointer;
}
.dot.active{background:var(--swiper-theme-color,#007aff)}
/***************************************************************/
/* ===== Max Box 切换组件 ===== */
.max-box-swp {
    position: relative;
}

.max-box-hdr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.max-box-tit {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.max-box-dsc {
    font-size: 14px;
    color: #666;
    margin: 0;
}

.max-box-nav {
    display: flex;
    /*gap: 8px;*/
}

.max-box-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #666;
    margin-right: 5px;
}

.max-box-btn:hover:not(:disabled) {
    border-color: #007cba;
    color: #007cba;
    background: #f0f7ff;
}

.max-box-btn:disabled {
    opacity: 0.8;
    cursor: not-allowed;
    background: #f5f5f5;
}

.max-box-ctn {
    position: relative;
    overflow: hidden;
}

/* 默认隐藏所有组 */
.max-box-grp-box {
    /*width: 100%;*/
    display: none; /* 默认隐藏 */
    flex-wrap: wrap;
    opacity: 1;
    /*transition: opacity 0.3s ease;*/
}

/* 第一组通过内联样式显示，JS可以控制显示隐藏 */
.max-box-grp-box{
    display: flex;
}

/* 切换动画 */
.max-box-grp-box.slide-in {
    animation: maxBoxSlideIn 0.3s ease forwards;
}

@keyframes maxBoxSlideIn {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 响应式调整 */
@media (max-width: 576px) {
    .max-box-btn {
        width: 32px;
        height: 32px;
    }
}
/***********************/
/*开关样式*/
/* 开关样式 - 独立组件 */
.max-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}

.max-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.max-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 34px;
}

.max-switch-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

.max-switch input:checked + .max-switch-slider {
  background-color: #2196F3;
}

.max-switch input:checked + .max-switch-slider:before {
  transform: translateX(24px);
}

/***************************************************************/
.liquid-btn {
    /*background: linear-gradient(90deg, #25be03, #39da1b);*/
    background: linear-gradient(90deg, #8208cd, #3b36d2);
    color: white;
    overflow: hidden;
    z-index: 1;
    padding: 3px 14px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    /*min-width: 100px;*/
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.liquid-btn:hover {
    transform: translateY(-3px);
}


/*首页底部模块*/
/* 确保页脚始终在底部 */
.site-footer ul {
    list-style: none;
    padding-left: 0;
}
.site-footer {
    flex-shrink: 0;
}

/* 页脚基础样式 */
.site-footer {
    background-color: #fff;
    color: #000;
    width: 100%;
    margin-top: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.site-footer a {
    /*color: #fff;*/
    text-decoration: none;
    /*transition: color 0.3s;*/
}
.site-footer .bg-success{
    color: #fff;
}
/*.site-footer a:hover {*/
/*    color: #165dff;*/
/*}*/

.site-footer h5 {
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.site-footer .text-muted, .text-muted a{
    color: #4b5563;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* 优化后的二维码样式 */
.qr-container {
    position: relative;
}

.qr-item {
    position: relative;
    margin-right: 8px;
    /* 创建复合层减少重排 */
    transform: translateZ(0);
}

.qr-ico{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 18px;
    text-decoration: none;
}

.qr-code {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    padding: 5px;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.2s ease;
    will-change: opacity, transform;
    pointer-events: none;
    z-index: 1000;
}

.qr-code img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: white; /* 防止图片加载闪烁 */
}

.qr-item:hover .qr-code {
    opacity: 1;
    transform: translateX(-50%) translateY(-5px);
}


.bot-op:hover {
    opacity: 0.8;
}
/* 响应式调整 */
@media (max-width: 1300px) {
    .footer-main .w-n20:nth-child(4) {
        display: none;
    }
    .footer-main .w-n20 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 998px) {
    .footer-main .w-n20 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 768px) {
    .footer-main .w-n20:nth-child(4), 
    .footer-main .w-n20:nth-child(5) {
        display: none;
    }
    .footer-main .w-n20 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media (max-width: 576px) {
    .footer-main {
        display: none !important;
    }
    .site-footer {
        padding: 1rem 0 !important;
        min-height: 50px;
    }
    .border-top{
        margin-bottom: 50px;
    }
}

/*数字分页*/
.pagination-number{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.pagination-number .page-numbers.current{
    border: 1px solid #f3f3f3;
    background: #0683ff;
    color: #fff;
}

.feny{
    background: #e0f1f5;
    color: var(--max-txt-color);
    border: 1px solid #f3f3f3;
    padding: 5px 3px 5px 15px;
    width: 55px;
}
.feny:focus {
    border-color: #92b3f6 !important;
    background: #f8f8f8 !important;
    outline: none;
}

.pag-wrapper {
    text-align: center;
    margin-bottom: 1rem;
    padding: 20px 0;
}

/* 数字分页样式 */
.pagination-number .page-numbers {
    display: inline-block;
    padding: 4px 12px;
    margin: 0 3px;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
    border: 1px solid #f3f3f3;
    background: #fff;
}

.pagination-number .page-numbers:hover {
    border: 1px solid #b8bbc0;
}


/*.pagination-number .page-numbers.dots {*/
/*    border: none;*/
/*    background: none;*/
/*    width: 0;*/
/*    padding: 0;*/
/*    padding-right: 10px;*/
/*    margin-top: 10px;*/
/*}*/
/* 加载更多按钮样式 */
.pagination-loadmore .loadmore-btn,
.pagination-infinite .loadmore-btn {
    padding: 12px 40px;
    font-size: 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pagination-loadmore .loadmore-btn:hover,
.pagination-infinite .loadmore-btn:hover {
    background-color: #005a87;
    transform: translateY(-2px);
}

.pagination-loadmore .loadmore-btn:disabled,
.pagination-infinite .loadmore-btn:disabled {
    /*background-color: #ccc;*/
    cursor: not-allowed;
    transform: none;
}

.pagination-loadmore .loadmore-btn:disabled:hover,
.pagination-infinite .loadmore-btn:disabled:hover {
    /*background-color: #ccc;*/
    transform: none;
}

/* 按钮内部图标和文字 */
.loadmore-icon {
    margin-right: 5px;
}

.loadmore-text {
    font-weight: 500;
}

/* 滚动触发点 */
.infinite-scroll-trigger {
    height: 1px;
    width: 100%;
    visibility: hidden;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .pagination-number .page-numbers {
        padding: 6px 10px;
        margin: 0 2px;
        font-size: 0.75rem;
    }
    .feny{
        padding: 6px 3px 4px 6px;
        width: 40px;
    }
    
    .pagination-loadmore .loadmore-btn,
    .pagination-infinite .loadmore-btn {
        padding: 10px 30px;
        font-size: 14px;
    }
    
    .pag-wrapper {
        padding: 15px 0;
    }
}
 
  /* 分页容器样式 - 居中显示 */
/*.pag-wrapper {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    margin: 40px 0;*/
/*    width: 100%;*/
/*}*/


/* 通用页码和导航按钮样式 */
/*.page-numbers,.prev,.next {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    height: 33px;*/
/*    padding: 0 12px;*/
/*    border-radius: 6px;*/
/*    text-decoration: none;*/
/*    font-weight: 500;*/
/*    font-size: 15px;*/
/*    color: #4a5568;*/
/*    background-color: #f7fafc;*/
/*    transition: all 0.3s ease;*/
/*    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);*/
/*    border-radius: 4px;*/
/*    background: #fff;*/
/*    margin: 2px;*/
/*}*/

/* 当前页样式 */
/*.page-numbers.current {*/
/*    border-radius: 4px;*/
/*    border: 1px solid #f3f3f3;*/
/*    background: #0b80f4;*/
/*    margin: 0 5px;*/
/*    color: #fff;*/
/*}*/

/* 悬停效果 */
/*.page-numbers:not(.current):hover,*/
/*.prev:hover,*/
/*.next:hover {*/
/*    opacity: 0.6;*/
/*}*/
/*.pag-wrapper .screen-reader-text{*/
/*    display: none;*/
/*}*/
/* 禁用状态（第一页和最后一页） */
/*.pag-wrapper .current{*/
/*    cursor: not-allowed;*/
/*}*/

/* 小屏幕适配 */
/*@media (max-width: 640px) {*/
/*    .page-numbers,.prev,.next {*/
/*        min-width: 36px;*/
/*        height: 36px;*/
/*        padding: 0 8px;*/
/*        font-size: 14px;*/
/*    }*/
/*}*/


/*灯箱*/
 /* 灯箱css（已按滑动动画需求调整） */
.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    overflow: hidden;
}

.lightbox-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
}

#lightbox-image {
    max-width: 90%;
    max-height: 90%;
    transition: transform 0.3s ease;
    object-fit: contain;
}

/*.lightbox .close {*/
/*    font-size: 40px;*/
/*}*/

.lightbox-thumbnails {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
    z-index: 10000;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease, height 0.3s ease;
    overflow: hidden;
}

.lightbox-thumbnails img {
    width: 126px;
    height: 111px;
    margin: 0 5px;
    cursor: pointer;
    opacity: 0.7;
    border: 2px solid #FFF;
    object-fit: cover;
    flex-shrink: 0;
}

.lightbox-thumbnails img.active {
    opacity: 1;
    border-color: #4a90e2;
}

.lightbox-controls {
    position: fixed;
    top: 35%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 10000;
}

.lightbox-controls span {
    font-size: 24px;
    cursor: pointer;
    pointer-events: auto;
    padding: 15px;
    margin: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    color: white;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 顶部按钮栏 */
.lightbox-topbar {
    position: fixed;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 10001;
}

.lightbox-btn {
    font-size: 1rem;
    color: white;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lightbox-controls .prev {
    left: 20px;
}

.lightbox-controls .next {
    right: 20px;
}

/* 滑动动画容器 */
.slide-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    display: flex;
    transition: transform 0.4s ease;
    will-change: transform;
}

.slide-item {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-item img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

/*登录弹窗*/
.login-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 120;
    display: none;
}


.login-modal .form-group{
    margin-bottom: 0.7rem;
}


.login-modal-left {
    width: 300px;
    background-color: #f5f5f5;
    overflow: hidden;
}

.login-modal-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.login-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #666;
    z-index: 3;
    padding: 5px;
    line-height: 0;
    transition: all 0.2s ease;
}
/* 响应式调整 */
@media (max-width: 768px) {
    .login-modal-container {
        flex-direction: column;
        height: auto;
    }
    
    .login-modal-left {
        width: 100%;
        height: 150px;
    }

    .form-control{
        padding: 5px;
    }

}

/*分类页顶部标题模块*/
.archive-title {
    font-size: 1.25rem;
    font-weight: 900;
    margin: 0 auto;
    position: relative;
    text-align: center;
    color: #fff;
}
.archive-hero {
    position: relative;
    z-index: 1;
}
.archive-hero-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 120%;
    overflow: hidden;
    z-index: -1;
}

.archive-hero-bg::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.65);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

    /* 分类标题模块样式 */
.category-header-module {
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}

.category-header-container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.category-description {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #fff;
    max-width: 800px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .category-title {
        font-size: 2rem;
    }
    .category-description {
        font-size: 1rem;
    }
}

/*搜索弹窗*/
/* 弹窗容器 */
.search-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
}

.search-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 遮罩 */
/*.search-overlay {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: rgba(0, 0, 0, 0.7);*/
/*    cursor: pointer;*/
/*}*/

/* 弹窗内容 */
.search-box {
    position: relative;
    /*background: #fff;*/
    padding: 10px;
    border-radius: 12px;
    width: 550px;
    height: 300px;
    /*box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);*/
    display: flex;
    flex-direction: column;
    z-index: 1;
}


.search-header {
    margin-bottom: 25px;
    text-align: center;
}

.search-header h2 {
    color: var(--max-color);
    font-weight: 600;
    font-size: 24px;
}

/* 新的搜索表单布局 */
.search-form-inline {
    display: flex;
    /*height: 50px;*/
    margin-bottom: 15px;
}

.search-input-group {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.search-input-group:focus-within {
    border-color: #a6a6a6;
}

.search-category-wrapper {
    position: relative;
    border-right: 1px solid #e0e0e0;
}

.search-cat-select {
    border: none;
    padding: 10px 16px;
    background: transparent;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    min-width: 120px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* 下拉箭头 */
.search-category-wrapper::after {
    content: "▼";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: #666;
    pointer-events: none;
}

.focus-input {
    flex: 1;
    border: none;
    padding: 10px 10px;
    font-size: 16px;
    outline: none;
    background: transparent;
}

.search-submit {
    padding: 0 20px;
    border: none;
    background: linear-gradient( -125deg,#0fe332 0%, #0fad5f 100%);
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    margin-left: -10px;
    z-index: 1;
}

.search-submit:hover {
    background: #17cf35e0;
}

.hot-searches {
    margin-top: auto;
}

.hot-searches h3 {
    font-size: 16px;
    color: #7f8c8d;
    margin-bottom: 12px;
    font-weight: 500;
}

.hot-tags {
    display: flex;
    flex-wrap: wrap;
}

.hot-tags a {
    background: #eeffec;
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 14px;
    color: #159718e0;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0 0 10px 10px;
}

.hot-tags a:hover {
    background: #17cf35e0;
    color: white;
    transform: translateY(-2px);
}

@media (max-width: 598px) {
    .search-box {
        width: auto;
        height: auto;
        /*min-height: 300px;*/
        padding: 0;
    }
    .hot-tags a{
        font-size: 0.75rem;
    }
    .search-input-group {
        width: 100%;
    }
    
    .search-cat-select {
        min-width: 90px;
        font-size: 12px;
        padding: 6px 10px;
    }
    
    .search-box input {
        padding: 8px 12px;
        font-size: 13px;
    }
    /*.search-form-inline {*/
    /*    height: 40px;*/
    /*}*/
}

/*搜索轮播模块*/
/* ========= 模块整体 ========= */
.search-bg{
    position:relative;
    width:100%;
    height:460px;              /* 固定高度，图片未加载也不会抖 */
    overflow:hidden;
    background:#f5f5f5;        /* 可换成默认底图颜色 */
}

/* ========= 内容遮罩 ========= */
.search-content-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    /*z-index:10;*/
}

.search-exp{
    display:flex;
    justify-content:space-between;
    width:100%;
}

/* ========= 搜索区 ========= */
.search-container{
    flex:0 0 55%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.search-container .search-input-group{
    background: rgba(255,255,255,.95);
}
.search-icon{
    /*position:absolute;*/
    padding-right: 0;
    padding-left: 15px;
    color:#999;
    font-size:18px;
}
.search-input{
    width:100%;
    height:50px;
    padding:0 15px 0 45px;
    font-size:16px;
    outline:none;
    transition:all .3s ease;
}

.search-button{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    border:none;
    font-size:16px;
    cursor:pointer;
}
.recent-searches{
    color:#666;
    font-size:14px;
}

/* ========= 探索菜单 ========= */
.explore-panel{
    flex:0 0 22%;
    padding:30px;
    display:flex;
    flex-direction:column;
    background:rgba(0,0,0,.3);
    border-radius:8px;
    backdrop-filter:blur(5px);
}
.explore-header{
    display:flex;
    align-items:center;
    margin-bottom:25px;
}
.explore-icon{
    color:#25da54;
    margin-right:10px;
    font-size:14px;
}
.explore-title{
    font-size:20px;
    font-weight:bold;
    color:#fff;
}
.explore-menu{
    display:flex;
    flex-direction:column;
}
.explore-item{
    display:flex;
    align-items:center;
    padding:12px 15px;
    margin-bottom:18px;
    border-radius:8px;
    background:rgba(255,255,255,.1);
    transition:all .3s ease;
    text-decoration:none;
    color:#fff;
}
.explore-item:hover{background:rgba(255,255,255,.2)}
.explore-item.active{background:rgba(74,144,226,.3)}
.menu-icon{margin-right:10px;font-size:16px}


/* ========= 移动端补丁（≤768px） ========= */
@media (max-width: 798px) {
  /* 1. 搜索框自适应 */
  .search-container {
    flex: 1 1 100% !important;   /* 去掉 800px 固定值 */
    max-width: 100%;
    padding: 0 15px;             /* 留点边距 */
  }
  .search-bg{
    height:260px;
  }
  .explore-item:nth-child(+n+4) {
    display: none; 
  }

  /* 2. 把右侧 explore 面板搬到模块底部，横排 3 个 */
  /*.search-exp {*/
  /*  flex-direction: column;*/
  /*  height: 100%;*/
  /*}*/
  .explore-panel {
    position: absolute;
    left: 0;
    bottom: 0px;                /* 距离底部 20px */
    width: 100%;                 /* 通栏 */
    padding: 10px 15px;
    background: rgba(0,0,0,.45);
    border-radius: 0;            /* 去掉圆角，更整 */
    backdrop-filter: blur(4px);
    z-index: 99;
  }
  .explore-header{
    display: none;               /* 手机端隐藏标题，省空间 */
  }
  .explore-menu {
    flex-direction: row;         /* 横排 */
    flex-wrap: wrap;             /* 不足换行 */
    justify-content: flex-start;
  }
  .explore-item {
    flex: 0 0 calc(33.333% - 10px); /* 每行 3 个 */
    margin-bottom: 0;
    margin: 5px;
    padding: 4px 5px;
    font-size: 13px;
    text-align: center;
    justify-content: center;
  }
}


/*三合一幻灯片*/
/* ===== 三合一布局 ===== */
.sanhe-swiper{height:100%;border-radius:8px;overflow:hidden;position: relative;}

/* 右侧列样式 */

.sanhe-right-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sanhe-right-item {
    flex: 1;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 12px; /* 用 margin 代替 gap */
}

.sanhe-right-item:last-child {
    margin-bottom: 0;
}

.sanhe-right-item img {
    width: 100%;
    height: 100%;
    transition: transform .3s;
}

.sanhe-right-item:hover img,.sanhe-grid-img:hover  img {
    transform: scale(1.05);
}
.item-img{
    width: 100%!important;
}
.search-item {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.search-post-swiper {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin: -8px;
    /*padding-bottom: 10px;*/
    /*padding-top: 10px;*/
}
.swiper-item {
    padding: 8px;
}
/* ===== 手机端：轮播在上，两图在下并排 ===== */
@media(max-width:998px){
    .max-hd-san .sanhe-row {
        height: 100%;
    }
    
    .sanhe-row .w-n75, .sanhe-row .w-n25 {
        width: 100%;
        padding-left: 0;
    }
    
    .sanhe-swiper {
        height: 260px;
        margin-bottom: 12px;
    }
    
    .sanhe-right-container {
        flex-direction: row;
        height: 180px; /* 手机端右侧图片高度 */
    }
    
    .sanhe-right-item {
        margin-bottom: 0;
        margin-right: 8px;
    }
    
    .sanhe-right-item:last-child {
        margin-right: 0;
    }
    /*.swiper-button-prev,*/
    /*.swiper-button-next {*/
    /*    width: 32px;*/
    /*    height: 32px;*/
    /*}*/
    .swiper-item,.search-post-swiper {
        padding: 5px;
    }
    .search-item{
        margin-top: 8px;
        margin-bottom: -8px;
    }
}
@media(max-width:598px){
    
    .sanhe-swiper {
        height: 200px;
        margin-bottom: 12px;
    }
    .sanhe-right-container {
        height: 120px; /* 手机端右侧图片高度 */
    }
    
}


/*折叠分类页面*/
.archive-fold .filter-option .count {
    position: absolute;
    top: -5px;
    right: -5px;
    
}
.filter-accordion-item {
    border-bottom: 1px solid #eee;
    position: relative;
}

.filter-accordion-header,.filter-accordion-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}


.filter-accordion-toggle {
    position: absolute;
    right: 10px;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #666;
    width: 20px;
    height: 20px;
    z-index: 2;
}
.filter-accordion-toggle:hover{
        color: #448aff;
}

.filter-accordion-toggle .accordion-icon {
    transition: transform 0.3s ease;
}

.filter-accordion-toggle.active .accordion-icon {
    transform: rotate(180deg);
}

.filter-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.filter-accordion-content.expanded {
    max-height: 1000px;
}

.filter-sublevel {
    border-bottom: none;
    margin-left: 15px;
}

.filter-sublevel .filter-option {
    padding-left: 15px;
}

/*侧边栏分类页*/

.filter-group {
    padding: 20px;
    border-bottom: 2px solid #f1f5f9;
}

.filter-border {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f1f5f9;
}


.filter-group-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}


.filter-row {
    display: flex;
    flex-wrap: wrap;
}


.filter-row .filter-side{
    flex: 0 0 calc(50% - 10px);
    min-width: 60px;
    margin-bottom: 12px;
    text-align: center;
}




/*.grid-item:hover::before {*/
/*    transform: scaleX(1);*/
/*}*/
/*.grid-item::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    height: 3px;*/
/*    background: linear-gradient(135deg, #cd0202 0%, #bd1075bd 50%, #1f3cff 100%);*/
/*    transform: scaleX(0);*/
/*    transition: transform 0.3s;*/
/*    z-index: 1;*/
/*}*/






/* 侧边栏布局容器 */
.archive-layout .archive-wrapper {
    display: flex;
}

.archive-sidebar {
    flex: 0 0 285px;
    position: sticky;
    /*background: #fff;*/
    margin-bottom: 20px;
    padding-bottom: 50px;
    border-radius: 8px;
    top: 20px;
    align-self: flex-start; 
}
.archive-to{
    max-height: 180vh; 
    overflow-y: auto;
}

.sidebar_left .archive-sidebar,.sidebar_left .category-widget{
    margin-right: 15px;
}
.sidebar_right .archive-sidebar,.sidebar_right .category-widget{
    margin-left: 15px;
}
/* 左侧布局 */
.archive-layout.sidebar_left .archive-wrapper {
    flex-direction: row;
}

/* 右侧布局 */
.archive-layout.sidebar_right .archive-wrapper {
    flex-direction: row-reverse;
}


/*分类页小工具*/

.category-widget{
    flex: 0 0 285px;
    position: sticky;
    margin-bottom: 20px;
    border-radius: 8px;
    top: 20px;
    align-self: flex-start;
    overflow-y: auto;
}
.category-widget .widget{
    margin-bottom: 1rem;
}
.archive-widget .archive-wrapper main .filter-items {
    display: block;
}

/* 响应式设计 - 移动端 */
@media (min-width: 998px) and (max-width: 1200px){
    .archive-layout .archive-wrapper .archive-posts > [class*="col-"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.333333%;
    }
}
/* 响应式设计 - 移动端 */
@media (max-width: 998px) {
    .archive-sidebar,.category-widget {
        display: none; /* 移动端隐藏侧边栏 */
    }
}

/* 桌面端布局控制 */
@media (min-width: 998px) {
    /* 侧边栏布局时隐藏主内容区的顶部筛选条 */
    .archive-layout main .filter-items {
        display: none;
    }
    
    .archive-posts .group-70{
        padding-left: 1rem;
    }
}

/*分类页面*/
.filter-option .count {
    position: absolute;
    top: -10px;
    right: -10px;
    /*background: rgb(21 126 247);*/
    /*color: #fff;*/
    font-size: 12px;
    padding: 0px 5px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
}

.filter-header {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

.filter-label {
    font-weight: 500;
    margin-bottom: 8px;
    /*color: #555;*/
}

.filter-options{
    position: relative;
}

.filter-items{
    /*background: #fff;*/
    /*padding: 12px;*/
    /*padding-left: 20px;*/
    /*margin-bottom: 15px;*/
    /*border-radius: 8px;*/
}
.filter-archive{
    background: var(--max-2-bg);
    padding: 12px;
    padding-left: 20px;
    margin-bottom: 15px;
    border-radius: 8px;
}
.filter-span{
    /*margin-right: 1rem;*/
    font-size: 0.85rem;
    margin-right: 0.25rem;
    font-size: 0.85rem;
    display: inline-block;
    min-width: 80px;
}

.filter-option {
    display: inline-block;
    padding: 5px 2px;
    background: var(--max-1-card);
    border: var(--border);
    border-radius: 4px;
    text-decoration: none;
    /*color: #333;*/
    font-size: 0.75rem;
    margin: 5px;
    position: relative;
}



.cat_1 .filter-option.active,.cat_1 .cat-option:hover,
.cat_1 .cat-option.active,.cat_1 .filter-option .count {
    background: linear-gradient(135deg, #1342e9 0%, #2b6aff 50%, #277cff 100%);
    color: #fff;
}

.cat_1 .filter-option.active .filter-accordion-toggle,.cat_3 .filter-option.active .filter-accordion-toggle{
    color: #fff;
}



.cat_2 .filter-option.active,.cat_2 .cat-option:hover,
.cat_2 .cat-option.active,.cat_2 .filter-option .count {
    color: #2f71ff;
    background: #f2f3ff;
}

.cat_3 .filter-option.active,.cat_3 .cat-option:hover,
.cat_3 .cat-option.active,.cat_3 .filter-option .count {
    color: #fff;
    background: linear-gradient(135deg, #e91313 0%, #e44444 50%, #ff5454 100%);
}
.cat_3 .filter-option:hover{
    border: 1px solid #e91313;
}

.filter-option:hover{
    border: 1px solid #2971ff;
}
.archive-sidebar::-webkit-scrollbar {
    width: 6px;
}
.archive-sidebar::-webkit-scrollbar-thumb{
    background-color: rgb(24 126 219 / 14%);
}
.archive-sidebar::-webkit-scrollbar-thumb:hover{
    background-color: #157ef7;
}


/* 响应式设计 */
@media (max-width: 998px) {
    .filter-option {
        padding: 3px 6px;
        font-size: 0.75rem;
        margin-bottom: 10px;
        margin: 4px;
    }
    .filter-label{
        margin-left: -8px;
        margin-right: -8px;
    }
    .filter-span{
        display: block;
        margin-bottom: 8px;
    }
    .row-filter .w-n75{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .filter-options .cat-all{
        position: absolute;
        right: 0;
        top: -8px;
    }

    /*.cat-opt1 .filter-option {*/
        /*margin: 5px 0px 0px 5px;*/
    /*    padding: 2px 5px;*/
    /*    margin-bottom: 0px;*/
    /*}*/
}

/*文章内页其它信息*/
.post-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.post-info li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px; /* 可根据需要调整间距 */
}
.post-info li span{
    display: flex;
    align-items: center;
    color: #838383;
    font-weight: 500;
    font-size: 0.8rem;
}
.post-info li b {
    color: #838383;
    font-weight: 500;
    text-align: right;
    font-size: 0.8rem;
}

.post-sidebar .widget{
    position: relative;
    overflow: hidden;
    background: var(--max-2-bg);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    padding: 12px;
}

/*会员套餐卡片颜色*/

.pr-black{
    color: #fff;
}
.pr-warn{
    color: #f7a50b;
}
.pr-primary{
    color: #007bff;
}
.pr-success{
    color: #28a745;
}
.pr-warning{
    color: #ffc107;
}
.pr-danger{
    color: #dc3545;
}
.pr-info{
    color: #17a2b8;
}
.pr-secondary{
    color: #6c757d;
}
.pr-purple{
    color: #ad0bf9;
}


/*多功能幻灯片组件*/

.nav-qian:hover{
    box-shadow: 0 3px 3px rgb(231 231 231);
}
.custom-scrollbar {
    padding-right: 10px;
}

.category-item i {
    opacity: 0;
}

.category-item:hover i {
    color: #6c98ff;
    opacity: 1;
}

.custom-scrollbar::-webkit-scrollbar{
    display: none;
    background-color: rgba(25,25,25,.1);
    width: 4px;
    height: 8px;
    opacity: 0;
    transition: opacity 0.3s ease 0.2s;
}

.custom-scrollbar:hover::-webkit-scrollbar{
    display: block;
    opacity: 1;
}

.custom-scrollbar::-webkit-scrollbar-thumb{
    background-color: rgb(186 186 186 / 80%);
    border-radius: 6px;
    transition: background .2s ease;
}

.category-list {
    background: var(--max-2-bg);
}

.category-item a {
    transition: all 0.3s ease;
}

.category-item a:hover {
    background: var(--max-4-color);
    color: #6c98ff;
}

.poin-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

/*****************/


.home-rel img{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    object-fit: cover;
}


.wel-poin{
    padding: 0px 8px;
    background: #ffcf54;
}

.welcome-container {
    background: var(--max-2-bg);
}
.welcome-buttons .p-8-48 {
    padding: 3% 17%;
}
.welcome-buttons .badge {
    font-size: 0.85rem;
    
}
.notice-container {
    background: var(--max-2-bg);
}

.notice-item {
    padding: 4px 0;
    transition: all 0.2s ease;
}
.notice-item a:hover {
    color: var(--primary-color);
}


/*五合一幻灯片组件*/
.five-right {
    height: 100%;
}

.five-right .row {
    height: 100%;
    margin-right: -4px;
    margin-left: -4px;
}

.five-right .w-n50 {
    height: 50%;
    padding: 4px;
    box-sizing: border-box;
}


.sanhe-grid-img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.sanhe-grid-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}


.category-menu {
    background: var(--max-2-bg);
    height: 100%;
}

.category-menu-list {
    list-style: none;
}

.category-menu-item a {
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.category-menu-item a:hover {
    background: var(--max-4-color);
    color: #6c98ff;
    border-color: #6c98ff;
}

.category-menu-item i {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.category-menu-item a:hover i {
    opacity: 1;
    color: #6c98ff;
}

.five-right .w-n50:nth-child(+n+3){
    padding-bottom: 0;
}
.five-right .w-n50:nth-child(-n+2) {
    padding-top: 0;
}

@media (max-width: 1200px) {
    .five-row .w-n14 {
        display: none;
    }
    
    .five-row .w-n26 {
        width: 40%;
    }
    
    .category-item a {
        transition: all 0.3s ease;
        font-size: 0.75rem;
        padding: 5px 0px;
    }
    .welcome-buttons .p-8-48 {
        padding: 3% 15%;
    }
}

@media (max-width: 998px) {
    .five-right{
        height: 260px;
    }
    
    .five-right .w-n50 {
        height: 120px;
    }
    
    .box-nax-row .w-n24{
        display: none;
    }
    .box-nax-row .custom-scrollbar{
        height: 260px;
    }
    .box-nax-row .w-n14{
        width: 25%;
    }
    .box-nax-row .w-n62{
        width: 75%;
    }

    .max-hd-nav .box-nax-row{
        height: 100%;
    }
}

@media (max-width: 768px) {
    .max-five-wu .five-row {
        height: auto;
    }
    
    .five-row .w-n60,.group-mk .w-n50 {
        width: 100%;
        padding: 0;
    }
    
    .five-row .w-n26,.five-row .w-n40 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        order: 2;
    }
    
    .five-right {
        height: auto;
        border-radius: 8px;
    }
    
    .five-right .w-n50 {
        height: 100px;
    }
    
    
    
    
    .max-hd-nav .box-nax-row .w-n14 {
        width: 100%;
        padding: 0;
        order: 2;
    }
    
    .max-hd-nav .box-nax-row .w-n62 {
        width: 100%;
        padding-left: 0;
        order: 1;
    }
    
    
    .box-nax-row .w-n14 .custom-scrollbar {
        height: auto;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0px 12px;
    }
    
    .box-nax-row .w-n14 .poin-ul {
        display: flex;
        flex-wrap: nowrap;
    }
    
    .box-nax-row .w-n14 .category-item {
        flex: 0 0 auto;
        margin: 0px 8px 0px -8px;
        white-space: nowrap;
    }
    
    .box-nax-row .w-n14 .category-item i {
        display: none;
    }
    .box-nax-row .w-n14 .custom-scrollbar::-webkit-scrollbar {
        display: none;
    }
    .max-hd-nav .category-item a{
        padding: 8px 12px;
        font-size: 0.75rem;
    }
    
}

/*目录树导航*/
@media (min-width: 1800px) {
    .directory-nav {
        left: 5%;
    }
}
.directory-nav {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.directory-nav.nav-hidden {
    opacity: 0;
    visibility: hidden;
}

/*会员套餐卡片颜色结束*/
/*PC手机端适应*/
@media (min-width: 798px) and (max-width: 1200px){
    .actions{
        position: absolute;
        right: 0;
        background: var(--max-2-bg);
        padding-right: 20px;
        z-index: 999;
    }
}
@media (min-width: 998px) and (max-width: 1200px){
   .user-menu li,.show-no .user-menu-nav li{
        flex: 0 0 calc(50% - 12px);
    }
    .pay-style2 .name-2,.max-post-views2 .ju-center-bet{
        display: block;
    }
    .pay-style2 .pay2-left{
        border-right: none;
    }
    .pay-style2 .pay2-right{
        padding-left: 0;
    }
    .pay-custom .col-1-3 {
        width: 50%;
        margin-bottom: 0;
    }
    .max-post-views2 h4{
        margin-bottom: 5px;
    }
}