/* 主容器侧边栏 */
.MainContainer .Side {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
}

@media screen and (min-width: 992px) {
    .MainContainer .Side {
        width: 280px;
        padding-left: 15px;
    }
}

/* 第一栏样式 - 现代科技风格 */
.Main .todaytz {
    height: auto;
    min-height: 50px;
    overflow: visible;
    line-height: 1.5;
    background: linear-gradient(90deg, rgba(58, 125, 224, 0.1) 0%, rgba(58, 125, 224, 0.05) 100%);
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(58, 125, 224, 0.2);
}

.Main .todaytz .tag {
    width: auto;
    height: auto;
    float: none;
    text-align: left;
    background: none;
    padding-left: 0;
    font-size: 18px;
    font-weight: 700;
    color: #2c5cc0;
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.Main .todaytz .tag:before {
    margin-right: 8px;
    font-size: 20px;
}

.Main .todaytz .cont {
    width: 100%;
    float: none;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.Main .todaytz .cont .list {
    width: auto;
    float: none;
    height: auto;
    overflow: visible;
    padding: 8px 15px 8px 30px;
    background: none;
    position: relative;
    margin: 5px 10px 5px 0;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.7);
    transition: all 0.3s ease;
}

.Main .todaytz .cont .list:before {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #3a7de0;
}

.Main .todaytz .cont .list:hover {
    background: rgba(255, 255, 255, 0.9);
    transform: translateY(-2px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.Main .todaytz .cont .list a {
    color: #3a7de0;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

.Main .todaytz .cont .list a:hover {
    color: #2c5cc0;
    text-shadow: 0 0 5px rgba(70, 130, 255, 0.3);
}

.Main .Fenlietg {
    margin-top: 20px;
    border: 1px solid rgba(58, 125, 224, 0.2);
    background: rgba(240, 245, 255, 0.5);
    height: auto;
    min-height: 150px;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(5px);
}

.Main .Fenlietg td.tgin {
    padding: 10px 15px;
}

.Main .Fenlietg td.tgin div {
    width: 100%;
    height: auto;
    line-height: 1.5;
    float: none;
    color: #ff7300;
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 8px;
    background: rgba(255, 115, 0, 0.1);
}

/* 用户登录样式 - 科技感卡片 */
.UserCont {
    border: 1px solid rgba(58, 125, 224, 0.2);
    height: auto;
    min-height: 200px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    margin-bottom: 25px;
}

.UserCont .butter {
    height: auto;
    padding: 20px;
    background: linear-gradient(90deg, rgba(58, 125, 224, 0.1) 0%, rgba(58, 125, 224, 0.05) 100%);
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.UserCont .butter a {
    display: block;
    width: 100%;
    overflow: hidden;
    height: auto;
    min-height: 45px;
    line-height: 45px;
    text-align: center;
    float: none;
    background: linear-gradient(135deg, #3a7de0 0%, #2c5cc0 100%);
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(70, 130, 255, 0.3);
}

.UserCont .butter a:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(70, 130, 255, 0.4);
}

.UserCont .butter a.post {
    background: linear-gradient(135deg, #ff7300 0%, #e56700 100%);
}

.UserCont .butter a.tg {
    background: linear-gradient(135deg, #7d0ab9 0%, #5c0a8c 100%);
}

.UserCont .login {
    border-top: 1px solid rgba(58, 125, 224, 0.2);
    background: rgba(240, 245, 255, 0.5);
    padding: 20px;
}

.UserCont table {
    width: 100%;
}

.UserCont table td {
    height: auto;
    padding: 8px 5px;
    vertical-align: middle;
}

.UserCont table td.radio {
    padding-left: 10px;
}

.UserCont .input {
    width: 100%;
    text-align: left;
}
.UserCont .submit input {
  width: 50%;
  padding: 5px;
  border: none;
  float:left;
  text-align:center;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1),
              inset -2px -2px 5px rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease;
}
.UserCont .input input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid rgba(58, 125, 224, 0.3);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease;
}

.UserCont .input input:focus {
    outline: none;
    border-color: #3a7de0;
    box-shadow: 0 0 10px rgba(70, 130, 255, 0.3);
}

.UserCont .radio input {
    border: 0;
    margin-right: 5px;
}

.UserCont .sub input {
    border: 0;
    background: linear-gradient(135deg, #3a7de0 0%, #2c5cc0 100%);
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(70, 130, 255, 0.3);
}

.UserCont .sub input:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(70, 130, 255, 0.4);
}

.UserCont .img {
    width: 80px;
    height: auto;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
}

.UserCont .img img {
    max-width: 100%;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.UserCont .word .name {
    line-height: 1.5;
    color: #2c5cc0;
    font-weight: 700;
    font-size: 18px;
}

.UserCont .word .day {
    padding-top: 5px;
    color: #28a745;
    font-size: 14px;
}

/* 最新信息 - 现代科技风格 */
.fenlienewest .head {
    height: auto;
    min-height: 50px;
    background: linear-gradient(90deg, rgba(58, 125, 224, 0.1) 0%, rgba(58, 125, 224, 0.05) 100%);
    border-radius: 10px 10px 0 0;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(58, 125, 224, 0.2);
    border-bottom: none;
}

.fenlienewest .head div {
    float: none;
    height: auto;
    overflow: visible;
    line-height: 1.5;
}

.fenlienewest .head .tag {
    width: auto;
    padding: 15px 20px 15px 0;
    text-align: left;
    background: none;
    font-size: 18px;
    font-weight: 700;
    color: #2c5cc0;
    display: flex;
    align-items: center;
}

.fenlienewest .head .tag:before {
    margin-right: 10px;
    font-size: 20px;
}

.fenlienewest .head .more {
    float: none;
    padding-right: 0;
    color: #3a7de0;
}

.fenlienewest .head .more a {
    color: #3a7de0;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

.fenlienewest .head .more a:hover {
    color: #2c5cc0;
    text-shadow: 0 0 5px rgba(70, 130, 255, 0.3);
}

.fenlienewest .cont {
    border: 1px solid rgba(58, 125, 224, 0.2);
    border-top: none;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-wrap: wrap;
}

.fenlienewest .cont .piccont {
    width: 100%;
    height: auto;
    overflow: visible;
    border-right: none;
    float: none;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(58, 125, 224, 0.2);
}

@media screen and (min-width: 768px) {
    .fenlienewest .cont .piccont {
        width: 40%;
        border-right: 1px solid rgba(58, 125, 224, 0.2);
        border-bottom: none;
        padding-right: 20px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .fenlienewest .cont .wordcont {
        width: 58%;
        padding-left: 20px;
    }
}

.fenlienewest .cont .piccont .listpic {
    width: 100%;
    height: auto;
    overflow: visible;
    float: none;
    margin-bottom: 15px;
    text-align: center;
}

.fenlienewest .cont .piccont .listpic a {
    display: block;
    width: 100%;
    height: auto;
    line-height: 1.5;
    overflow: visible;
    text-align: center;
}

.fenlienewest .cont .piccont .listpic a.img {
    height: auto;
    padding: 0;
    border: 1px solid rgba(58, 125, 224, 0.2);
    margin-top: 0;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.fenlienewest .cont .piccont .listpic a.img:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.fenlienewest .cont .piccont .listpic a.title {
    padding: 10px 0 0 0;
    font-weight: 600;
    color: #2c5cc0;
    text-decoration: none;
}

.fenlienewest .cont .wordcont {
    width: 100%;
    height: auto;
    padding-top: 0;
    overflow: visible;
    float: none;
}

.fenlienewest .cont .wordcont .list {
    line-height: 1.5;
    height: auto;
    min-height: 40px;
    overflow: visible;
    padding: 10px 0 10px 30px;
    margin-bottom: 10px;
    position: relative;
    border-bottom: 1px solid rgba(58, 125, 224, 0.1);
}

.fenlienewest .cont .wordcont .list:before {
    position: absolute;
    left: 0;
    top: 10px;
    color: #3a7de0;
}

.fenlienewest .cont .wordcont .list:last-child {
    border-bottom: none;
}

.fenlienewest .cont .wordcont .list a {
    font-size: 16px;
    color: #444;
    text-decoration: none;
    transition: all 0.2s ease;
}

.fenlienewest .cont .wordcont .list a:hover {
    color: #3a7de0;
    text-shadow: 0 0 5px rgba(70, 130, 255, 0.3);
}

.fenlienewest .cont .wordcont .list a.f {
    color: #3a7de0;
    font-weight: 600;
}

/* 热门信息 */
.fenliehot {
    border: 1px solid rgba(58, 125, 224, 0.2);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    background: rgba(255, 255, 255, 0.9);
    margin-bottom: 25px;
}

.fenliehot .head {
    height: auto;
    min-height: 50px;
    background: linear-gradient(90deg, rgba(255, 115, 0, 0.1) 0%, rgba(255, 115, 0, 0.05) 100%);
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.fenliehot .head .tag {
    padding: 15px 0;
    font-size: 18px;
    font-weight: 700;
    color: #ff7300;
    display: flex;
    align-items: center;
}

.fenliehot .head .tag:before {
    margin-right: 10px;
    font-size: 20px;
}

.fenliehot .cont {
    padding: 20px;
}

.fenliehot .cont .listpw {
    height: auto;
    min-height: 100px;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 8px;
    background: rgba(240, 245, 255, 0.5);
    transition: all 0.3s ease;
}

.fenliehot .cont .listpw:hover {
    background: rgba(240, 245, 255, 0.8);
    transform: translateX(5px);
}

.fenliehot .cont .listpw td {
    vertical-align: middle;
    padding: 5px;
}

.fenliehot .cont .listpw td.img {
    width: 80px;
}

.fenliehot .cont .listpw td.img a {
    display: block;
    border: 1px solid rgba(58, 125, 224, 0.2);
    padding: 2px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.fenliehot .cont .listpw td.img a:hover {
    border-color: #3a7de0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.fenliehot .cont .listpw td div {
    padding-left: 15px;
    line-height: 1.5;
    height: auto;
    overflow: visible;
}

.fenliehot .cont .listpw td div a {
    color: #3a7de0;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

.fenliehot .cont .listpw td div a:hover {
    color: #2c5cc0;
    text-shadow: 0 0 5px rgba(70, 130, 255, 0.3);
}

.fenliehot .cont .listpw td div a.sort {
    color: #666;
    font-size: 14px;
}

/* 类目样式 */
.fenliesort .head {
    height: auto;
    min-height: 50px;
    background: linear-gradient(90deg, rgba(58, 125, 224, 0.1) 0%, rgba(58, 125, 224, 0.05) 100%);
    border-radius: 10px 10px 0 0;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(58, 125, 224, 0.2);
    border-bottom: none;
}

.fenliesort .head .tag {
    width: auto;
    height: auto;
    padding: 15px 0;
    text-align: left;
    overflow: visible;
    line-height: 1.5;
    background: none;
    float: none;
    font-size: 18px;
    font-weight: 700;
    color: #2c5cc0;
    display: flex;
    align-items: center;
}

.fenliesort .head .tag:before {
    margin-right: 10px;
    font-size: 20px;
}

.fenliesort .head .more {
    width: auto;
    height: auto;
    text-align: center;
    line-height: 1.5;
    background: linear-gradient(135deg, #3a7de0 0%, #2c5cc0 100%);
    float: none;
    padding: 10px 20px;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(70, 130, 255, 0.3);
}

.fenliesort .head .more:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(70, 130, 255, 0.4);
}

.fenliesort .head .more a {
    color: #FFF;
    font-weight: 600;
    text-decoration: none;
}

.fenliesort .cont {
    border: 1px solid rgba(58, 125, 224, 0.2);
    border-top: none;
    padding: 20px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 10px 10px;
}

.ShowSorts {
    height: auto;
    overflow: visible;
}

.SortTable {
    width: 100%;
}

.SortTable td {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .SortTable td {
        width: 50%;
        display: table-cell;
        vertical-align: top;
        padding: 0 10px;
    }
}

@media screen and (min-width: 992px) {
    .SortTable td {
        width: 25%;
    }
}

.SortTable td dl {
    height: auto;
    min-height: 300px;
    overflow: visible;
    padding: 15px;
    border-radius: 8px;
    background: rgba(240, 245, 255, 0.5);
    transition: all 0.3s ease;
}

.SortTable td dl:hover {
    background: rgba(240, 245, 255, 0.8);
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.SortTable td dl dt {
    height: auto;
    min-height: 40px;
    overflow: visible;
    line-height: 1.5;
    border: 1px solid rgba(58, 125, 224, 0.2);
    background: rgba(255, 255, 255, 0.8);
    padding: 10px 15px 10px 45px;
    font-weight: 700;
    color: #2c5cc0;
    border-radius: 6px;
    position: relative;
    margin-bottom: 15px;
}

.SortTable td dl dt:before {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

.SortTable td dl dd {
    height: auto;
    overflow: visible;
    padding: 15px;
    border: 1px solid rgba(58, 125, 224, 0.2);
    border-top: none;
    background: rgba(255, 255, 255, 0.8);
    color: #666;
    line-height: 1.5;
    border-radius: 0 0 6px 6px;
}

.SortTable td dl dd div {
    height: auto;
    min-height: 30px;
    padding: 8px 10px;
    overflow: visible;
    border-bottom: 1px solid rgba(58, 125, 224, 0.1);
}

.SortTable td dl dd div:last-child {
    border-bottom: none;
}

.SortTable td dl dd div a {
    color: #3a7de0;
    text-decoration: none;
    transition: all 0.2s ease;
}

.SortTable td dl dd div a:hover {
    color: #2c5cc0;
    text-shadow: 0 0 5px rgba(70, 130, 255, 0.3);
}

#FenlieShowSort {
    height: auto;
    width: 100%;
    margin: 0;
    overflow: visible;
    scrollbar-width: none;
}

#FenlieShowSort::-webkit-scrollbar {
    display: none;
}

#FenlieShowSort .listsort {
    width: 100%;
    height: auto;
    min-height: 300px;
    overflow: visible;
    float: none;
    text-align: center;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 8px;
    background: rgba(240, 245, 255, 0.5);
    transition: all 0.3s ease;
}

@media screen and (min-width: 576px) {
    #FenlieShowSort .listsort {
        width: calc(50% - 15px);
        float: left;
        margin-right: 15px;
    }
    
    #FenlieShowSort .listsort:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (min-width: 992px) {
    #FenlieShowSort .listsort {
        width: calc(25% - 15px);
    }
    
    #FenlieShowSort .listsort:nth-child(2n) {
        margin-right: 15px;
    }
    
    #FenlieShowSort .listsort:nth-child(4n) {
        margin-right: 0;
    }
}

#FenlieShowSort .listsort:hover {
    background: rgba(240, 245, 255, 0.8);
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

#FenlieShowSort .listsort .bigsort {
    width: 100%;
    height: auto;
    min-height: 50px;
    overflow: visible;
    line-height: 1.5;
    border: 1px solid rgba(58, 125, 224, 0.2);
    margin: 0 0 15px 0;
    background: rgba(255, 255, 255, 0.8);
    text-align: left;
    padding: 15px 15px 15px 45px;
    border-radius: 6px;
    position: relative;
}

#FenlieShowSort .listsort .bigsort:before {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

#FenlieShowSort .listsort .bigsort a {
    padding-left: 0;
    font-weight: 700;
    color: #2c5cc0;
    text-decoration: none;
}

#FenlieShowSort .listsort .moresort {
    width: 100%;
    height: auto;
    overflow: visible;
    padding: 15px;
    border: 1px solid rgba(58, 125, 224, 0.2);
    border-top: none;
    text-align: left;
    margin: 0;
    background: rgba(255, 255, 255, 0.8);
    color: #666;
    line-height: 1.5;
    border-radius: 0 0 6px 6px;
}

#FenlieShowSort .listsort .moresort div {
    height: auto;
    min-height: 30px;
    padding: 8px 0;
    overflow: visible;
    border-bottom: 1px solid rgba(58, 125, 224, 0.1);
}

#FenlieShowSort .listsort .moresort div:last-child {
    border-bottom: none;
}

#FenlieShowSort .listsort .moresort a {
    color: #3a7de0;
    text-decoration: none;
    transition: all 0.2s ease;
}

#FenlieShowSort .listsort .moresort a:hover {
    color: #2c5cc0;
    text-shadow: 0 0 5px rgba(70, 130, 255, 0.3);
}

/* 信息关注排行榜 */
.fenlietop {
    border: 1px solid rgba(58, 125, 224, 0.2);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
}

.fenlietop .head {
    height: auto;
    min-height: 50px;
    border-left: none;
    border-right: none;
    line-height: 1.5;
    background: linear-gradient(90deg, rgba(255, 115, 0, 0.1) 0%, rgba(255, 115, 0, 0.05) 100%);
    padding: 15px 20px 15px 60px;
    font-size: 18px;
    font-weight: 700;
    color: #ff7300;
    position: relative;
}

.fenlietop .head:before {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}

.fenlietop .cont {
    padding: 20px;
}

.fenlietop .cont div {
    height: auto;
    min-height: 40px;
    line-height: 1.5;
    overflow: visible;
    padding: 10px 15px 10px 50px;
    margin-bottom: 10px;
    border-radius: 6px;
    background: rgba(240, 245, 255, 0.5);
    transition: all 0.3s ease;
    position: relative;
}

.fenlietop .cont div:hover {
    background: rgba(240, 245, 255, 0.8);
    transform: translateX(5px);
}

.fenlietop .cont div:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: linear-gradient(135deg, #3a7de0 0%, #2c5cc0 100%);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

.fenlietop .cont div.list1:before { content: "1"; }
.fenlietop .cont div.list2:before { content: "2"; }
.fenlietop .cont div.list3:before { content: "3"; }
.fenlietop .cont div.list4:before { content: "4"; }
.fenlietop .cont div.list5:before { content: "5"; }
.fenlietop .cont div.list6:before { content: "6"; }
.fenlietop .cont div.list7:before { content: "7"; }
.fenlietop .cont div.list8:before { content: "8"; }
.fenlietop .cont div.list9:before { content: "9"; }
.fenlietop .cont div.list10:before { content: "10"; }

.fenlietop .cont div a {
    color: #3a7de0;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

.fenlietop .cont div a:hover {
    color: #2c5cc0;
    text-shadow: 0 0 5px rgba(70, 130, 255, 0.3);
}

/* 赞助商 */
.fenliehot .cont .listad {
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid rgba(58, 125, 224, 0.2);
    margin-top: 20px;
}

/* 图文信息 */
.FenliePhoto {
    border: 1px solid rgba(58, 125, 224, 0.2);
    border-top: none;
    margin: 25px auto 0 auto;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.9);
}

.FenliePhoto .head {
    height: auto;
    min-height: 50px;
    background: linear-gradient(90deg, rgba(58, 125, 224, 0.1) 0%, rgba(58, 125, 224, 0.05) 100%);
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.FenliePhoto .head .tag {
    width: auto;
    line-height: 1.5;
    text-align: left;
    background: none;
    font-size: 18px;
    font-weight: 700;
    color: #2c5cc0;
    padding: 15px 0;
    display: flex;
    align-items: center;
}

.FenliePhoto .head .tag:before {
    margin-right: 10px;
    font-size: 20px;
}

.FenliePhoto .cont {
    padding: 20px;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.FenliePhoto .cont .list_fpic {
    width: 100%;
    height: auto;
    text-align: center;
    float: none;
    margin-bottom: 20px;
}
.FenliePhoto .cont .list_fpic img{
	 width: 100%;
	 height: auto;
}

@media screen and (min-width: 576px) {
    .FenliePhoto .cont .list_fpic {
        width: calc(50% - 10px);
    }
}

@media screen and (min-width: 768px) {
    .FenliePhoto .cont .list_fpic {
        width: calc(25% - 15px);
    }
}

.FenliePhoto .cont .list_fpic a {
    display: block;
    margin: 0 auto;
    text-decoration: none;
}

.FenliePhoto .cont .list_fpic a.img {
    width: 100%;
    height: 150px;
    border: 1px solid rgba(58, 125, 224, 0.2);
    padding: 2px;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.FenliePhoto .cont .list_fpic a.img:hover {
    border-color: #3a7de0;
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.FenliePhoto .cont .list_fpic a.title {
    padding: 10px 0 0 0;
    line-height: 1.5;
    color: #2c5cc0;
    font-weight: 600;
    transition: all 0.2s ease;
}

.FenliePhoto .cont .list_fpic a.title:hover {
    color: #3a7de0;
    text-shadow: 0 0 5px rgba(70, 130, 255, 0.3);
}

/* 更多栏目内容 */
.MainContainer .BottomFoot {
    height: 5px;
    background: linear-gradient(90deg, rgba(58, 125, 224, 0.3) 0%, rgba(58, 125, 224, 0.1) 100%);
    border-radius: 0 0 10px 10px;
}

.MainContainer .BottomFoot table {
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, rgba(58, 125, 224, 0.1) 0%, rgba(58, 125, 224, 0.3) 100%);
    border-radius: 0 0 10px 10px;
}

.MainContainer .MiddleCont {
    border: 1px solid rgba(58, 125, 224, 0.2);
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.9);
}

.MainContainer .MiddleCont .moresort {
    width: 100%;
    height: auto;
    overflow: visible;
    float: none;
    text-align: center;
    z-index: 1;
    padding: 20px;
    border-bottom: 1px solid rgba(58, 125, 224, 0.2);
}

@media screen and (min-width: 768px) {
    .MainContainer .MiddleCont .moresort {
        width: 50%;
        float: left;
        border-bottom: none;
        border-right: 1px solid rgba(58, 125, 224, 0.2);
    }
    
    .MainContainer .MiddleCont .moresort:nth-child(2n) {
        border-right: none;
    }
}

@media screen and (min-width: 992px) {
    .MainContainer .MiddleCont .moresort {
        width: 25%;
    }
    
    .MainContainer .MiddleCont .moresort:nth-child(2n) {
        border-right: 1px solid rgba(58, 125, 224, 0.2);
    }
    
    .MainContainer .MiddleCont .moresort:nth-child(4n) {
        border-right: none;
    }
}

.MainContainer .MiddleCont .moresort .TAG,
.MainContainer .MiddleCont .moresort .title {
    width: 100%;
    margin: auto;
    text-align: left;
    line-height: 1.5;
}

.MainContainer .MiddleCont .moresort .TAG {
    height: auto;
    min-height: 50px;
    line-height: 1.5;
    background: none;
    padding: 10px 0;
    margin-bottom: 15px;
    position: relative;
}

.MainContainer .MiddleCont .moresort .TAG:before {
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 20px;
}

.MainContainer .MiddleCont .moresort .TAG a {
    font-weight: 700;
    padding-left: 30px;
    color: #2c5cc0;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.MainContainer .MiddleCont .moresort .TAG a:hover {
    color: #3a7de0;
    text-shadow: 0 0 5px rgba(70, 130, 255, 0.3);
}

.MainContainer .MiddleCont .moresort .title div {
    padding: 8px 0;
    height: auto;
    overflow: visible;
    color: #3a7de0;
    border-bottom: 1px solid rgba(58, 125, 224, 0.1);
    transition: all 0.2s ease;
}

.MainContainer .MiddleCont .moresort .title div:hover {
    color: #2c5cc0;
    transform: translateX(5px);
}

.MainContainer .MiddleCont .moresort .title div:last-child {
    border-bottom: none;
}

.MainContainer .MiddleCont .moresort .title div a {
    color: inherit;
    text-decoration: none;
}

/* 响应式设计 */
@media screen and (max-width: 767px) {
    .Main .todaytz .cont .list {
        width: 100%;
        margin-right: 0;
    }
    
    .fenlienewest .cont .piccont .listpic {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    .UserCont .butter {
        flex-direction: column;
    }
    
    .UserCont .butter a {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .UserCont .butter a:last-child {
        margin-bottom: 0;
    }
}

/* 动画效果 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fenlienewest, .fenliehot, .fenliesort, .fenlietop, .FenliePhoto {
    animation: fadeIn 0.6s ease-out;
}

/* 3D效果和悬停动画 */
.SortTable td dl, #FenlieShowSort .listsort, .FenliePhoto .cont .list_fpic {
    transform-style: preserve-3d;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.SortTable td dl:hover, #FenlieShowSort .listsort:hover, .FenliePhoto .cont .list_fpic:hover {
    transform: translateY(-5px) translateZ(10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

/* 科技感渐变边框 */
.fenlienewest, .fenliehot, .fenliesort, .fenlietop, .FenliePhoto {
    position: relative;
}

.fenlienewest:before, .fenliehot:before, .fenliesort:before, .fenlietop:before, .FenliePhoto:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    background: linear-gradient(45deg, #ff073a, #7d0ab9, #3a86ff);
    border-radius: 12px;
    opacity: 0.3;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(240, 245, 255, 0.5);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #3a7de0 0%, #2c5cc0 100%);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #2c5cc0 0%, #1e3c8c 100%);
}