/*
Author: princess Group
Qq Group Number: 652692981
Description:  Template Public Style
Version: office 1.5
*/
@keyframes forumBgAnim{
    0%,100%{background-position:0% 50%}
    50%{background-position:100% 50%}
}

/* ===============================================================================
 * Scrollbar
 *==============================================================================*/
::-webkit-scrollbar{
    width:8px;
    height:8px;
}
::-webkit-scrollbar-track{
    background:transparent;
}
::-webkit-scrollbar-thumb{
    background:transparent;
    border-radius:4px;
}
:hover::-webkit-scrollbar-thumb{
    background:#D1E0EB;
}
::-webkit-scrollbar-thumb:hover{
    background:#BBD0E0;
}

/* ===============================================================================
 * General style
 *==============================================================================*/

/* base */

html body #nv_home #ct{background:#FFF;}

body {
   min-width:0;
}

body #nv .header-right .cony_diy {
    margin-top: 0;
    color: #FFF;
    background: #4080ff;
    padding: 0 18px;
    border-radius: 6px;
    cursor: pointer;
    height: 42px;
    line-height: 42px;
    position: static;
    right: auto;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
    font-size: 18px;
    font-weight: 500;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
}
body #nv .header-right .cony_diy:hover{
    background: #3370e0;
    box-shadow: 0 4px 12px rgba(64,128,255,0.25);
}
body #nv .header-right .cony_diy a{
    color: #FFF;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

html body #nv_group .ct2 .mn {
    width: 1050px;
}
html body #nv_misc .ct2_a .mn {
    width: 1120px;
}
html body #nv_misc .biduser {
    width: 1100px;
    background: none;
}
html body #nv_misc #ct{background:#FFF;}

html body #nv_home .ct2_a .mn {
    width: 1100px;
}

html body #nv_home .ct3_a .mn {
    width: 865px;
}
html body #nv_home .pbr {
    height: 10px;
}

html body #nv_home #ct{background:#FFF;}

#nv_forum .ct2_a{
    background-color: #FFF;
}
.cony_main_wrap {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 16px;
}
.cony_main_left {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}
.cony_main_left > * {
    width: auto;
    min-width: 0;
    box-sizing: border-box;
    float: none;
}
.cony_main_left #cony_bk {
    width: 100%;
    float: none;
    margin-bottom: 16px;
}
.cony_latest_list {
    width: 100%;
    margin-top: 0;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
    padding: 0;
    transition: box-shadow .24s cubic-bezier(0.2,0,0.2,1);
}
.cony_latest_list:hover {
    box-shadow: 0 6px 24px rgba(64,128,255,0.12);
}
.cony_latest_list .thread-list {
    width: 100%;
    box-sizing: border-box;
    padding: 16px 20px;
}
.cony_latest_list .thread-item {
    width: 100%;
    box-sizing: border-box;
}
#diy_latest.area .frame,
#diy_latest.area .column,
#diy_latest.area .block,
#diy_latest.area .block .block-content {
    width: 100%;
    border-radius: 16px;
    overflow: visible;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
#diy_latest.area {
    margin-top: 16px;
}
#diy_latest.area .frame .frame-title,
#diy_latest.area .block .block-title {
    display: none;
}

/* ========== Banner???????? + ?????? ========== */
.banner-wrap {
    margin: 16px 0;
    display: flex;
    flex-direction: row;
    gap: 16px;
    max-width: 100%;
    align-items: stretch;
}
.banner-wrap > #diy_slider.area {
    flex: 0 0 820px;
    width: 820px;
}
.banner-wrap > #diy_hot.area {
    flex: 1;
    min-width: 320px;
}
.banner-wrap .area .frame,
.banner-wrap .area .column,
.banner-wrap .area .block,
.banner-wrap .area .block .block-content {
    height: 100%;
    border-radius: 16px;
    overflow: visible;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.banner-wrap .area .frame .frame-title,
.banner-wrap .area .block .block-title {
    display: none;
}
/* ???????? */
.slider-box {
    width: 100%;
    height: 280px;
    border-radius: 16px;
    overflow: hidden;
    background: #000;
    position: relative;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.slider-list {
    width: 100%;
    height: 100%;
    display: flex;
    transition: transform .6s ease-in-out;
}
.slider-item {
    min-width: 100%;
    height: 100%;
    position: relative;
}
.slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-text {
    position: absolute;
    left: 24px;
    bottom: 24px;
    color: #fff;
}
.slider-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 6px;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.slider-desc {
    opacity: 0.9;
}
.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(4px);
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    cursor: pointer;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
}
.slider-arrow:hover {
    background: rgba(255,255,255,0.4);
}
.slider-prev { left: 12px; }
.slider-next { right: 12px; }
.slider-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}
.slider-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.3);
    cursor: pointer;
}
.slider-dot.active {
    background: #fff;
    width: 24px;
    border-radius: 5px;
}
/* ???????????? */
.online-thread-box {
    height: 280px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow .24s cubic-bezier(0.2,0,0.2,1);
}
.online-thread-box:hover {
    box-shadow: 0 6px 24px rgba(64,128,255,0.12);
}
.online-head {
    padding: 14px 18px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #1d2129;
    font-size: 15px;
}
.online-head .dot {
    color: #f53f3f;
    animation: conyDotBlink 1.2s ease-in-out infinite;
}
@keyframes conyDotBlink {
    0%, 100% {
        opacity: 1;
        text-shadow: 0 0 6px rgba(245,63,63,0.8);
    }
    50% {
        opacity: 0.25;
        text-shadow: 0 0 2px rgba(245,63,63,0.2);
    }
}
.online-list {
    flex: 1;
    padding: 10px;
    overflow-y: auto;
}
.online-item {
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 8px;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
}
.online-item:hover {
    background: rgba(64,128,255,0.04);
}
.online-title {
    font-size: 13px;
    font-weight: 500;
    color: #1d2129;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 4px;
}
.online-meta {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #86909c;
}
.online-view {
    color: #f53f3f;
}
/* ???? */
@media screen and (max-width: 1280px) {
    .banner-wrap > #diy_slider.area {
        flex: 0 0 60%;
        width: 60%;
    }
    .banner-wrap > #diy_hot.area {
        flex: 0 0 320px;
        width: 320px;
    }
    .slider-box, .online-thread-box {
        height: 240px;
    }
}
@media screen and (max-width: 960px) {
    .banner-wrap {
        flex-direction: column;
    }
    .banner-wrap > #diy_slider.area,
    .banner-wrap > #diy_hot.area {
        flex: 0 0 auto;
        width: 100%;
    }
    .online-thread-box {
        height: 220px;
    }
}

body #toptb {
    display: none;
}

html body.pg_guide #threadlist{width:1300px;}

html body {
    background: #f7f8fa;
    color: #1d2129;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,"Microsoft YaHei",sans-serif;
}
body .wp {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 20px;
    box-sizing: border-box;
}
.cony_main_left .wp {
    margin: 0;
    padding: 0;
}
body .cony_display{display:none;}
body #pt {
    margin-top: 0;
}
/* 通用面包屑导航（专题页/插件页等没有 cony_breadcrumb 类的页面） */
body #pt:not(.cony_breadcrumb):not(.cony_display){
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;
    padding:10px 16px;
    margin:16px 0;
    background:rgba(255,255,255,0.72);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    border-radius:10px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 1px 6px rgba(0,0,0,0.04);
    font-size:13px;
    color:#86909c;
    height:auto;
    line-height:normal;
    float:none;
    overflow:visible;
    box-sizing:border-box;
}
body #pt:not(.cony_breadcrumb):not(.cony_display) .z{
    float:none;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;
    width:auto;
}
body #pt:not(.cony_breadcrumb):not(.cony_display) .y{
    float:none;
    display:flex;
    align-items:center;
    width:auto;
}
body #pt:not(.cony_breadcrumb):not(.cony_display) .z a,
body #pt:not(.cony_breadcrumb):not(.cony_display) .z em,
body #pt:not(.cony_breadcrumb):not(.cony_display) .y a,
body #pt:not(.cony_breadcrumb):not(.cony_display) .y em{
    float:none;
    height:auto;
    line-height:normal;
    display:inline-flex;
    align-items:center;
    background:none;
}
body #pt:not(.cony_breadcrumb):not(.cony_display) .z a,
body #pt:not(.cony_breadcrumb):not(.cony_display) .y a{
    color:#4e5969;
    text-decoration:none;
    transition:all .24s cubic-bezier(0.2,0,0.2,1);
}
body #pt:not(.cony_breadcrumb):not(.cony_display) .z a:hover,
body #pt:not(.cony_breadcrumb):not(.cony_display) .y a:hover{
    color:#4080ff;
}
body #pt:not(.cony_breadcrumb):not(.cony_display) .z em,
body #pt:not(.cony_breadcrumb):not(.cony_display) .y em{
    color:#86909c;
    font-style:normal;
    user-select:none;
    width:auto;
}
@media screen and (max-width:768px){
    body #pt:not(.cony_breadcrumb):not(.cony_display){padding:8px 12px;gap:6px;font-size:12px}
}
html body .nvhm {
    background: none;
    width: auto;
    line-height: normal;
    overflow: visible;
    float: none;
}
html body #pt.cony_breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    margin:16px 0;
    background:rgba(255,255,255,0.72);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    border-radius:10px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 1px 6px rgba(0,0,0,0.04);
    font-size:13px;
    color:#86909c;
    height:auto;
    line-height:normal;
    border:none;
    float:none;
    overflow:visible;
}
html body #pt.cony_breadcrumb a, html body #pt.cony_breadcrumb em, html body #pt.cony_breadcrumb span{
    float:none;
    height:auto;
    line-height:normal;
    display:flex;
    align-items:center;
}
html body #pt.cony_breadcrumb a{
    display:flex;
    align-items:center;
    gap:4px;
    color:#4e5969;
    transition:all .24s cubic-bezier(0.2,0,0.2,1);
    text-decoration:none;
    padding:0;
}
html body #pt.cony_breadcrumb a:hover{
    color:#4080ff;
}
html body #pt.cony_breadcrumb .sep{
    color:#86909c;
    user-select:none;
}
html body #pt.cony_breadcrumb .current{
    color:#4080ff;
    font-weight:500;
}
html body #pt.cony_breadcrumb em{
    color:#86909c;
    font-style:normal;
    user-select:none;
    width:auto;
    background:none;
    line-height:normal;
    overflow:visible;
}
html body #pt.cony_breadcrumb .z{
    display:none;
}
@media screen and (max-width:768px){
    body #pt.cony_breadcrumb{padding:8px 12px;gap:6px;font-size:12px}
}

/* dr*/
.rfm {border-bottom:0px;font-size:14px;}
.rfm input{margin-left:10px;margin-right:10px;padding:10px;border-radius:10px;font-size:13px;}
.rfm input:focus{outline:none;}
.rfm select{margin-left:10px;margin-right:10px;padding:10px;border-radius:10px;font-size:13px;}
.rfm select:focus{outline:none;}
.rfm button{background:#333333 url('');padding:10px;padding-left:40px;padding-right:40px;padding-top:7px;height:40px;font-size:20px;border-radius:10px;box-shadow:1px 1px 1px #CCCCCC;}
.rfm button:hover{background:#888888 url('');padding:10px;padding-left:40px;padding-right:40px;padding-top:7px;height:40px;font-size:20px;border-radius:10px;box-shadow:3px 3px 5px #CCCCCC;}

/* fwin login popup button (matches rabbit-login-btn style) */
.fwin .rfm .pn,
.fwin .c .rfm .pn.pnc,
.fwin .mbw .pn.pnc {
  display: inline-block;
  min-width: 140px;
  height: 42px;
  line-height: 42px;
  padding: 0 28px;
  margin: 0;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg,#4080ff,#5290ff);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  letter-spacing: 2px;
  box-shadow: 0 2px 8px rgba(64,128,255,0.18);
  transition: all .24s cubic-bezier(0.2,0,0.2,1);
  transform: none;
  text-decoration: none;
  box-sizing: border-box;
}
.fwin .rfm .pn strong,
.fwin .rfm .pn em,
.fwin .rfm .pn span {
  display: inline;
  margin: 0;
  padding: 0;
  background: none;
  color: #fff;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  text-decoration: none;
}
.fwin .rfm .pn:hover,
.fwin .c .rfm .pn.pnc:hover {
  background: linear-gradient(135deg,#3370e0,#4080ff);
  color: #fff;
  box-shadow: 0 6px 18px rgba(64,128,255,0.32);
  transform: translateY(-1px);
  text-decoration: none;
}
.fwin .rfm .pn:active,
.fwin .rfm .pn.pnc:active {
  transform: translateY(1px);
  box-shadow: 0 2px 6px rgba(64,128,255,0.25);
}
.fwin .rfm .pn:focus,
.fwin .rfm .pn.pnc:focus {
  outline: none;
}

/* member tc */
#cony_yktc {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 24px;
    width: 480px;
    height: auto;
    z-index: 999;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
    overflow: hidden;
}
#cony_yktc .title{
    padding: 28px 0 0 40px;
    height: auto;
    line-height: normal;
    margin-bottom: 0;
    text-align: left;
    position: relative;
}
#cony_yktc .title em{
    float: none;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(to right, #818cf8, #c084fc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: 1px;
}
#cony_yktc .title span{
    float: none;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #999;
}

#cony_tc_yk{
    width: 100%;
    margin: 36px 0 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
}
.yk-circle-btn{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.5px;
    transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    cursor: pointer;
}
.yk-circle-btn svg{
    margin-bottom: 6px;
    transition: transform .3s ease;
}
.yk-circle-btn:hover svg{
    transform: translateY(-4px) scale(1.12);
}
.yk-login{
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
}
.yk-register{
    background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);
}
.yk-login:hover{
    transform: scale(1.08) translateY(-5px);
    box-shadow: 0 0 28px rgba(124, 58, 237, 0.55);
}
.yk-register:hover{
    transform: scale(1.08) translateY(-5px);
    box-shadow: 0 0 28px rgba(16, 185, 129, 0.55);
}
.yk-circle-btn:active{
    transform: scale(0.95);
}
#cony_usermb{
    cursor: pointer;
    display: block;
    width: 12px;
    white-space: normal;
    overflow: hidden;
    border-radius: 10px 0px 0px 10px;
    line-height: 20px;
    font-family: "microsoft yahei";
    margin-top: 30px;
    color: rgb(255, 255, 255);
    background: rgb(153, 153, 153);
    left: auto;
    right: 0px;
    position: fixed;
    top: 50%;
    padding: 8px 5px;
}
html body #cony_usermb_new{
    cursor: pointer;
    display: block;
    width: 12px;
    white-space: normal;
    overflow: hidden;
    border-radius: 10px 0px 0px 10px;
    line-height: 20px;
    font-family: "microsoft yahei";
    margin-top: 30px;
    color: rgb(255, 255, 255);
    background: rgb(96, 125, 139);
    right: 0px;
    position: absolute;
    top: 50%;
    padding: 8px 5px;
}
#cony_mbtc {
    border: 8px solid rgb(200,199,197);
    border-radius: 10px;
    width: 588px;
    z-index: 999;
    background: white;
    position: fixed;
    left: 30%;
    top: 15%;
}
#cony_mbtc .title{
    padding: 10px 10px 8px;
    height: 20px;
    line-height: 20px;
    margin-bottom:50px;
}
#cony_mbtc .title em{
    float: left;
    font-size: 14px;
    font-weight: 700;
    color: #369;
}
#cony_mbtc .title span{
    float: right;
    color: #999;
}
#cony_mbtc .cony_content{
    border: 1px solid #E9EBF0;
    width: 565px;
    background: #F2F4F7;
    background-image: -webkit-linear-gradient(top,#f5f7fa,#f2f4f7);
    margin-left: 10px;
    float:left;
    margin-bottom:10px;
}
#cony_mbtc .content_top{
    width: 100%;
    height: 90px;
    border-bottom: 1px solid rgba(219, 220, 224, 0.43);
}
html body #cony_mbtc .content_top th{
    border-bottom: none;
}

#cony_mbtc .avtar{
    float: left;
    width: 100px;
    height: 100px;
    background: #FFF;
    padding: 4px;
    margin-top: -35px;
    margin-left: 20px;
}
#cony_mbtc .avtar img{
    width: 90px;
    height: 90px;
    background: #FFF;
    padding: 4px;
    border-color: #DADCDF;
    border: solid 1px rgba(0,0,0,.1);
}
#cony_mbtc .nameandjdt{
    float: left;
    width: 200px;
    height: 61px;
    margin-top: 5px;
    font-size: 14px;
    font-family: STHeiti,"Microsoft Yahei",Arial,SimSun;
    font-style: normal;
    margin-left: 25px;
}
#cony_mbtc .name{
    color: #4F5D73;
    font-size: 14px;
    font-weight: 700;
}
html body #cony_mbtc .uid{
    background: #4F5D73;
    width: 32px;
    height: 20px;
    color: #FFF;
    border-radius: 3px;
    font-size: 12px;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    margin-left: 5px;
    font-weight: 500;
}
#cony_mbtc .tc_jdt{
    margin-bottom: 10px;
    margin-top: 8px;
}

#cony_mbtc .jdt_border{
    width: 120px;
    height: 10px;
    background: #F2F2F2;
    border-radius: 5px;
    border: 1px solid #4E5C72;
    float: left;
}
html body #cony_mbtc .jdt_bfb{
    line-height: 12px;
    font-size: 12px;
    font-style: normal;
    color: #9E9E9E;
    float: left;
    margin-left: 5px;
    font-weight: 700;
}
#cony_mbtc .jdt_bottom{
    float: left;
    width: 200px;
    font-weight: 700;
    margin-top: 5px;
}
#cony_mbtc .gruoptt{
    float: left;
    font-size: 12px;
    color: #888888;
}
#cony_mbtc .jdt_num{
    font-size: 12px;
    color: #888888;
}
#cony_mbtc .num{
    width: 200px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
#cony_mbtc .content_bottom{
    width: 565px;
    float: left;
    padding: 15px;
    margin: 0 auto;
    margin-left: 20px;
}
#cony_mbtc .content_bottom li{
    width: 120px;
    height: 60px;
    float: left;
    margin: 4px 4px 0 0;
    display: inline;
    padding-left: 5px;
    padding-bottom: 30px;
}
#cony_mbtc .content_bottom li img{
    display: block;
    margin: 0 auto;
    padding-top: 8px;
}
html body #cony_mbtc .content_bottom li a{
    width: 100px;
    height: 70px;
    display: block;
    background-color: rgb(242,242,242);
    text-align: center;
    font-size: 12px;
    border: 1px #BBBBBB solid;
    border-radius: 5px;
    text-decoration: none;
    color: #4F5D73;
}
#cony_mbtc .content_bottom li:hover img{
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
/* ===============================================================================
 * Header
 *==============================================================================*/

/* top act */
body #toptb {
    display: none;
}

/* nav */
body .cony_nav{
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    background: rgba(255,255,255,0.72);
    border-bottom: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    width: 100%;
    height: 64px;
    min-width: 0;
    padding-top: 0;
    transition: all .3s cubic-bezier(0.2,0,0.2,1);
}
body .cony_nav.scrolled{
    height: 52px;
    background: rgba(255,255,255,0.92);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
body #nv {
    width: 100%;
    height: 64px;
    margin: 0;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    float: none;
    box-sizing: border-box;
    text-align: left;
    flex-wrap: nowrap;
    gap: 16px;
    transition: all .3s cubic-bezier(0.2,0,0.2,1);
}
body .cony_nav.scrolled #nv{
    height: 52px;
    gap: 8px;
    padding: 0 16px;
}
/* scrolled: all items shrink to left */
body .cony_nav.scrolled .cony_logo{
    font-size: 16px;
    gap: 6px;
}
body .cony_nav.scrolled .cony_logo img{
    max-height: 28px;
}
body .cony_nav.scrolled .nav-main{
    gap: 2px;
}
body .cony_nav.scrolled #nv ul{
    gap: 0;
}
body .cony_nav.scrolled #nv li a{
    padding: 0 12px;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
}
body .cony_nav.scrolled .header-right{
    gap: 8px;
}
body .cony_nav.scrolled .cony_user_btn{
    padding: 0 12px;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
}
body .cony_nav.scrolled #nv .header-right .cony_diy{
    padding: 0 12px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
}
body .cony_nav.scrolled #nv .header-right .cony_diy a{
    font-size: 15px;
}
body .cony_nav.scrolled #nv .header-right .cony_search_box{
    width: 200px;
    height: 36px;
}
body .cony_nav.scrolled #nv .header-right .cony_search_box #scbar_txt{
    height: 36px;
    font-size: 15px;
}
body .cony_nav {
    text-align: left;
}
body #nv li.a, body #nv li, body #nv, body #nv li.a:hover{
    background: none;
}
body #nv li.hover a:hover, body #nv li.hover a {
    background: rgba(64,128,255,0.08);
}
body #nv li {
    float: none;
    padding-right: 2px;
    height: auto;
    line-height: normal;
    font-weight: normal;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
}
body #nv li a {
    height: 42px;
    line-height: 42px;
    border-top: none;
    padding: 0 18px;
    border-radius: 6px;
    color: #4e5969;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
    font-size: 18px;
}
body #nv li a:hover{
    border-top: none;
    background: rgba(64,128,255,0.08);
    color: #4080ff;
    text-decoration: none;
    height: auto;
}
body #nv li.a a{
    color: #4080ff;
    font-weight: 500;
}
body .cony_logo{
    float: none;
    width: auto;
    margin: 0;
    padding-top: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #4080ff;
    transition: all .3s cubic-bezier(0.2,0,0.2,1);
}
body .cony_logo img{
    height: auto;
    max-height: 36px;
    display: inline-block;
    vertical-align: top;
    transition: all .3s cubic-bezier(0.2,0,0.2,1);
}
body .nav-main{
    display: flex;
    gap: 4px;
    margin: 0;
    padding: 0;
    transition: all .3s cubic-bezier(0.2,0,0.2,1);
}
body #nv ul{
    display: flex;
    gap: 2px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
}
body #nv ul li{
    display: inline-flex;
    float: none;
}
body .header-right{
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    transition: all .3s cubic-bezier(0.2,0,0.2,1);
}
body .cony_user_btn{
    padding: 0 18px;
    border-radius: 6px;
    background: #4080ff;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
    text-decoration: none;
    flex-shrink: 0;
    height: 42px;
    line-height: 42px;
}
body .cony_user_btn:hover{
    background: #3370e0;
    box-shadow: 0 4px 12px rgba(64,128,255,0.25);
    text-decoration: none;
    color: #fff;
}
body .cony_user_avatar{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.3);
}
body .cony_user_name{
    font-size: 18px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#cony_twnav .p_pop{
    padding: 4px;
    border: none;
    min-width: 60px;
    border-color: none;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: none;
}
#cony_twnav .h_pop {
    min-width: 94px;
    border-top: none;
    margin-left: -4px;
}
#cony_twnav .p_pop a {
    padding: 3px 5px;
    white-space: nowrap;
    line-height: 28px;
    height: 28px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    font-size: 14px;
    transition: .0.5s;
    border:none;
}
#cony_twnav .p_pop a:hover {
    background:none;
    color:#11CFFF;
    transition: .0.5s;
}

/* search */
body #nv .header-right #scbar{display:none;}
body #nv .header-right .cony_search_box{
    position: relative;
    width: 240px;
    height: 42px;
    flex-shrink: 0;
    box-sizing: border-box;
    transition: all .3s cubic-bezier(0.2,0,0.2,1);
}
body #nv .header-right .cony_search_box #scbar_form{
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
body #nv .header-right .cony_search_box #scbar_txt{
    width: 100%;
    height: 42px;
    padding: 0 16px 0 44px;
    border-radius: 6px;
    background: rgba(0,0,0,0.04);
    border: 1px solid transparent;
    color: #1d2129;
    font-size: 18px;
    text-indent: 0;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
}
body #nv .header-right .cony_search_box #scbar_txt:focus{
    outline: none;
    border-color: #69a0ff;
    background: #fff;
}
body #nv .header-right .cony_search_box .cony_search_icon{
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    cursor: pointer;
    z-index: 1;
}

/* mobile */
@media screen and (max-width:768px){
  body .nav-main{display:none}
  body #scbar{width:160px}
  body .cony_nav{height:56px}
  body #nv{height:56px}
}

/* ===============================================================================
 * Content
 *==============================================================================*/

/* discuz.htm-diy */

.cony_sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
    width: auto;
    max-width: none;
}
.card:hover {
    box-shadow: 0 6px 24px rgba(64,128,255,0.12);
}
.card-head {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card-more {
    color: #4080ff;
    font-size: 13px;
    text-decoration: none;
}
.card-title {
    font-size: 16px;
    font-weight: 600;
    color: #1d2129;
    margin: 0;
}
.sign-box {
    padding: 20px;
    text-align: center;
}
.sign-box p {
    font-size: 13px;
    color: #86909c;
    margin-bottom: 12px;
}
.cony_sidebar .card .sign-box button.sign-btn {
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 10px;
    background: linear-gradient(135deg,#4080ff,#5290ff);
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    border: 0;
    padding: 0;
    margin: 12px 0 0 0;
    cursor: pointer;
    outline: 0;
    box-shadow: none;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
    overflow: hidden;
    font-family: inherit;
}
.cony_sidebar .card .sign-box button.sign-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(64,128,255,0.2);
}
.sign-img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 8px;
}
.hot-user-list {
    padding: 10px;
}
.hot-user-item {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 10px;
}
.user-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}
.hot-user-item span {
    font-size: 13px;
    color: #1d2129;
}
.stats-box {
    padding: 20px;
    line-height: 2.2;
    color: #4e5969;
}
.stats-box p {
    font-size: 13px;
    margin: 0;
}

/* diy_sidebar area styles */
#diy_sidebar.area {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: transparent;
}
#diy_sidebar.area .frame,
#diy_sidebar.area .column {
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    float: none;
}
#diy_sidebar.area .block {
    width: 100%;
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
    transition: box-shadow .24s cubic-bezier(0.2,0,0.2,1);
    padding: 0;
    margin: 0 0 16px 0;
}
#diy_sidebar.area .block:last-child {
    margin-bottom: 0;
}
#diy_sidebar.area .block:hover {
    box-shadow: 0 6px 24px rgba(64,128,255,0.12);
}
#diy_sidebar.area .frame .frame-title,
#diy_sidebar.area .block .block-title {
    display: none;
}
#diy_sidebar.area .block .block-content {
    width: 100%;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}
#diy_sidebar.area .block .card {
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    transition: none;
}
#diy_sidebar.area .block .card:hover {
    box-shadow: none;
}
.thread-list {
    padding: 10px;
}
.thread-item {
    display: flex;
    padding: 14px 10px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    gap: 12px;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
}
.thread-item:last-child {
    border-bottom: none;
}
.thread-item:hover {
    background: rgba(64,128,255,0.03);
}
.thread-thumb {
    width: 90px;
    height: 64px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
}
/* 无图主题 - 第三方视频播放器(尺寸与 .thread-thumb 一致: 90x64) */
.thread-video {
    width: 90px;
    height: 64px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    background: #000;
    position: relative;
}
.thread-video iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.thread-video video {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    object-fit: cover;
    background: #000;
}
.thread-video-loading,
.thread-video-empty {
    width: 90px;
    height: 64px;
    border-radius: 6px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f6f8;
    color: #86909c;
    font-size: 11px;
    box-sizing: border-box;
}
.thread-main {
    flex: 1;
    min-width: 0;
}
.thread-top-tag {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    background: #fff2e8;
    color: #ff7d00;
    margin-right: 6px;
}
.thread-title {
    font-weight: 500;
    color: #1d2129;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.thread-title a {
    color: #1d2129;
    text-decoration: none;
}
.thread-title a:hover {
    color: #4080ff;
    text-decoration: none;
}
.thread-meta {
    display: flex;
    gap: 12px;
    font-size: 12px;
    color: #86909c;
}
.thread-stat {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #4e5969;
    font-size: 13px;
    text-align: right;
    flex-shrink: 0;
}
@media screen and (max-width:1080px){
    .cony_main_wrap {
        grid-template-columns: 1fr;
    }
    .cony_sidebar {
        order: 2;
        margin-top: 20px;
    }
}

/* discuz.htm-block */
#cony_bk .fl {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    padding: 0;
    margin: 0;
}
#cony_bk .fl:hover {
    box-shadow: none;
}
#cony_bk .bm.bmw {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
    transition: box-shadow .24s cubic-bezier(0.2,0,0.2,1);
    margin-bottom: 16px;
}
#cony_bk .bm.bmw:last-child {
    margin-bottom: 0;
}
#cony_bk .bm.bmw:hover {
    box-shadow: 0 6px 24px rgba(64,128,255,0.12);
}
#cony_bk .fl .bm_h {
    border-width: 0;
    border-color: transparent;
    background: #FFF;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}
#cony_bk .bmw .bm_h a {
    color: #1d2129;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}
#cony_bk .bm_h .o,#cony_bk .y { 
    display: none;
}
#cony_bk .fl .bm {
    border: none;
    background: #FFF;
}
#cony_bk .fl_tb {
    width: 100%;
}
#cony_bk .fl_tb td {
    padding: 12px;
    vertical-align: top;
}
#cony_bk .fl_row {
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
}
#cony_bk .fl_row td {
    border-top: none;
}
#cony_bk .fl_g {
    border-radius: 10px;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
    overflow: hidden;
}
#cony_bk .fl_g:hover {
    background: rgba(64,128,255,0.04);
}
#cony_bk .fl_icn_g {
    width: auto !important;
    float: left;
    margin-right: 10px;
}
#cony_bk .fl_icn_g img {
    border-radius: 6px;
    display: block;
}
#cony_bk .fl_icn img {
    display: block;
}
#cony_bk .fl_g dl {
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
}
#cony_bk .fl_g dt a {
    font-weight: 500;
    color: #1d2129;
    text-decoration: none;
    font-size: 14px;
}
#cony_bk .fl_g dd {
    font-size: 12px;
    color: #86909c;
    margin: 4px 0 0;
    line-height: 1.5;
}
#cony_bk .fl_g dd em {
    font-style: normal;
}
#cony_bk .fl_g dd a {
    color: #4e5969;
    text-decoration: none;
}
#cony_bk .fl_g dd a:hover {
    color: #4080ff;
    text-decoration: none;
}

/* discuz.htm-online */
html body #online {
    margin-bottom: 0;
}
html body #online .bm {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
}
#online .bm:hover {
    box-shadow: 0 6px 24px rgba(64,128,255,0.12);
}
#online .bm_h{
    border-width: 0;
    border-color: transparent;
    background: #FFF;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#online .bm_h strong a{
    color: #1d2129;
    text-decoration: none;
    font-size:16px;
    font-weight: 600;
}
#online .xs1{
    color: #86909c;
}
html body .oll li {
    height: 35px;
}
#onlinelist .cony_onlineav {
    width: 26px;
    height: 26px;
    margin: 0px;
    padding: 2px;
    border: 1px solid #b9b9b9;
}
html body #online .pbm {
    padding-bottom: 10px;
    padding-left: 10px;
}
#onlinelist .grouptb {
    position: absolute;
    margin-left: -10px;
    margin-top: 24px;
    width: 10px;
}

/* ===============================================================================
 * Footer
 *==============================================================================*/

/* footer.htm-footer */
#cony_ft{
    width: 100%;
    background: transparent;
    border-top: 1px solid rgba(0,0,0,0.08);
    height: 50px;
    color: #86909c;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cony_ft .ftmain{
    width: 100%;
    max-width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
#cony_ft .copyright{
    width: 100%;
    color: #86909c;
    line-height: 1.5;
    font-size: 13px;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,"Microsoft YaHei",sans-serif;
}
#cony_ft .copyright a{
    color: #86909c;
    text-decoration: none;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
}
#cony_ft .copyright a:hover{
    color: #4080ff;
    text-decoration: none;
}

/* ===============================================================================
 * Forumdisplay
 *==============================================================================*/

/* page btn */
.pg, .pgb {
    line-height: 26px;
}
.pgb a {
    padding-left: 12px;
    background-image: none;
    background-position: 10px 50%;
    border: 1px solid rgba(0,0,0,0.08);
    padding: 6px 12px;
    border-radius: 6px;
    margin-right: 3px;
    font-size: 13px;
    color: #4e5969;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
}
.pg strong {
    border: 1px solid #4080ff;
    color: #fff;
    background: #4080ff;
    font-weight: normal;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 6px;
    margin-right: 3px;
}
.pg a, .pg a.nxt, .pgb a {
    border:1px solid rgba(0,0,0,0.08);
    padding: 6px 12px;
    border-radius: 6px;
    margin-right: 3px;
    font-size: 13px;
    color: #4e5969;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
}
.pg a.nxt {
    padding-right: 12px;
    background-image: none;
    background-position: 90% 50%;
    margin-right: 0;
}
.pg label {
    cursor: text;
    border: 1px solid rgba(0,0,0,0.08);
    padding: 6px 12px;
    border-radius: 6px;
    margin-right: 3px;
    font-size: 13px;
}
.pg label .px {
    padding: 0;
    width: 20px;
    height: 16px;
    line-height: 16px;
    font-size: 13px;
    background: none;
    border: none;
    font-style: normal;
}
.pg label:hover,.pg a:hover, .pg a.nxt:hover, .pgb a:hover {
    background:#4080ff;
    color:#FFF;
    cursor: pointer;
    border:1px solid #4080ff
}
body #threadlist .pg label:hover .px{
    color:#FFF;
}

/* Fourm Top */
#cony_ftop{height: 60px;margin: 0 0 10px 0;}
#cony_ftop #pt{float:left;}
#cony_ftop #pgt{float:right;margin: 15px 0;}

/* threadlist */
.cony_listgg{
    float: none;
    width: 100%;
    margin-left: 0;
    height: auto;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    padding: 10px 12px;
    box-sizing: border-box;
}
.cony_listggimg{
    float: none;
    width: 40px;
    margin-top: 0;
    margin-right: 12px;
    flex-shrink: 0;
}
.cony_listggtt {
    float: none;
    width: auto;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,"Microsoft YaHei",sans-serif;
    font-size: 14px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cony_listggzz{
    float: none;
    color: #86909c;
    font-size: 13px;
    flex-shrink: 0;
    margin-left: 12px;
}
.cony_listggzz a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 65px;
}
body #threadlist{width:auto;}
body #threadlist{border:none;}
body .mn .cony_listtop{width:auto;border:none;}
body #threadlist .th {
    margin-top: 0px;
    padding: 16px 20px;
    background: none;
    border: none;
    margin-bottom: 10px;
}
body #threadlist .bm_c{
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
body #threadlist #threadlisttableid{
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    display: block;
}
body #threadlist #threadlisttableid tbody{
    display: block;
    width: 100%;
}
body #threadlist #threadlisttableid tr{
    display: block;
    width: 100%;
}
body #threadlist #threadlisttableid tr td,
body #threadlist #threadlisttableid tr th{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}
body #threadlist #threadlisttableid tr th.cony_listall{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 16px 12px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    transition: all 0.24s cubic-bezier(0.2,0,0.2,1);
    background: transparent;
}
body #threadlist .bm_c table{
    width: 100%;
}
body #threadlist .bm_c table td.icn,
body #threadlist .bm_c table td.o,
body #threadlist .bm_c table td.by,
body #threadlist .bm_c table td.num{
    display: none;
}
body .mn .forum-head{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 12%, rgba(64,128,255,.04), transparent 24%),
        radial-gradient(circle at 88% 8%, rgba(105,160,255,.035), transparent 28%),
        linear-gradient(90deg, #ffffff, #f8f9fc, #ffffff, #f5f7fb);
    background-size:160% 160%;
    animation:forumBgAnim 14s ease-in-out infinite;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    padding:24px;
    margin-bottom:20px;
}
body .mn .forum-head::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%234080ff' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity:.5;
    pointer-events:none;
}
body .mn .forum-head-top{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
}
body .mn .forum-head-info h1{
    font-size:22px;
    color: #2d3748;
    margin-bottom:8px;
    display:flex;
    align-items:center;
    gap:10px;
    line-height:1.3;
}
body .mn .forum-head-icon{
    width:42px;
    height:42px;
    border-radius:8px;
    background:linear-gradient(135deg,#e8f3ff,#d0e4ff);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    overflow:hidden;
}
body .mn .forum-head-icon img{
    width:42px;
    height:42px;
    object-fit:cover;
    border-radius:8px;
}
body .mn .forum-head-desc{
    color:#86909c;
    font-size:14px;
    margin-bottom:12px;
}
body .mn .forum-head-data{
    display:flex;
    gap:24px;
    font-size:13px;
    color:#86909c;
}
body .mn .forum-head-data span{
    display:flex;
    align-items:center;
    gap:4px;
}
body .mn .forum-head-data i.forum-data-icon{
    width:16px;
    height:16px;
    display:inline-block;
    position:relative;
    margin-right:4px;
}
body .mn .forum-head-data i.forum-data-icon.today::after{
    content:"";
    width:16px;
    height:16px;
    border:2px solid #4a90d9;
    border-radius:50%;
    position:absolute;
    top:0;
    left:0;
}
body .mn .forum-head-data i.forum-data-icon.today::before{
    content:"";
    width:5px;
    height:5px;
    background:#4a90d9;
    border-radius:50%;
    position:absolute;
    top:3px;
    left:5px;
}
body .mn .forum-head-data i.forum-data-icon.posts::after{
    content:"";
    width:12px;
    height:10px;
    border:2px solid #4a90d9;
    border-radius:0 6px 6px 6px;
    position:absolute;
    top:3px;
    left:2px;
}
body .mn .forum-head-data i.forum-data-icon.posts::before{
    content:"";
    width:0;
    height:0;
    border-top:4px solid transparent;
    border-right:4px solid #4a90d9;
    border-bottom:4px solid transparent;
    position:absolute;
    top:5px;
    left:0;
}
body .mn .forum-btn-group{
    display:flex;
    gap:10px;
}
body .mn .btn-newpost{
    padding:10px 20px;
    border-radius:99px;
    background:linear-gradient(135deg,#4080ff,#4d94ff);
    color:#fff;
    font-size:14px;
    font-weight:500;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:6px;
    transition:all .3s;
}
body .mn .btn-newpost:hover{
    background:linear-gradient(135deg,#3366cc,#4080ff);
    transform:translateY(-1px);
}
body .mn .btn-newpost .btn-icon{
    width:14px;
    height:14px;
    position:relative;
}
body .mn .btn-newpost .btn-icon::before{
    content:"";
    width:14px;
    height:2px;
    background:#fff;
    position:absolute;
    top:6px;
    left:0;
}
body .mn .btn-newpost .btn-icon::after{
    content:"";
    width:2px;
    height:14px;
    background:#fff;
    position:absolute;
    top:0;
    left:6px;
}
body .mn .btn-fav{
    padding:10px 20px;
    border-radius:99px;
    background:rgba(0,0,0,0.05);
    color:#86909c;
    font-size:14px;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:6px;
    transition:all .3s;
}
body .mn .btn-fav:hover{
    background:rgba(0,0,0,0.08);
    color:#2d3748;
}
body .mn .cony_listtop{
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    padding: 14px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: auto;
    box-sizing: border-box;
}
.cony_tdlist_l{
    display: flex;
    gap: 8px;
}
.cony_tdlist_l li{
    position: relative;
    display: inline-block;
}
.cony_tdlist_l li a{
    padding: 6px 14px;
    border-radius: 99px;
    font-size: 13px;
    color: #4e5969;
    transition: all 0.24s cubic-bezier(0.2,0,0.2,1);
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}
.cony_tdlist_l li a::after{
    content:"";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #86909c;
    margin-left: 4px;
    margin-top: 2px;
}
.cony_tdlist_l li a:hover{
    background: #4080ff;
    color: #fff;
}
.cony_tdlist_l li a:hover::after{
    border-top-color: #fff;
}
.cony_meu{
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 130px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 10px;
    box-shadow: 0 6px 24px rgba(64,128,255,0.12);
    z-index: 99;
    overflow: hidden;
}
.cony_meu li{
    background: #fff;
    padding: 0;
}
.cony_meu li a{
    display: block;
    padding: 8px 14px;
    font-size: 13px;
    color: #4e5969;
    transition: all 0.24s cubic-bezier(0.2,0,0.2,1);
    border-radius: 0;
}
.cony_meu li a:hover{
    background: rgba(64,128,255,0.06);
    color: #4080ff;
}
.cony_meu li a::after{
    display: none;
}
.cony_tdlist_r{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #4e5969;
}
.cony_tdlist_r a{
    padding: 2px 6px;
    color: #4e5969;
    font-size: 13px;
    text-decoration: none;
}
.cony_tdlist_r a.xw1{
    color: #4080ff;
    font-weight: 500;
}
.cony_tdlist_r a:hover{
    color: #4080ff;
}
.cony_tdlist_r .pipe{
    color: #86909c;
}
.cony_tdlist_r #atarget{
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 10px;
    color: #4e5969;
    font-size: 13px;
    cursor: pointer;
}
.cony_tdlist_r #atarget.atarget_1{
    color: #4080ff;
}
.cony_meu_other{
    width: 70px;
    background: #fff;
    position: absolute;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 10px;
    box-shadow: 0 6px 24px rgba(64,128,255,0.12);
}
body #threadlist #threadlisttableid .cony_meu_other li{
    background: #fff;
    padding: 0;
    font-size: 12px;
}
body #threadlist #threadlisttableid .cony_meu_other li a{
    display: block;
    padding: 8px 14px;
    margin: 0;
    font-size: 12px;
    color: #4e5969;
    background: none;
    border-radius: 0;
}
body #threadlist #threadlisttableid .cony_meu_other li a:hover{
    background: rgba(64,128,255,0.06);
    color: #4080ff;
}
.cony_meu_other a:hover{
    color:#4080ff;
    text-decoration: none;
}


html body #threadlist #threadlisttableid tr th.cony_listall:hover{
    background: rgba(64,128,255,0.03);
    padding-left: 16px;
}

.cony_listzt{
    flex: 1;
    min-width: 0;
    width: auto;
    float: none;
    margin-top: 0;
}
.cony_listzt_top{
    height: auto;
    margin-bottom: 8px;
}
body #threadlist #threadlisttableid .cony_listzt_top a{
    text-decoration: none;
}
html body #threadlist #threadlisttableid .cony_listzt_top a:hover{
    color: #4080ff;
    text-decoration: none;
}
body #threadlist #threadlisttableid .cony_listzt_topbt{
    float: none;
    display: inline;
    color: #1d2129;
    font-size: 15px;
    font-weight: 500;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,"Microsoft YaHei",sans-serif;
    max-width: 100%;
    overflow: hidden;
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.5;
}
html body #threadlist #threadlisttableid .cony_listzt_topbt:hover{
    color: #4080ff;
}
body #threadlist #threadlisttableid .cony_list_type{
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    color: #fff;
    margin-right: 6px;
    font-weight: 500;
}
body #threadlist #threadlisttableid .cony_list_type:first-child{
    background: #ff7d00;
}
body #threadlist #threadlisttableid .cony_list_type:last-child{
    background: #00b42a;
}
body #threadlist #threadlisttableid .cony_listzt_topxh{
    color: #999;
    display: inline;
    float: none;
    margin-left: 8px;
}
body #threadlist #threadlisttableid .cony_listzt_top .typeid{
    display: inline-block;
    padding: 2px 8px;
    margin-right: 8px;
    background: #ff7d00;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    line-height: 1.4;
}
body #threadlist #threadlisttableid .cony_listzt_topxh a{
    color: #999;
}
.cony_listzt_topbtimg{
    margin-left: 8px;
    margin-right: 2px;
    float: none;
    display: inline-block;
}
.cony_listzt_topbtimg img{
    vertical-align: middle;
}
.cony_listzt_bottom{
    height: auto;
    margin-top: 6px;
    width: auto;
    float: none;
}
.cony_listzt_bottom ul{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: flex-end;
}
.cony_listzt_bottom li{
    list-style: none;
}
.cony_listzt_bottom li.z{
    flex: 1;
    min-width: 0;
    font-size: 12px;
    color: #4e5969;
}
html body .cony_listzt_bottom li.z a{
    color: #4e5969;
}
.cony_listzt_bottom li.y{
    display: flex;
    gap: 14px;
    flex-shrink: 0;
    color: #4e5969;
    font-size: 13px;
}
.cony_listzt_bottomzz{
    width: auto;
    float: none;
}
.cony_listzt_bottomzz img{
    width: 15px;
    height: 15px;
    margin-right: 6px;
    margin-bottom: -3px;
}
.cony_listzt_bottomzz a{
    color: #86909c;
    font-size: 12px;
}
.cony_listzt_bottomtime img{
    width: 15px;
    height: 15px;
    margin-right: 6px;
    margin-bottom: -3px;
}
.cony_listzt_bottomtimett{
    color: #86909c;
    font-size: 12px;
}
.cony_list_view{
    display: flex;
    align-items: center;
    gap: 4px;
}
.cony_list_viewnum{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2386909c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 14px 14px;
}
.cony_list_view span{
    color: #4e5969;
    font-size: 13px;
}
.cony_list_post{
    display: flex;
    align-items: center;
    gap: 4px;
}
.cony_list_postnum{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2386909c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 14px 14px;
}
.cony_list_post span{
    color: #4e5969;
    font-size: 13px;
}
.cony_listzt_bottom li.y div:last-child{
    font-size: 12px;
    color: #4e5969;
    margin-left: 4px;
}
.cony_listzt_bottom li.y div:last-child a{
    color: #4e5969;
    text-decoration: none;
    margin-left: 3px;
}
#cony_list_changnew{
    color: #777;
    height: 43px;
    font-size: 14px;
    font-weight: bold;
    width: 890px;
    margin-left: 20px;
    line-height: 43px;
    border-bottom: 1px solid #eee;
}
body .forumrefresh{
    padding-right: 14px;
    background: url('{STYLEIMGDIR}/changnew.png') no-repeat 100% 50%;
    color: #777;
    text-decoration: none;
}
body #cony_list_changnew .tl .ts th, body #cony_list_changnew .tl .ts td, body #cony_list_changnew th{background:none;border-bottom:1px solid #eee;}
#cony_list_changnew th{
    float: left;
    margin-left: 20px;
    width: 230px;
}

body .tl #forumnewshow a {
    width: auto;
    margin-left: 0;
    background: rgba(255,125,0,0.05);
}
body .tl .newthread tr th, body .tl .newthread tr td {
    background: rgba(255,125,0,0.05);
}
body .tl tbody:last-child th, body .tl tbody:last-child td {
    border-bottom: none;
}
body #threadlist #threadlisttableid .cony_listall.thread-top{
    background: rgba(255,125,0,0.05);
}
body #threadlist #autopbn {
    border: 1px solid #d1d1d4;
    border-radius: 3px;
    text-align: center;
    background: #fff;
    width: auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin-left: 10px;
    margin-top:10px;
}
body #threadlist #newspecial, body #threadlist #newspecialtmp, body #threadlist #post_reply, body #threadlist #post_replytmp{
    display: block;
    width: 80px;
    height: 33px;
    background: #0087e0;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    line-height: 33px;
    text-decoration:none;
}
body #threadlist #newspecial:hover, body #threadlist #newspecialtmp:hover, body #threadlist #post_reply:hover, body #threadlist #post_replytmp:hover {
    background: #0087e0cc;
    text-decoration:none;
}

.cony_f_fastpost{
    background: #fff;
    border: none;
    width: calc(100% - 20px);
    min-height: 220px;
    margin: 0 10px 10px;
    padding: 16px;
    border-top: 1px dashed rgba(0,0,0,0.08);
    box-sizing: border-box;
    overflow: hidden;
}
.cony_f_fastpost .cl{
    display: block;
    clear: both;
    overflow: hidden;
}

.cony_f_fastpost .bm_c{
    margin: 0;
    padding: 0;
    border: none;
}
.cony_f_fastpost #fastpostform{
    margin: 0;
    padding: 0;
}
.cony_f_fastpost #fastposteditor{
    margin-bottom: 0;
}
.cony_f_fastpost .tedt{
    border: none;
    background: transparent;
}
.cony_f_fastpost #fastsmiliesdiv{
    margin-top: 18px;
    width: 160px;
    flex-shrink: 0;
}
.cony_f_fastpost #fastsmiliesdiv_data{
    width: 160px;
}
.cony_f_fastpost #fastsmilies{
    width: 160px;
    text-align: left;
}
.cony_f_fastpost #fastsmilies table{
    table-layout: auto;
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px;
}
.cony_f_fastpost #fastsmilies td{
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    transition: all 0.15s ease;
}
body .cony_f_fastpost #fastsmilies tr:hover td{
    background-color: transparent;
}
body .cony_f_fastpost #fastsmilies tr:hover td:hover{
    background: rgba(64,128,255,0.15);
}
.cony_f_fastpost #fastsmilies img{
    vertical-align: middle;
    display: block;
    margin: 0 auto;
}
.cony_f_fastpost #fastposteditor.hasfsl{
    margin-right: 170px;
}
.cony_f_fastpost .tedt .bar{
    display: none;
}
.cony_f_fastpost .tedt .area{
    padding: 0;
    margin-top: 12px;
}
.cony_f_fastpost .tedt .area textarea{
    width: 100%;
    height: 100px;
    padding: 12px;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 10px;
    resize: none;
    color: #1d2129;
    background: transparent;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
}
.cony_f_fastpost .tedt .area textarea:focus{
    outline: none;
    border-color: #4080ff;
    box-shadow: 0 0 0 3px rgba(64,128,255,0.08);
}
.cony_f_fst_bt{
    margin-top: 10px;
    padding-top: 0;
    border-top: none;
    display: flex;
    align-items: center;
    gap: 10px;
}
.cony_f_fst_bt #subject{
    flex: 1;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 10px;
    margin-bottom: 0;
    color: #1d2129;
    background: transparent;
    font-size: 14px;
    line-height: 1.4;
    box-sizing: border-box;
    text-indent: 0;
    height: auto;
    float: none;
}
.cony_f_fst_bt #subject:focus{
    outline: none;
    border-color: #4080ff;
    box-shadow: 0 0 0 3px rgba(64,128,255,0.08);
}
.cony_f_fst_bt #subject::placeholder{
    color: #86909c;
}
.cony_f_fourm_fpstbton{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 22px;
    border-radius: 99px;
    background: #4080ff;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.24s cubic-bezier(0.2,0,0.2,1);
    height: auto;
    line-height: 1.4;
    width: auto;
    float: left;
}
.cony_f_fourm_fpstbton:hover{
    background: #3370e0;
    box-shadow: 0 4px 12px rgba(64,128,255,0.2);
}
.cony_f_fastpost .ptm.pnpost{
    margin-top: 10px;
    text-align: left;
    clear: both;
    display: flex;
    align-items: center;
    gap: 12px;
}
.cony_f_fastpost #seccheck_fastpost{
    float: left;
    margin: 0 0 0 10px;
    display: block;
}
.cony_f_fastpost #seccheck_fastpost input{
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: none;
    background: transparent;
    outline: none;
    border-radius: 6px;
    padding: 6px 10px;
}
.cony_f_fastpost #seccheck_fastpost .xi2{
    color: #86909c;
}
.cony_f_fast_xl{
    background: transparent;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 99px;
    padding: 8px 12px 8px 14px;
    color: #4e5969;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    margin: 0;
    float: none;
    flex-shrink: 0;
    min-width: 120px;
    max-width: 200px;
    transition: all 0.24s cubic-bezier(0.2,0,0.2,1);
}
.cony_f_fast_xl:hover{
    background: rgba(64,128,255,0.08);
    border-color: rgba(64,128,255,0.15);
    color: #4080ff;
}
.cony_f_fast_xl:focus{
    border-color: #4080ff;
    box-shadow: 0 0 0 3px rgba(64,128,255,0.08);
}
#typeid_fast_ctrl{
    float: none;
    margin: 0;
    color: #4e5969;
    font-size: 13px;
    padding: 8px 24px 8px 14px;
    border-radius: 99px;
    border: 1px solid rgba(0,0,0,0.08);
    cursor: pointer;
    transition: all 0.24s cubic-bezier(0.2,0,0.2,1);
    background: transparent;
    display: inline-flex;
    align-items: center;
    min-width: 120px;
    max-width: 200px;
    white-space: nowrap;
    line-height: 1.4;
    outline: none;
    flex-shrink: 0;
    position: relative;
}
#typeid_fast_ctrl::after{
    content:"";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #86909c;
    margin-left: 4px;
    margin-top: 2px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}
#typeid_fast_ctrl:hover{
    background: #4080ff;
    border-color: #4080ff;
    color: #fff;
}
#typeid_fast_ctrl:hover::after{
    border-top-color: #fff;
}
#typeid_fast_ctrl_menu{
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.06);
    padding: 6px 0;
    min-width: 140px;
}
#typeid_fast_ctrl_menu li{
    padding: 8px 16px;
    font-size: 13px;
    color: #4e5969;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}
#typeid_fast_ctrl_menu li:hover{
    background: rgba(64,128,255,0.08);
    color: #4080ff;
}
#typeid_fast_ctrl_menu li.current{
    background: rgba(64,128,255,0.1);
    color: #4080ff;
    font-weight: 500;
}
#newspecial_menu{
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.06);
    padding: 6px 0;
    min-width: 140px;
}
#newspecial_menu li{
    padding: 8px 16px;
    font-size: 13px;
    color: #4e5969;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    line-height: 1.5;
}
#newspecial_menu li:hover{
    background: rgba(64,128,255,0.08);
    color: #4080ff;
}
#newspecial_menu li a{
    color: inherit;
    text-decoration: none;
}
#newspecial_menu li:hover a{
    color: #4080ff;
}

body.pg_forumdisplay #mdly { position: fixed; padding: 0; margin: 0; width: 160px; height: auto; background: #fff; background-image: none; border: 1px solid rgba(0,0,0,0.08); border-radius: 10px; box-shadow: 0 6px 24px rgba(64,128,255,0.12); line-height: 28px; z-index: 9999; overflow: visible; }
body.pg_forumdisplay #mdly .mdly-header { padding: 10px 14px; border-bottom: 1px solid rgba(0,0,0,0.06); line-height: 20px; }
body.pg_forumdisplay #mdly .mdly-header label { position: static; display: block; font-size: 12px; color: #86909c; margin: 0; padding: 0; line-height: 20px; }
body.pg_forumdisplay #mdly .mdly-header label input { margin-right: 6px; vertical-align: middle; }
body.pg_forumdisplay #mdly .mdly-body { padding: 0; }
body.pg_forumdisplay #mdly .mdly-body a { display: block; color: #4e5969; text-decoration: none; font-size: 13px; padding: 8px 14px; margin: 0; border-radius: 0; transition: all 0.24s cubic-bezier(0.2,0,0.2,1); }
body.pg_forumdisplay #mdly .mdly-body a:hover { background: rgba(64,128,255,0.06); color: #4080ff; }
body.pg_forumdisplay #mdly h6 { display: none; }
body.pg_forumdisplay #mdly p { margin: 0; }
body.pg_forumdisplay #mdly .pipe { display: none; }
body.pg_forumdisplay #mdly .cp { display: none; }
body.pg_forumdisplay #mdly label { position: static; display: block; font-size: 12px; color: #86909c; margin: 0; padding: 0; top: auto; right: auto; line-height: 20px; }
body.pg_forumdisplay #mdly label input { margin-right: 6px; vertical-align: middle; }

/* ===============================================================================
 * Forumdisplay Sidebar (????????DIY?????)
 *==============================================================================*/
.cony_forumdisplay_wrap{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:20px;
    width:100%;
    box-sizing:border-box;
}
.cony_forumdisplay_main{
    min-width:0;
    width:auto;
}
.cony_forumdisplay_main > *{
    width:auto;
    min-width:0;
    box-sizing:border-box;
}
.cony_forumdisplay_sidebar{
    display:flex;
    flex-direction:column;
    gap:20px;
    min-width:0;
}
.cony_forumdisplay_sidebar .area,
.cony_forumdisplay_sidebar .area .frame,
.cony_forumdisplay_sidebar .area .column,
.cony_forumdisplay_sidebar .area .block,
.cony_forumdisplay_sidebar .area .block .block-content,
.cony_forumdisplay_sidebar .area .block .dxb_bc{
    width:100%;
    border-radius:16px;
    overflow:hidden;
    background:transparent;
    border:none;
    box-shadow:none;
    padding:0;
    margin:0;
}
.cony_forumdisplay_sidebar .area .frame .frame-title,
.cony_forumdisplay_sidebar .area .block .block-title,
.cony_forumdisplay_sidebar .area .block .title{
    display:none;
}
/* ?????? */
.cony_forumdisplay_sidebar .cony_side_forumlist{
    background:#fff;
    border-radius:16px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 2px 12px rgba(0,0,0,0.06);
    overflow:hidden;
    transition:all .24s cubic-bezier(0.2,0,0.2,1);
}
.cony_forumdisplay_sidebar .cony_side_forumlist:hover{
    box-shadow:0 6px 24px rgba(64,128,255,0.12);
}
.cony_forumdisplay_sidebar .cony_side_forumlist .side-head{
    padding:16px 20px;
    border-bottom:1px solid rgba(0,0,0,0.08);
    font-size:16px;
    font-weight:600;
    color:#1d2129;
    display:flex;
    align-items:center;
    gap:8px;
}
.cony_forumdisplay_sidebar .cony_side_forumlist .side-body{
    padding:10px;
}
.cony_forumdisplay_sidebar .side-forum-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px 10px;
    border-radius:10px;
    transition:all .24s cubic-bezier(0.2,0,0.2,1);
    text-decoration:none;
    color:#1d2129;
}
.cony_forumdisplay_sidebar .side-forum-item:hover{
    background:rgba(64,128,255,0.04);
    color:#4080ff;
}
.cony_forumdisplay_sidebar .side-forum-icon{
    width:32px;
    height:32px;
    border-radius:8px;
    background:#e8f3ff;
    color:#4080ff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:16px;
    overflow:hidden;
}
.cony_forumdisplay_sidebar .side-forum-icon img{
    width:32px;
    height:32px;
    object-fit:cover;
    border-radius:8px;
}
.cony_forumdisplay_sidebar .side-forum-name{
    font-size:13px;
    flex:1;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
/* ?????? */
.cony_forumdisplay_sidebar .cony_side_hotpost{
    background:#fff;
    border-radius:16px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 2px 12px rgba(0,0,0,0.06);
    overflow:hidden;
    transition:all .24s cubic-bezier(0.2,0,0.2,1);
}
.cony_forumdisplay_sidebar .cony_side_hotpost:hover{
    box-shadow:0 6px 24px rgba(64,128,255,0.12);
}
.cony_forumdisplay_sidebar .cony_side_hotpost .side-head{
    padding:16px 20px;
    border-bottom:1px solid rgba(0,0,0,0.08);
    font-size:16px;
    font-weight:600;
    color:#1d2129;
    display:flex;
    align-items:center;
    gap:8px;
}
.cony_forumdisplay_sidebar .cony_side_hotpost .side-body{
    padding:10px;
}
.cony_forumdisplay_sidebar .hotpost-item{
    padding:10px;
    border-radius:8px;
    margin-bottom:8px;
    transition:all .24s cubic-bezier(0.2,0,0.2,1);
}
.cony_forumdisplay_sidebar .hotpost-item:last-child{
    margin-bottom:0;
}
.cony_forumdisplay_sidebar .hotpost-item:hover{
    background:rgba(64,128,255,0.04);
}
.cony_forumdisplay_sidebar .hotpost-title{
    font-size:13px;
    font-weight:500;
    color:#1d2129;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-bottom:4px;
    line-height:1.4;
}
.cony_forumdisplay_sidebar .hotpost-title a{
    color:#1d2129;
    text-decoration:none;
    transition:color .24s cubic-bezier(0.2,0,0.2,1);
}
.cony_forumdisplay_sidebar .hotpost-title a:hover{
    color:#4080ff;
}
.cony_forumdisplay_sidebar .hotpost-meta{
    display:flex;
    justify-content:space-between;
    font-size:11px;
    color:#86909c;
}
.cony_forumdisplay_sidebar .hotpost-meta .hotpost-view{
    color:#f53f3f;
}
/* ????? */
.cony_forumdisplay_sidebar .cony_side_ad{
    background:#fff;
    border-radius:16px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 2px 12px rgba(0,0,0,0.06);
    overflow:hidden;
    transition:all .24s cubic-bezier(0.2,0,0.2,1);
}
.cony_forumdisplay_sidebar .cony_side_ad:hover{
    box-shadow:0 6px 24px rgba(64,128,255,0.12);
}
.cony_forumdisplay_sidebar .cony_side_ad .side-head{
    padding:16px 20px;
    border-bottom:1px solid rgba(0,0,0,0.08);
    font-size:16px;
    font-weight:600;
    color:#1d2129;
    display:flex;
    align-items:center;
    gap:8px;
}
.cony_forumdisplay_sidebar .cony_side_ad .side-body{
    padding:20px;
}
.cony_forumdisplay_sidebar .ad-box{
    min-height:120px;
    background:#f2f7ff;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#86909c;
    font-size:13px;
    padding:20px;
    box-sizing:border-box;
    text-align:center;
}
.cony_forumdisplay_sidebar .ad-box img{
    max-width:100%;
    height:auto;
    border-radius:8px;
    display:block;
}
.cony_forumdisplay_sidebar .ad-box a{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
    color:inherit;
}
/* ???? */
@media screen and (max-width:1080px){
    .cony_forumdisplay_wrap{
        grid-template-columns:1fr;
    }
    .cony_forumdisplay_sidebar{
        order:2;
        margin-top:20px;
    }
}

/* ===============================================================================
 * viewthread
 *==============================================================================*/

/* viewthread */
.cony_vg{
    width: 180px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
}
.cony_vg .spanl{
    width: 50px;
    background: #b5babd;
    padding: 2px 20px;
    color: #FFF;
    border-radius: 5px 0 0 5px;
    border-right: 2px #fff solid;
}
.cony_vg .spanr{
    width: 50px;
    background: #FFF;
    padding: 2px 20px;
    color: #333;
    border-radius: 0 5px 5px 0;
    border-left: 1px #b5babd solid;
}
#modmenu{
    width: 100%;
    height: 20px;
    background: #FFF;
    border: 1px solid #0087e00d;
    line-height: 28px;
    margin: 20px auto 15px;
    padding: 0 20px;
    text-indent: 10px;
    text-decoration: none;
}
body.pg_viewthread #modmenu a{
    text-decoration: none;
    color:#607D8B;
}

.rabbit_dz{
	color:#999;
	font-size: 12px;
	padding-left:12px;
}

  .pob a:hover{
   color:#03978b;
  }
  
.rabbit_xs{
	cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 30px;
    background: hsla(16, 100%, 50%, 0.78);
    color: #FFFFFF;
    border-radius: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.rabbit_ydqx {
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 30px;
    background: #009688;
    color: #FFFFFF;
    border-radius: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.rabbit_sale {
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 30px;
    background: #E91E63;
    color: #FFFFFF;
    border-radius: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.rabbit_xsgive {
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 30px;
    background: #607D8B;
    color: #FFFFFF;
    border-radius: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.xi1, .onerror {
    color: #999;
}
.authi em{
	color: #999;
	}
	
.rabbit_ll{
	color:#999;
}
.rabbit_ck{
	color:#999;
}
body.pg_viewthread .cony_firstpost .rabbit_title{
    margin: 0 0 24px;
    line-height: 1.4;
    text-align: left;
    font-weight: 600;
    font-size: 24px;
    color: #1d2129;
}
body.pg_viewthread .pi{
    overflow: hidden;
    margin-bottom: 10px;
    padding: 5px 1px 15px 0;
    height: 40px;
    border-bottom: 1px dashed #CDCDCD;
	line-height: 58px;
    color: #999;
    font-size: 12px;
}
body.pg_viewthread .pi strong {
    display:none;
}
body.pg_viewthread .pls {
    width: 200px;
    background: #e1eae6;
    overflow: hidden;
    text-align: center;
	border-right: none;
}
body.pg_viewthread .pls .pi{
    padding:12px 0;
    margin:0 0 16px 0;
    border-bottom:0;
    height:auto;
    line-height:normal;
    position:relative;
    text-align:center;
    overflow:visible;
    display:flex;
    align-items:center;
    justify-content:center;
}
body.pg_viewthread .cony_firstpost .pls .pi{
    border-bottom:0;
    padding:0 0 12px 0;
    margin:0 0 16px 0;
    display:block;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .pls .pi{
    border-bottom:0;
    padding:4px 0 12px 0;
    margin:0 0 12px 0;
}
body.pg_viewthread .pls .pi::after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:80%;
    height:1px;
    background:linear-gradient(90deg,transparent,#4080ff,#722ed1,transparent);
}
body.pg_viewthread .pls .pi .authi{
    font-size:16px;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
}
body.pg_viewthread .pls .pi .authi a{
    background:linear-gradient(90deg,#4080ff,#722ed1);
    -webkit-background-clip:text;
    color:transparent;
    font-size:16px;
    font-weight:600;
}
body.pg_viewthread .pls .mini-badge {
    position: relative;
    width: 36px;
    height: 42px;
    flex-shrink:0;
}
body.pg_viewthread .pls .mini-ring {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
body.pg_viewthread .pls .mini-inner {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
body.pg_viewthread .pls .mini-text {
    font-size: 11px;
    font-weight: 900;
    font-family: Arial Black;
}
body.pg_viewthread .pls .mini-crown {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 12px;
    background: linear-gradient(180deg, #ffd700, #daa520);
    clip-path: polygon(0% 100%, 15% 60%, 30% 100%, 45% 40%, 60% 100%, 75% 60%, 90% 100%, 100% 100%);
}
body.pg_viewthread .pls .admin .mini-ring{background: linear-gradient(45deg, #d4af37, #f0e68c, #d4af37);}
body.pg_viewthread .pls .admin .mini-inner{background: linear-gradient(135deg, #c41e3a, #e63946);}
body.pg_viewthread .pls .admin .mini-text{color:#ffd700;}
body.pg_viewthread .pls .mod .mini-ring{background: linear-gradient(45deg, #d4af37, #f0e68c, #d4af37);}
body.pg_viewthread .pls .mod .mini-inner{background: linear-gradient(135deg, #1677ff, #69a0ff);}
body.pg_viewthread .pls .mod .mini-text{color:#ffd700;}
body.pg_viewthread .pls .vip .mini-ring{background: linear-gradient(45deg, #d4af37, #f0e68c, #d4af37);}
body.pg_viewthread .pls .vip .mini-inner{background: linear-gradient(135deg, #b8860b, #ffd700);}
body.pg_viewthread .pls .vip .mini-text{color:#111;}
body.pg_viewthread .pls .normal .mini-ring{background: linear-gradient(45deg, #999, #ccc, #999);}
body.pg_viewthread .pls .normal .mini-inner{background: linear-gradient(135deg, #666, #888);}
body.pg_viewthread .pls .normal .mini-text{color:#eee;}
body.pg_viewthread .pls .normal .mini-crown{display:none;}
body.pg_viewthread .pls .reply-floor{
    display:inline-block;
    font-size:12px;
    color:#fff;
    background:linear-gradient(135deg,#4080ff,#722ed1);
    border-radius:99px;
    padding:3px 14px;
    margin-bottom:10px;
    line-height:1.4;
    font-weight:500;
    box-shadow:0 2px 8px rgba(64,128,255,0.25);
}
body.pg_viewthread .pls .tns{
    padding:0 16px;
    margin-bottom:14px;
}
body.pg_viewthread .pls .tns table{
    width:100%;
    border-collapse:separate;
    border-spacing:6px 0;
}
body.pg_viewthread .pls .tns th,
body.pg_viewthread .pls .tns td{
    text-align:center;
    background:rgba(64,128,255,0.06);
    border-radius:8px;
    padding:10px 4px;
    border:none;
}
body.pg_viewthread .pls .tns th p,
body.pg_viewthread .pls .tns td p{
    margin:0 0 4px 0;
    padding:0;
}
body.pg_viewthread .authi a{
	color: #636564;
    text-decoration: none;
    font-size: 15px;
}
body.pg_viewthread .pls .avatar{
    width:160px;
    height:160px;
    margin:0 auto 14px;
    border-radius:50%;
    overflow:hidden;
    padding:0;
    border:none;
    background:linear-gradient(135deg,#4080ff,#69a0ff);
    box-shadow:0 4px 12px rgba(64,128,255,0.2);
    position:relative;
}
body.pg_viewthread .pls .avatar img {
    padding: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: none;
    border: none;
	background: none;
    object-fit: cover;
    object-position: center center;
    position:absolute;
    top:0;
    left:0;
    transform: scale(1.2) translate(3%, 0%);
}
body.pg_viewthread .pls .avatar .avtm{
    width:100%;
    height:100%;
    margin:0;
    border-radius:50%;
    overflow:hidden;
    padding:0;
    border:none;
    background:none;
    display:block;
    position:relative;
}
body.pg_viewthread .pls .avatar .avtm img{
    width: 100%;
    height: 100%;
    padding:0;
    border:none;
    background:none;
    border-radius:50%;
    object-fit:cover;
    object-position: center center;
    position:absolute;
    top:0;
    left:0;
    transform: scale(1.2) translate(3%, 0%);
}

body.pg_viewthread .pls .cony_user_actions {
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding-bottom: 12px;
    margin-bottom: 12px;
}
body.pg_viewthread .pls .cony_medal_list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
    padding: 0 16px;
    margin-bottom: 12px;
    min-height: 0;
}
body.pg_viewthread .pls .cony_medal_img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block;
}
body.pg_viewthread #f_pst .pls .cony_medal_list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
    padding: 8px 12px 0;
    margin-bottom: 8px;
    min-height: 0;
}
body.pg_viewthread #f_pst .pls .cony_medal_img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block;
}

/* ?????????????? */
body.pg_viewthread #postlist{
    background:transparent;
    border:none;
    margin-bottom:0;
}
body.pg_viewthread #postlistreply{
    padding:0;
    margin:0;
    border:none;
    background:transparent;
}
body.pg_viewthread .cony_firstpost{
    background:#fff;
    border-radius:16px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 2px 12px rgba(0,0,0,0.06);
    overflow:hidden;
    margin-bottom:20px;
    transition:all .24s cubic-bezier(0.2,0,0.2,1);
    cursor:pointer;
}
body.pg_viewthread .cony_firstpost:hover{
    box-shadow:0 6px 24px rgba(64,128,255,0.12);
}
body.pg_viewthread .cony_firstpost table{
    border:none;
    table-layout:fixed;
    width:100%;
}
body.pg_viewthread .cony_firstpost .plhin{
    border:none;
}
body.pg_viewthread .cony_firstpost .ad .pls,
body.pg_viewthread .cony_firstpost .ad .plc{
    background:none;
    height:0;
    padding:0;
    overflow:hidden;
}
body.pg_viewthread .cony_firstpost td.pls{
    background:#fafbfc;
    border-right:1px solid rgba(0,0,0,0.08);
    padding:24px 16px;
    text-align:center;
    width:200px;
    vertical-align:top;
}
body.pg_viewthread .cony_firstpost .pls.favatar{
    width:auto;
    padding:0;
    background:none;
    border:none;
    text-align:center;
}
body.pg_viewthread .cony_firstpost .plc{
    padding:24px;
}
body.pg_viewthread .cony_firstpost .pi{
    border-bottom:1px solid rgba(0,0,0,0.08);
    padding:0 0 8px;
    margin-bottom:8px;
    color:#86909c;
    font-size:12px;
    height:auto;
    line-height:normal;
    display:flex;
    align-items:flex-end;
    justify-content:flex-start;
}
body.pg_viewthread .cony_firstpost .pdbt{
    display:none;
}
body.pg_viewthread .cony_firstpost .pi strong a{
    color:#1d2129;
    font-weight:500;
    font-size:16px;
}
body.pg_viewthread .cony_firstpost .pi a{
    color:#4080ff;
}
body.pg_viewthread .cony_firstpost .pct{
    color:#1d2129;
    font-size:15px;
    line-height:1.8;
}
body.pg_viewthread .cony_firstpost .pct a{
    color:#4080ff;
}
body.pg_viewthread .cony_firstpost .plhin .hin{
    opacity:1;
}
body.pg_viewthread .cony_firstpost .po{
    border-top:none;
}
body.pg_viewthread .cony_firstpost .pob{
    border-top:1px solid rgba(0,0,0,0.08);
    padding-top:12px;
    margin-top:20px;
    color:#4e5969;
    font-size:13px;
}
body.pg_viewthread .cony_firstpost .pob a{
    color:#4e5969;
}
body.pg_viewthread .cony_firstpost .pob a:hover{
    color:#4080ff;
}

/* ??????????? - ???????????? */
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply){
    background:#fff;
    border-left:1px solid rgba(0,0,0,0.08);
    border-right:1px solid rgba(0,0,0,0.08);
    border-top:none;
    border-bottom:1px solid rgba(0,0,0,0.08);
    border-radius:0;
    box-shadow:none;
    margin-bottom:0;
}
body.pg_viewthread #postlist > .cony_firstpost + div:not(#postlistreply){
    border-radius:16px 16px 0 0;
    border-top:1px solid rgba(0,0,0,0.08);
    box-shadow:0 2px 12px rgba(0,0,0,0.06);
    overflow:hidden;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) + div:not(#postlistreply){
    border-top:none;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) + #postlistreply{
    margin-top:0;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) table{
    border:none;
    table-layout:fixed;
    width:100%;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .plhin{
    border:none;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .ad .pls,
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .ad .plc{
    background:none;
    height:0;
    padding:0;
    overflow:hidden;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) td.pls{
    background:#fafbfc;
    border-right:1px solid rgba(0,0,0,0.08);
    padding:0 16px 20px;
    width:200px;
    vertical-align:top;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .pls .pi{
    border-bottom:0;
    padding:18px 0 7px 0;
    margin:0 0 12px 0;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .pls.favatar{
    width:auto;
    padding:0;
    background:none;
    border:none;
    text-align:center;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .pls .avatar{
    width:160px;
    height:160px;
    margin:0 auto 14px;
    border-radius:50%;
    overflow:hidden;
    padding:0;
    border:none;
    background:linear-gradient(135deg,#4080ff,#69a0ff);
    box-shadow:0 4px 12px rgba(64,128,255,0.2);
    position:relative;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .pls .avatar img{
    width:100%;
    height:100%;
    padding:0;
    border:none;
    background:none;
    border-radius:50%;
    object-fit:cover;
    object-position:center center;
    position:absolute;
    top:0;
    left:0;
    transform: scale(1.2) translate(3%, 0%);
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .pls .avatar .avtm{
    width:100%;
    height:100%;
    margin:0;
    border-radius:50%;
    overflow:hidden;
    padding:0;
    border:none;
    background:none;
    display:block;
    position:relative;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .pls .avatar .avtm img{
    width:100%;
    height:100%;
    padding:0;
    border:none;
    background:none;
    border-radius:50%;
    object-fit:cover;
    object-position:center center;
    position:absolute;
    top:0;
    left:0;
    transform: scale(1.2) translate(3%, 0%);
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .plc{
    padding:20px;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .plc .pi{
    border-bottom:0;
    display:none;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .plhin .hin{
    opacity:1;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .po{
    border-top:none;
}
body.pg_viewthread #postlist > div:not(.cony_firstpost):not(#postlistreply) .pob{
    border-top:1px solid rgba(0,0,0,0.08);
    padding-top:8px;
    margin-top:8px;
}

/* ????????????????? - ?????.txt??? */
body.pg_viewthread .pgs.cl{
    background:#fafbfc;
    border-left:1px solid rgba(0,0,0,0.08);
    border-right:1px solid rgba(0,0,0,0.08);
    border-bottom:1px solid rgba(0,0,0,0.08);
    border-top:1px solid rgba(0,0,0,0.08);
    border-radius:0 0 16px 16px;
    margin:0;
    padding:20px;
    text-align:center;
    box-shadow:0 2px 12px rgba(0,0,0,0.06);
}
body.pg_viewthread .pgs.cl .pg{
    margin:0;
    float:none;
    display:inline-block;
}
body.pg_viewthread .pgs.cl .pg a,
body.pg_viewthread .pgs.cl .pg strong,
body.pg_viewthread .pgs.cl .pg label,
body.pg_viewthread .pgs.cl .pgb a{
    display:inline-block;
    padding:6px 14px;
    border-radius:6px;
    border:1px solid rgba(0,0,0,0.08);
    margin:0 4px;
    font-size:13px;
    color:#4e5969;
    background:#fff;
    transition:all .24s cubic-bezier(0.2,0,0.2,1);
    height:auto;
    line-height:normal;
    min-width:0;
    text-align:center;
}
body.pg_viewthread .pgs.cl .pg a:hover{
    border-color:#4080ff;
    color:#4080ff;
}
body.pg_viewthread .pgs.cl .pg strong{
    background:#4080ff;
    color:#fff;
    border-color:#4080ff;
    font-weight:400;
}
body.pg_viewthread .pgs.cl .pg label{
    background:#fff;
    padding:6px 10px;
    display:inline-block;
}
body.pg_viewthread .pgs.cl .pg label .px{
    background:#fff;
    border:1px solid rgba(0,0,0,0.08);
    border-radius:6px;
    padding:4px 6px;
    color:#4e5969;
    font-size:13px;
    width:auto;
}
body.pg_viewthread .pgs.cl .pg label span{
    background:#fff;
    color:#86909c;
    font-size:13px;
}
body.pg_viewthread .pgs.cl .pgb{
    float:right;
    margin:0;
}
body.pg_viewthread .pgs.cl .pgb a{
    display:inline-block;
    padding:6px 14px;
    border-radius:6px;
    border:1px solid rgba(0,0,0,0.08);
    margin:0;
    font-size:13px;
    color:#4e5969;
    background:#fff;
    transition:all .24s cubic-bezier(0.2,0,0.2,1);
    height:auto;
    line-height:normal;
}
body.pg_viewthread .pgs.cl .pgb a:hover{
    border-color:#4080ff;
    color:#4080ff;
}

.cony_plsxx {padding: 5px;margin:12px;list-style: none;background:#fff;border: 1px dashed #D1D8D8;}
body.pg_viewthread .cony_plsxx p{ margin:1px 0px 0px 0px;  text-align:left; padding-left:8px; line-height:25px; background:#edf0f2; color:#666; border:1px solid #e4e4e4}
.cony_plsxx p:hover{ background:#666; color:#FFF}

/* ===============================================================================
 * Viewthread Fast Reply
 *==============================================================================*/
body.pg_viewthread #f_pst{
    margin-top:20px;
    background:#fff;
    border-radius:16px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 2px 12px rgba(0,0,0,0.06);
    overflow:hidden;
}
body.pg_viewthread #f_pst .pls{
    width:180px;
    background:#E9EEF7;
    border-right:1px solid rgba(0,0,0,0.08);
    padding:20px 16px;
    text-align:center;
    animation: plsBgAnim 3s ease-in-out infinite;
}
body.pg_viewthread #f_pst .pls table tr:nth-child(2){
    display:none;
}
@keyframes plsBgAnim{
    0%,100%{background-color:#E9EEF7;}
    50%{background-color:#EAEEF1;}
}
body.pg_viewthread #f_pst .pls .avatar{
    width:64px;
    height:64px;
    margin:0 auto 12px;
    border-radius:50%;
    overflow:hidden;
    border:3px solid #69a0ff;
    padding:0;
    background:none;
    box-shadow:none;
}
body.pg_viewthread #f_pst .pls .avatar img{
    width:64px;
    height:64px;
    padding:0;
    border:none;
    background:none;
    border-radius:50%;
    object-fit:cover;
}
body.pg_viewthread #f_pst .pls .avtm{
    width:64px;
    height:64px;
    margin:0 auto 12px;
    border-radius:50%;
    overflow:hidden;
    padding:0;
    border:none;
    background:none;
}
body.pg_viewthread #f_pst .pls .avtm img{
    width:64px;
    height:64px;
    padding:0;
    border:none;
    background:none;
    border-radius:50%;
    object-fit:cover;
}
body.pg_viewthread #f_pst .plc{
    padding:20px;
}
body.pg_viewthread #f_pst .tedt{
    border:none;
    width:auto;
    background:transparent;
}
body.pg_viewthread #f_pst .tedt .bar{
    padding:0;
    border:none;
    background:none;
}
body.pg_viewthread #f_pst .tedt .area{
    padding:0;
}
body.pg_viewthread #f_pst .tedt .area textarea{
    width:100%;
    height:120px;
    padding:14px;
    border:1px solid rgba(0,0,0,0.08);
    border-radius:10px;
    resize:none;
    color:#1d2129;
    background:transparent;
    font-size:14px;
    line-height:1.6;
    box-sizing:border-box;
    font-family:inherit;
}
body.pg_viewthread #f_pst .tedt .area textarea:focus{
    outline:none;
    border-color:#69a0ff;
    box-shadow:0 0 0 3px rgba(64,128,255,0.1);
}
body.pg_viewthread #f_pst .ptm.pnpost{
    margin-top:12px;
    text-align:left;
    clear:both;
    padding-top:12px;
    border-top:1px solid rgba(0,0,0,0.06);
}
body.pg_viewthread #f_pst .ptm.pnpost .y{
    display:none;
}
body.pg_viewthread #f_pst #fastpostsubmit{
    padding:9px 24px;
    border-radius:99px;
    background:#4080ff;
    color:#fff;
    font-size:14px;
    font-weight:500;
    border:none;
    cursor:pointer;
    transition:all 0.24s cubic-bezier(0.2,0,0.2,1);
    height:auto;
    line-height:1.4;
}
body.pg_viewthread #f_pst #fastpostsubmit:hover{
    background:#3370e0;
    box-shadow:0 4px 12px rgba(64,128,255,0.2);
}
body.pg_viewthread #f_pst #fastpostsubmit strong{
    font-weight:500;
}
body.pg_viewthread #f_pst .lb{
    font-size:12px;
    color:#86909c;
}
body.pg_viewthread #f_pst .lb .pc{
    margin-right:4px;
    vertical-align:middle;
}

@media screen and (max-width:900px){
body.pg_viewthread .pls{
    width:auto;
}
body.pg_viewthread .pls .avatar{
    width:120px;
    height:120px;
    margin:0;
}
body.pg_viewthread .pls .avatar img{
    width:100%;
    height:100%;
}
body.pg_viewthread .pls .avatar .avtm{
    width:100%;
    height:100%;
    margin:0;
}
body.pg_viewthread .pls .avatar .avtm img{
    width:100%;
    height:100%;
}
}

.post-gallery-box {
    margin:4px 0;
    position:relative;
    background:#e9e9e9;
    border-radius:10px;
    overflow:hidden;
    cursor:zoom-in;
    float:left;
}
.post-gallery-box::after {
    content:'';
    display:block;
    clear:both;
}
.post-gallery-main {
    max-height:650px;
    overflow:hidden;
}
.t_f .post-gallery-box + * {
    clear:both;
}
.post-gallery-main img {
    height:auto;
    max-height:650px;
    max-width:100%;
    display:block;
    opacity:0;
    transition:opacity 0.3s ease;
    background:#cccccc;
}
.post-gallery-main .loading-overlay {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#cccccc;
    color:#999;
    font-size:16px;
    font-weight:bold;
    z-index:10;
}
.post-gallery-main .img-error {
    display:flex;
    align-items:center;
    justify-content:center;
    height:200px;
    background:#cccccc;
    color:#ff0000;
    font-size:16px;
    font-weight:bold;
}
.post-gallery-main img.loaded {
    opacity:1;
}

.post-gallery-thumbs-wrap{
    position:absolute;
    left:14px;
    bottom:14px;
    display:flex;
    align-items:center;
}
.post-gallery-thumbs{
    display:flex;
    gap:9px;
    overflow-x:auto;
    width:100%;
    scrollbar-width:none;
}
.post-gallery-thumbs::-webkit-scrollbar{
    display:none;
}
.thumb-item {
    width:68px;
    height:50px;
    border:3px solid #ffffff;
    border-radius:5px;
    cursor:pointer;
    opacity:0.7;
    transition:all 0.2s;
    flex-shrink:0;
    background:#ccc;
    position:relative;
    overflow:hidden;
}
.thumb-item.active {
    border-color:#007bff;
    opacity:1;
}
.thumb-item:hover {
    opacity:1;
    border-color:#ffffff;
}
.thumb-item img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    position:relative;
    z-index:2;
}
.loading-text {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ff0000;
    font-size:10px;
    font-weight:bold;
    background:#cccccc;
    z-index:1;
}
.post-gallery-thumbs img {
    width:68px;
    height:50px;
    object-fit:cover;
    border:none;
    border-radius:0;
    cursor:pointer;
    opacity:1;
    transition:none;
    flex-shrink:0;
    background:none;
}

.gallery-lightbox {
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.92);
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
}
.gallery-lightbox.show {
    display:flex;
}
.gallery-lightbox-inner img {
    max-width:92vw;
    max-height:88vh;
    background:#ccc;
}
.gallery-lightbox .close-btn {
    position:absolute;
    top:22px;
    right:30px;
    font-size:38px;
    color:#fff;
    cursor:pointer;
    user-select:none;
}
.gallery-lightbox .prev,
.gallery-lightbox .next {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    border-radius:50%;
    background:rgba(255,255,255,0.15);
    color:#fff;
    font-size:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.gallery-lightbox .prev{left:20px;}
.gallery-lightbox .next{right:20px;}
/* ==================== ???????? - rabbit_office??? ==================== */
div.fwinmask {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
background: #fff;
border-radius: 16px;
box-shadow: 0 12px 40px rgba(0,0,0,0.18);
overflow: hidden;
opacity: 1;
}
div[id$="_cover"] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9998;
background: #000;
opacity: 0.5;
}
.fwin {
background: #fff;
border: none;
border-collapse: collapse;
border-spacing: 0;
}
.fwin .t_l, .fwin .t_c, .fwin .t_r,
.fwin .m_l, .fwin .m_r,
.fwin .b_l, .fwin .b_c, .fwin .b_r {
display: none;
}
.fwin .m_c {
background: #fff;
padding: 0;
}
.fwin .flb {
padding: 10px 10px 8px;
height: 20px;
line-height: 20px;
border-bottom: 1px solid rgba(0,0,0,0.08);
margin-bottom: 10px;
background: #fff;
}
.fwin .flb em {
float: left;
font-size: 14px;
font-weight: 700;
color: #369;
font-style: normal;
}
.fwin .flb span {
float: right;
color: #999;
}
.fwin .flb span a {
float: left;
text-decoration: none;
margin-left: 8px;
font-weight: 400;
color: #999;
}
.fwin .flbc {
float: left;
width: 20px;
height: 20px;
overflow: hidden;
text-indent: -9999px;
cursor: pointer;
position: relative;
}
.fwin .flbc::before {
content: "\00d7";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
text-indent: 0;
font-size: 18px;
color: #999;
font-style: normal;
}
.fwin .flbc:hover::before {
color: #369;
}
.fwin .c {
padding: 0 10px 10px;
background: #fff;
}
.fwin .c .rfm {
width: auto;
}
.fwin .c .rfm th,
.fwin .c .rfm td {
padding: 6px 2px;
}
.fwin .c .pn {
cursor: pointer;
}

.p_pop, .p_pof, .h_pop {
min-width: 120px;
background: #fff;
border: 1px solid #e5e6eb;
box-shadow: 0 4px 16px rgba(0,0,0,0.12);
border-radius: 8px;
padding: 6px;
}
.p_pop a, .p_pof a, .h_pop a {
padding: 6px 12px;
color: #4e5969;
font-size: 13px;
border-radius: 6px;
}
.p_pop a:hover, .p_pof a:hover, .h_pop a:hover {
background: rgba(64,128,255,0.08);
color: #4080ff;
}
/* ==================== ??????????? ==================== */
.search-modal{
  position:fixed;
  inset:0;
  background:transparent;
  pointer-events:none;
  z-index:9999;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding-top:120px;
}
.search-modal.show{
  display:flex;
  pointer-events:auto;
}
.search-modal-wrap{
  position:relative;
  width:min(860px,94vw);
  background:#ffffff;
  border-radius:24px;
  padding:32px;
  box-shadow:0 8px 40px rgba(0,0,0,0.15);
  pointer-events:auto;
}
.search-modal-close{
  position:absolute;
  top:0;
  right:0;
  width:36px;
  height:36px;
  border-radius:0 24px 0 6px;
  background:rgba(64,128,255,0.08);
  color:#4080ff;
  font-size:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:all .24s cubic-bezier(0.2,0,0.2,1);
  pointer-events:auto;
}
.search-modal-close:hover{
  background:#4080ff;
  color:#fff;
}
.search-main-row{
  display:flex;
  gap:12px;
  margin-bottom:24px;
}
.modal-input{
  flex:1;
  height:50px;
  padding:0 20px;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:99px;
  background:transparent;
  color:#1d2129;
  font-size:16px;
}
.modal-input:focus{
  outline:none;
  border-color:#4080ff;
  box-shadow:0 0 0 3px rgba(64,128,255,0.1);
}
.modal-submit{
  height:50px;
  padding:0 32px;
  border-radius:99px;
  background:#4080ff;
  color:#fff;
  font-size:16px;
  cursor:pointer;
  transition:all .24s cubic-bezier(0.2,0,0.2,1);
}
.modal-submit:hover{
  background:#3370e0;
  box-shadow:0 4px 14px rgba(64,128,255,0.22);
}
.source-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.source-tag{
  padding:6px 14px;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:99px;
  color:#4e5969;
  font-size:13px;
  cursor:pointer;
  transition:all .24s cubic-bezier(0.2,0,0.2,1);
}
.source-tag.active{
  background:#4080ff;
  color:#fff;
  border-color:#4080ff;
}
.source-tag:hover:not(.active){
  background:rgba(64,128,255,0.08);
  border-color:#69a0ff;
  color:#4080ff;
}
@media screen and (max-width:768px){
  .search-modal{padding-top:80px;padding-inline:16px;}
  .search-modal-wrap{padding:20px;}
  .search-main-row{flex-direction:column;}
  .modal-input{height:46px;}
  .modal-submit{width:100%;}
  .search-modal-close{width:32px;height:32px;font-size:18px;}
}
/* ==================== ??????????? end ==================== */
/* ===============================================================================
 * Footer
 *==============================================================================*/

/* footer.htm-footer */
#cony_ft{
    width: 100%;
    background: transparent;
    border-top: 1px solid rgba(0,0,0,0.08);
    height: 50px;
    color: #86909c;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cony_ft .ftmain{
    width: 100%;
    max-width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
#cony_ft .copyright{
    width: 100%;
    color: #86909c;
    line-height: 1.5;
    font-size: 13px;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,"Microsoft YaHei",sans-serif;
}
#cony_ft .copyright a{
    color: #86909c;
    text-decoration: none;
    transition: all .24s cubic-bezier(0.2,0,0.2,1);
}
#cony_ft .copyright a:hover{
    color: #4080ff;
    text-decoration: none;
}

/* ========== 瀑布流卡片 - XDGame 同款风格 ========== */
.xd_waterfall {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* li 仅负责占位（waterfall()按li的offsetWidth/offsetHeight算列数/纵向位置），不负责视觉样式。
   加#waterfall前缀是为了在特异性上赢Discuz内置的 #waterfall li { border:... }（ID选择器必须用ID覆盖，避免!important） */
#waterfall.xd_waterfall li.xd_wf_card {
    margin: 0;
    /* 纵向间距改用li.padding-bottom（防止margin-collapsing导致下一行顶边被上一行压住 → hover蓝顶边看不见）
       横向间距仍靠 inner.margin-left/right（不会发生横向折叠，且与 $waterfallwidth +20 的占位一致） */
    padding: 0 0 24px 0;
    list-style: none;
    float: left;
    border: 0;              /* 干掉Discuz内置默认加的灰色分割线border-top/border-bottom */
    border-top: 0;
    border-bottom: 0;
    background: transparent; /* 干掉任何内置背景色 */
    background-color: transparent;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    /* 防止hover的inner被困在父层叠上下文：li也建层叠上下文 + z-index随hover提升 */
    position: relative;
    z-index: 1;
}

#waterfall.xd_waterfall li.xd_wf_card:hover {
    z-index: 20;   /* hover时整个li提层，保证上浮的+4px和顶边线绝对不被上一行压住 */
}

/* 真正的视觉卡片：在这里做背景/圆角/阴影/边框/动画 + 间距
   ！！必须加#waterfall前缀（特异性100+）：Discuz内置 #waterfall li div { border/overflow/box-shadow:... } 会用ID选择器覆盖，
   不加ID前缀的话特异性只有(0,3,1)=31，打不过Discuz的(1,0,2)=102，会导致 hover 时 border-top/box-shadow 被偷偷重置 —— 这就是"顶边蓝线不显示"的真正根因 */
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_card_inner {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    border: 1px solid transparent;
    transition: box-shadow 0.28s cubic-bezier(0.2, 0, 0.2, 1),
                border-color 0.28s ease;
    /* 左右各10 → 卡片间横向总间隔20；纵向间距由外层li.padding-bottom:24负责（防止折叠） */
    margin: 0 10px 0 10px;
}

/* ========== 所有卡片 hover 统一为蓝色边框 + 蓝色投影（无放大无上浮，纯颜色变化） ========== */
#waterfall.xd_waterfall li.xd_wf_card:hover .xd_wf_card_inner {
    border-color: #4080ff;
    /* 四面分别声明，防止Discuz用 border-top/border-bottom 单独覆盖某一边 */
    border-top-color: #4080ff;
    border-right-color: #4080ff;
    border-bottom-color: #4080ff;
    border-left-color: #4080ff;
    /* 只有投影阴影，不再额外叠 1px spread 蓝边（否则视觉上变粗2px）
       现在 1px 蓝边完全由 border:1px 本身提供，因为：
       ① 选择器已升级为#waterfall前缀，特异性稳赢Discuz内置覆盖；
       ② transform上浮已移除，无遮挡问题；
       ③ 四面分别声明border-color，不会被单条 border-top:xxx 偷盖 */
    box-shadow: 0 10px 28px rgba(64, 128, 255, 0.22);
    position: relative;
    z-index: 20;
}

/* ========== 精华/热帖：去掉静态蓝色边框（静态与普通卡片一致，仅保留角标标识；hover走统一蓝色体系） ========== */

/* ========== 修复4：标题/元数据清除所有子元素背景色（同样加#waterfall，覆盖Discuz用 #waterfall li em/strong/highlight 注入的底色） ========== */
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_body .xd_wf_title,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_body .xd_wf_title *,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_body .xd_wf_title a,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_body .xd_wf_title span,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_body .xd_wf_title em,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_body .xd_wf_title strong {
    background-color: transparent;
    background: transparent;
}
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_body .xd_wf_meta,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_body .xd_wf_meta *,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_body .xd_wf_meta a,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_body .xd_wf_meta span {
    background-color: transparent;
    background: transparent;
}

/* ========== 修复1：封面 16:9 长方形比例（带#waterfall前缀，防Discuz #waterfall .cover 覆盖宽高比） ========== */
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_cover {
    position: relative;
    width: 100%;
    padding-top: 56.25%;   /* 16:9 = 9 / 16 = 0.5625 */
    overflow: hidden;
    background: #f5f7fa;
}

#waterfall.xd_waterfall li.xd_wf_card .xd_wf_cover > a {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

#waterfall.xd_waterfall li.xd_wf_card .xd_wf_cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* 防Discuz内置 #waterfall img { border/margin } 污染 */
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}

/* 无图占位（保持 16:9 填充） */
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_nopic {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%);
}

#waterfall.xd_waterfall li.xd_wf_card .xd_wf_nopic::before {
    content: "NO IMG";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #a0aec0;
    letter-spacing: 1px;
    font-weight: 600;
}

/* 卡片内容主体（带#waterfall前缀，防Discuz #waterfall li div.padding/background 污染） */
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_body {
    padding: 8px 14px 10px 14px;    /* 上:8 收紧标题与封面的间距；右:14；下:10；左:14 */
    background: #ffffff;
}

/* ========== 修复2：标题（根因已移除 $thread[highlight]，带#waterfall防Discuz污染） ========== */
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_title {
    margin: 0 0 10px 0;
    padding: 0;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.55;
    height: calc(14px * 1.55 * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

#waterfall.xd_waterfall li.xd_wf_card .xd_wf_title a {
    color: #1f2937;
    background: transparent;
    background-color: transparent;
    text-decoration: none;
    transition: color 0.2s ease;
}

#waterfall.xd_waterfall li.xd_wf_card .xd_wf_title a:hover {
    color: #4080ff;
    text-decoration: none;
}

/* 元数据：浏览 / 回帖（带#waterfall前缀，防Discuz #waterfall li span 污染） */
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid #f1f5f9;
    font-size: 12px;
    color: #6b7280;
    background: transparent;
}

#waterfall.xd_waterfall li.xd_wf_card .xd_wf_meta_views,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_meta_replies {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    line-height: 1;
    background: transparent;
}

#waterfall.xd_waterfall li.xd_wf_card .xd_wf_meta_views i,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_meta_replies i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* 浏览数图标：眼睛 */
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_meta_views i {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");
}

/* 回帖数图标：信封 */
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_meta_replies i {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
}

#waterfall.xd_waterfall li.xd_wf_card .xd_wf_meta_replies a {
    background: transparent;
    background-color: transparent;
    color: #6b7280;
    text-decoration: none;
    transition: color 0.2s ease;
}

#waterfall.xd_waterfall li.xd_wf_card .xd_wf_meta_replies a:hover {
    color: #4080ff;
    text-decoration: none;
}

/* ========================================================================
   瀑布流卡片 - 视频帖适配（JS 识别后给 li 加 xd_wf_card_video 类）
   ======================================================================== */

/* 1. 播放按钮角标：无论有图/无图视频帖，都在 cover 中心叠加 sp_v.png 播放图标
   （伪元素方案，JS 只需加 class，无需插入额外 DOM） */
#waterfall.xd_waterfall li.xd_wf_card.xd_wf_card_video .xd_wf_cover::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    background: url("template/rabbit_office/image/sp_v.png") no-repeat center / contain;
    z-index: 6;            /* 覆盖在 img/nopic 之上 */
    pointer-events: none;  /* 点击穿透到下方 <a> 链接跳转帖子 */
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45));
    transition: transform 0.2s ease;
}
#waterfall.xd_waterfall li.xd_wf_card.xd_wf_card_video:hover .xd_wf_cover::after {
    transform: translate(-50%, -50%) scale(1.08);
}

/* 2. 无图视频帖：JS 把 .xd_wf_nopic 替换成通用 .thread-video 播放器容器
   这里用更高特异性覆盖 .thread-video 的 90x64 固定尺寸，改为在 16:9 cover 内铺满 */
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_cover .thread-video,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_cover .thread-video-loading,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_cover .thread-video-empty {
    width: 100%;
    height: 100%;
    border-radius: 0;         /* 跟随 inner 圆角裁切（inner.overflow:hidden 会裁四个角） */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    flex-shrink: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}
/* 无图视频帖的播放器铺满后，上面的播放角标也显示 */
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_cover .thread-video video,
#waterfall.xd_waterfall li.xd_wf_card .xd_wf_cover .thread-video iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    object-fit: cover;
    background: #000;
}