body { background: #F5F5F5 !important}
body { min-width: 0 !important}

.avatar-wrapper img { position: relative; z-index: 1; border: 2px solid var(--success); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 34px; height: 34px; border-radius: 50%}
.forumList li:nth-child(n+2) i { margin-right: 0.5rem !important}
.forumList li:nth-child(n+2) i::before { display: none}
.forumList li:nth-child(2) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/1.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center}
.forumList li:nth-child(3) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/2.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center}
.forumList li:nth-child(4) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/4.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center}
.forumList li:nth-child(5) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/5.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center}
.forumList li:nth-child(6) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/6.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center}
.forumList li:nth-child(7) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/7.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(8) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/8.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(9) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/9.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(10) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/10.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(11) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/11.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(12) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/12.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(13) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/13.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(14) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/14.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(15) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/15.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(16) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/16.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(17) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/17.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(18) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/18.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(19) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/19.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(20) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/20.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(21) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/21.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(22) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/22.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(23) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/23.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(24) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/24.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(25) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/25.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(26) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/26.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(27) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/27.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(28) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/28.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(29) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/29.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.forumList li:nth-child(30) i { width: 25px; height: 25px; background: url(/template/quater_2025_dj/portal/forum/30.png) no-repeat; background-size: 25px 25px; border-radius: 50%; background-position: center; background-size: 21px 21px}
.index_main_left ::-webkit-scrollbar { display: none}
.index_main_left:hover ::-webkit-scrollbar { display: block}
.forumList { scrollbar-width: none}
.forumList:hover { scrollbar-width: thin}

#e_sml_menu.sllt { padding-top: 2px !important}
.float-right1 { display: none !important}
.float-right1.round.position-center.scrolling-hide { display: block !important}
.midaben_con .midaben_signpanel .fblock { width: 110px !important}
.midaben_con .midaben_signpanel .fblock .line { width: 70px !important}
.tab1 .mb-2 { margin: 0 0 10px 0}
.pg_guide .pg { background: none}
.thread-post-btn-wrapper {
    position: fixed;
    right: 3%;
    bottom: 22px;
    z-index: 998;
    width: 48px;
    height: 48px;
    background: #666666;
    box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.28);
    border-radius: 24px;
	display: none
}
.post-btn-icon-hor, .post-btn-icon-ver {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    border-radius: 3px;
}
.post-btn-icon-hor {
    width: 16px;
    height: 2px;
}
.post-btn-icon-ver {
    width: 2px;
    height: 16px;
}
#seccheck { position: relative}
#seccheck .p_opt { top: 25px !important; left: 40px !important; margin-left: 0 !important}
#post_extra_tb label { margin-bottom: 3px}
.pm_o .o { width: 20px; height: 15px}
.xld a.d, .xl a.d, .attc a.d, .c a.d, .sinf a.d { font-family: Arial, Helvetica, sans-serif}
img, svg { vertical-align: middle}
.pc-login {
	float: right;
    position: relative;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-items:hover, .pc-login:hover .icon{
    background: rgba(0,0,0,0.04);
    border-radius: 50%;
}
.pc-login .icon {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pc-login .icon .login-img {
    display: block;
    position: relative;
}
.logo-img-wrap {
    position: relative;
}
.pc-login .icon img {
    width: 32px;
    height: 32px;
}
.pc-login .pc-login img {
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pc-icon-wrap {
    display: none;
    list-style: none;
    width: 100px;
    min-height: 50px;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.15);
    border-radius: 4px;
    position: absolute;
    top: 64px;
    right: 0;
    z-index: 10;
    text-align: center;
}
.pc-login:hover .pc-icon-wrap { display: block}
.pc-icon-wrap .wrap-item {
    width: 100%;
    font-family: '.AppleSystemUIFont';
    font-size: 12px;
    color: rgba(0,0,0,0.85);
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    position: relative;
}
.pc-login .wrap-item a {
    text-decoration: none;
    display: block;
    color: rgba(0,0,0,0.85);
}
.pc-login .wrap-item a:hover { background: #F6F6F6}
.pc-login .wrap-item span {
    position: relative;
}
.icon.common-tooltip {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon.common-tooltip img {
    width: 32px;
    height: 32px;
}
.input_icons__2xutS img { max-width: 100%}
.login-style { margin-right: 0 !important}
#nv_forum.pg_collection .tb_h { padding: 5px 20px 0 20px; background: none}
#quater_nav { background: #FFFFFF}
.locked { padding: 15px 20px 15px 20px; border: 0; border-left: 4px solid #BBBBBB; background: #F6F6F6}
.picture:last-child .bottomLine { padding-bottom: 0; border: 0}
#nv_home.pg_space .tl th, #nv_home.pg_space .tl td { border-color: #EEEEEE}
.ListCard_newsList__pt6wt {
    padding: 15px 20px !important;
}
.ContainTitleCard_titleCard__muJ_r {
    background-color: #FFFFFF;
    border-radius: 12px;
    margin-bottom: 16px;
}
.ContainTitleCard_title__2sQkH {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 20px;
	padding: 0 0 5px 0;
	border-bottom: 0
}
.ContainTitleCard_titleName__2sWlb {
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    display: flex;
    align-items: center;
    color: #0e151c;
}
.ContainTitleCard_refresh__1NYFh {
    font-weight: 400;
    font-size: 12px;
    color: #8a919f;
    cursor: pointer;
}
.ListCard_listCard__EVHPB .ListCard_vector__1lqc8 {
    display: flex;
    align-items: center;
    cursor: pointer;
	color: #8a919f
}
.ListCard_listCard__EVHPB .ListCard_vector__1lqc8>img {
    width: 10px;
    height: 10px;
    margin-right: 3px;
}
.ListCard_listCard__EVHPB .ListCard_list__3Umjr {
    margin-top: 6px;
}
.ListCard_listCard__EVHPB .ListCard_item__tDZ0H {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px 0;
    font-size: 15px;
    line-height: 22px;
}
.ListCard_listCard__EVHPB .ListCard_index__3mFA4 {
	float: left;
	line-height: 22px;
    width: 22px;
    height: 20px;
    min-width: 22px;
	margin: 0 4px 0 2px;
	color: #8a919f;
	font-size: 15px;
	font-weight: bold;
	font-family: Archivo;
    overflow: hidden
}
.ListCard_listCard__EVHPB .ListCard_item__tDZ0H .ListCard_content__2HiOo {
    color: #0e151c;
    max-width: 296px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ListCard_listCard__EVHPB .ListCard_item__tDZ0H .ListCard_content__2HiOo a:hover { color: #3b82f6 !important}
.ListCard_listCard__EVHPB .ListCard_active_index__VROgv {
    background: linear-gradient(180deg,#f64242 20%,rgba(246,66,66,.4) 80%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.ListCard_item__tDZ0H:nth-child(2) .ListCard_index__3mFA4 { background: linear-gradient(180deg,#ff7426 20%,rgba(255,116,38,.4) 80%); -webkit-background-clip: text;
    background-clip: text;
    color: transparent;}
.ListCard_item__tDZ0H:nth-child(3) .ListCard_index__3mFA4 { background: linear-gradient(180deg,#ffac0c 20%,rgba(255,172,12,.4) 80%); -webkit-background-clip: text;
    background-clip: text;
    color: transparent;}
.DownCard_downloadCard__1sLVU {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 8px;
    background: #FFFFFF;
	margin-bottom: 10px;
    cursor: pointer;
}
.DownCard_downloadCard__1sLVU .DownCard_logo__2u52X {
    width:44px;
    height: 44px;
    flex-shrink: 0;
}
.DownCard_downloadCard__1sLVU .DownCard_right__2hAq- {
    margin-left: 16px;
}
.DownCard_downloadCard__1sLVU .DownCard_right__2hAq- .DownCard_title__1FOcq {
    font-weight: 600;
    font-size: 16px;
    color: #0e151c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 3px;
}
.DownCard_downloadCard__1sLVU .DownCard_right__2hAq- .DownCard_detail__2ozTr {
    font-size: 12px;
    color: rgba(14,21,28,0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.DownCard_downloadCard__1sLVU .DownCard_rightImg__1Gcvn {
    margin-left: 46px;
}
.a_h { display: none}
.a_mu { display: none}
.mus_box { display: none}
.whole_Box { display: none}
#pt { padding: 5px 0}
#nv_group .tl th, #nv_group .tl td { border-color: #EEEEEE}
#nv_group .tl .th { background: none}
#nv_group .tl tr:hover th, #nv_group .tl tr:hover td { background: none}
.notice_pm { margin-top: 16px !important}
.notice_all { margin-top: 16px !important}
.tdats .tfx { width: 466px !important}
.tdats .tb { width: 350px !important}
.tscr { width: 350px !important}
.tdats .tfxf { width: 816px !important}

#nv_search #scform_srchtxt { height: 58px; line-height: 58px; border: 0; border-right: 0}
#nv_search #scform_submit { height: 58px; line-height: 58px; background: none}
#scform_submit:before { display: none}

#mood_mystatus { width: 708px !important}
.mi #moodfm textarea { float: left; width: 628px !important; height: 50px !important; border: 0 !important}
.biduser { width: 1021px !important}
.ct3_a .mn { width: 833px !important}
.ct3_a .sd { width: 220px !important; background: #FFFFFF}
.pbg { height: 10px !important; padding: 0 !important; overflow: hidden !important; background: #F0F0F0 !important}
.pbr { height: 10px !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; background: #5AAF4A !important}
.footer-style {
    z-index: 199;
    position: relative;
    bottom: 0;
    width: 100%;
    min-width: 500px;
    height: 50px;
    padding-top: 19px;
    border-top: 0;
    font-family: Arial, Helvetica, sans-serif, 'Microsoft Yahei';
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 14px;
    background: #FFFFFF;
	box-sizing: unset
}
.footer-style .footer-first {
    float: left;
	color: #777777
}
.footer-style .footer-second {
    float: right;
}
.footer-style a {
    text-decoration: none;
    color: #777777
}
.footer-style .footer-first>a {
    margin: 0 7px;
}
.footer-style .footer-first>span { position: relative; top: -1px; color: #777777}
.login-style {
    cursor: pointer;
    float: right;
    margin-right: 20px;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 13px;
    background: rgba(0,0,0,0.85);
    color: #FFFFFF !important;
    border-radius: 18px;
    font-size: 14px;
}
.login-style:hover { background: #EA4738}
#online .x.mbm.cl li a { color: #999999}
.mi_phone_head1 { float: left; margin: 0 10px 0 0}
.mi_phone_head1 img { width: 30px; height: 30px; border-radius: 50%}
#qmenu::after { display: none}
.pc-forum {
    background-color: #fff;
    border-radius: 8px;
    font-family: ' .AppleSystemUIFont';
    padding-left: 20px;
    margin-bottom: 24px;
}
.pc-forum .pc-forum-title {
    font-size: 18px;
    color: #0e151c;
    letter-spacing: 1px;
    font-weight: 400;
    padding-top: 24px;
    overflow: hidden;
    font-weight: 400;
}
.pc-forum .pc-forum-content {
    font-size: 14px;
    color: rgba(0,0,0,0.85);
    font-weight: 400;
    padding: 18px 0 10px 0;
}
.pc-forum .pc-forum-content .content-item {
    padding-bottom: 18px;
    width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
}
.pc-forum-content .content-item:before {
    content: '';
    width: 12px;
    height: 18px;
    opacity: 0.9;
    border-radius: 2px;
    margin-right: 8px;
    background: url(/template/quater_2025_dj/src/ic_top.png) no-repeat;
    background-size: contain;
    vertical-align: sub;
    display: inline-block;
}
.dji-community-content a {
    text-decoration: none;
}
.pc-forum-button {
    margin-right: 20px;
    padding-bottom: 20px;
    height: 44px;
}
.pc-forum-button .forum-button {
    background: rgba(0,0,0,0.02);
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    display: block;
    font-weight: 400;
	font-size: 14px
}
.pc-forum-button .forum-button:hover { background: rgba(0,0,0,0.06)}
.index-topic .pc-forum-content .content-item:before { display: none}
.index-topic .pc-forum-content .content-item span {
    width: 18px;
    height: 18px;
    display: inline-block;
}
.index-topic .pc-forum-content .content-item:nth-child(1) span {
    width: 12px;
    height: 18px;
    background: url(/template/quater_2025_dj/src/top1_icon.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}
.index-topic .pc-forum-content .content-item:nth-child(2) span {
    width: 12px;
    height: 18px;
    background: url(/template/quater_2025_dj/src/top_2.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}
.index-topic .pc-forum-content .content-item:nth-child(3) span {
    width: 12px;
    height: 18px;
    background: url(/template/quater_2025_dj/src/top3.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}
.index-topic { width: 100%; box-sizing: border-box}
.common-tooltip-release {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #3b82f6;
    height: 30px;
	line-height: 30px;
    width: 72px;
    border-radius: 2px;
    opacity: 1;
    color: #FFFFFF;
	font-size: 14px;
    cursor: pointer;
}
.common-tooltip-release a { color: #FFFFFF !important}
#samplepanel { position: relative; z-index: 200}
.nav_box_top { z-index: 100}
@font-face {
    font-family: Archivo;
    src: url(/template/quater_2025_dj/portal/Archivo-ExtraBold.361ffd6.ttf);
    font-style: normal;
    font-weight: 800
}
.divider[data-v-41025282] {
    width: 308px;
    height: 1px;
    box-sizing: border-box;
}
.divider .content[data-v-41025282] {
	width: 100%;
    margin: 0;
    height: 100%;
    background: rgba(228,230,235,0.5);
}
.hot-item-footer[data-v-41025282] {
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.hot-item-footer .item-footer-button[data-v-41025282] {
    font-size: 14px;
    color: #8a919f;
    line-height: 1.66rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.hot-item-footer .item-footer-button path[data-v-41025282] {
    fill: #8a919f;
}
.signin-tip[data-v-dd4bc01e] {
    padding: 20px;
    background-color: var(--juejin-layer-1);
    box-sizing: border-box;
}
.sidebar-block[data-v-5b96eadb] {
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    border-radius: 2px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.29;
    border-radius: 4px;
    color: #252933;
}
.first-line[data-v-dd4bc01e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.light-theme, body {
    --juejin-layer-golden-1: #faf3e5;
    --juejin-layer-golden-2: #f6e7cb;
    --juejin-component-hover: #e4e6eb;
    --juejin-gradientgold_normal_start: #fde8c3;
    --juejin-gradientgold_normal_end: #edd3a7;
    --juejin-gradientgold_hover_start: #f1dfc0;
    --juejin-gradientgold_hover_end: #e6c99b;
    --juejin-gradientgold_click_start: #e9d5b3;
    --juejin-gradientgold_click_end: #dac29a;
    --juejin-layer_loading_start: rgba(228,230,235,0);
    --juejin-layer_loading_end: rgba(228,230,235,0.5);
    --juejin-layer_golden_2: #faf3e5;
    --juejin-font_golden_4: #7e5d25;
    --juejin-font-golden-1: #7e5d25;
    --juejin-font-golden-2: #8a795c;
    --juejin-font-golden-3: #d6b885;
    --juejin-gray-0: #fff;
    --juejin-gray-1-1: #e4e6eb;
    --juejin-gray-1-2: rgba(228,230,235,0.5);
    --juejin-gray-1-3: #e4e6eb;
    --juejin-gray-2: #f2f3f5;
    --juejin-gray-3: #f7f8fa;
    --juejin-background: #f2f3f5;
    --juejin-layer-1: #fff;
    --juejin-layer-2-1: #f7f8fa;
    --juejin-layer-2-2: rgba(247,248,250,0.7);
    --juejin-layer-3-fill: #f2f3f5;
    --juejin-layer-3-border: #e4e6eb;
    --juejin-layer-4-dropdown: #fff;
    --juejin-layer-5: #fff;
    --juejin-brand-1-normal: #1e80ff;
    --juejin-brand-2-hover: #1171ee;
    --juejin-brand-3-click: #0060dd;
    --juejin-brand-4-disable: #abcdff;
    --juejin-brand-5-light: #eaf2ff;
    --juejin-mask-1: rgba(0,0,0,0.4);
    --juejin-mask-2: #fff;
    --juejin-mask-3: none;
    --juejin-brand-fill1-normal: rgba(30,128,255,0.05);
    --juejin-brand-fill2-hover: rgba(30,128,255,0.1);
    --juejin-brand-fill3-click: rgba(30,128,255,0.2);
    --juejin-brand-stroke1-normal: rgba(30,128,255,0.3);
    --juejin-brand-stroke2-hover: rgba(30,128,255,0.45);
    --juejin-brand-stroke3-click: rgba(30,128,255,0.6);
    --juejin-font_danger: #ff5132;
    --juejin-font-1: #252933;
    --juejin-font-2: #515767;
    --juejin-font-3: #8a919f;
    --juejin-font-4: #c2c8d1;
    --juejin-font-brand1-normal: #1e80ff;
    --juejin-font-brand2-hover: #1171ee;
    --juejin-font-brand3-click: #0060dd;
    --juejin-font-brand4-disable: #abcdff;
    --juejin-font-success: #2bb91b;
    --juejin-font-warning: #ff8412;
    --juejin-font-danger: #ff5132;
    --juejin-font-white-disable: #fff;
    --juejin-font-white: #fff;
    --juejin-success-1-normal: #00b453;
    --juejin-success-2-deep: #00964e;
    --juejin-success-3-light: #e2faed;
    --juejin-warning-1-normal: #ff7426;
    --juejin-warning-2-deep: #e05e00;
    --juejin-warning-3-light: #fff3e5;
    --juejin-danger-1-normal: #f64242;
    --juejin-danger-2-deep: #cb2634;
    --juejin-danger-3-light: #fff2ff;
    --juejin-sub-1-purple: #9f54ff;
    --juejin-sub-2-blue: #57a0ff;
    --juejin-sub-3-cyan: #5ad7ff;
    --juejin-sub-4-green: #33d790;
    --juejin-sub-5-yellow: #ffcc15;
    --juejin-sub-6-orange: #ff834e;
    --juejin-sub-7-red: #ff5e54;
    --juejin-coupon_1_button: #f64242;
    --juejin-coupon_1_button_disable: #faa0a0;
    --juejin-coupon_2_card: rgba(255,245,244,0.7);
    --juejin-coupon_3_stroke: rgba(246,66,66,0.2);
    --juejin-navigation: #fff;
    --juejin-shade-1: rgba(0,0,0,0.4);
    --juejin-shade-2: rgba(0,0,0,0.6);
    --juejin-popup: #fff;
    --juejin-popover: #464646;
    --juejin-sheets: #f7f8fa;
    --juejin-coupon-button: #f64242;
    --juejin-coupon-button-disable: #faa0a0;
    --juejin-coupon-card: rgba(255,245,244,0.7);
    --juejin-layer-loading-start: #e4e6eb;
    --juejin-layer-loading-end: rgba(228,230,235,0.5);
    --juejin-font-priv-hint: #916be1;
    --juejin-background-jscore-radar: #232323;
    --juejin-button-shadow-hover: #ddd;
    --juejin-bot-icon-side-bg-color: linear-gradient(180deg,#ebf1ff,#fff);
    --juejin-bot-card-border-color: #eaedf1;
    --juejin-ai-text: #2f2f2f;
    --juejin-ai-normal-text: #0c0d0e;
    --juejin-ai-text-desc: #9299a7;
    --juejin-ai-message-bgc: #fff;
    --juejin-ai-button-bgc: #fff;
    --juejin-ai-code-bgc: #f7f8f9;
}
#collection_thumb { display: none}
.TabSearch_tabContent__p6U_D {
    gap: 16px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: none;
    min-height: calc(100vh - 128px);
}
.TabSearch_contentItem__Kz_E2 {
    width: 100%;
}
.ContentCard_contentCard__5Dt5E {
    width: 100%;
    border-radius: 12px;
    padding: 16px 20px;
    background-color: #fff;
	box-sizing: border-box
}
.ContentCard_contentCard__5Dt5E .ContentCard_articalContent___GBV9 {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    gap: 12px;
    cursor: pointer;
}
.ContentCard_contentCard__5Dt5E .ContentCard_articalContent___GBV9 .ContentCard_avatarBox__NFHod {
    width: 44px;
    height: 44px;
}
.ContentCard_contentCard__5Dt5E .ContentCard_articalContent___GBV9 .ContentCard_avatarBox__NFHod img {
    position: relative;
    flex: none;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.05);
    cursor: pointer;
}
.ContentCard_content__Q3xWK {
    flex: 1;
}
.ContentCard_contentCard__5Dt5E .ContentCard_articalContent___GBV9 .ContentCard_content__Q3xWK .ContentCard_userName__PTJi9 {
    color: #262626;
    font-size: 13px;
    display: flex;
    justify-content: flex-start;
    gap: 4px;
    align-items: center;
    cursor: pointer;
    width: fit-content;
}
.ContentCard_subject__G0wbO {
    margin-top: 8px;
    font-size: 15px;
    color: #262626;
    font-weight: 500;
    line-height: 22px;
    cursor: pointer;
    width: 544px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ContentCard_summary__s8E1D {
    width: fit-content;
    color: #656566;
    font-size: 14px;
    line-height: 20px;
    padding: 2px 0;
    cursor: pointer;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.ContentCard_contentCard__5Dt5E .ContentCard_articalContent___GBV9 .ContentCard_content__Q3xWK .ContentCard_cardContent__7FDyV {
    cursor: pointer;
    margin-top: 10px;
}
.FeedPreview_feedPreviewContainer__atuV_ {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    width: 100%;
    overflow: hidden;
}
.FeedPreview_singleImage__ddx8d {
    cursor: pointer;
    width: 304px;
    height: 171px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.FeedPreview_singleImage__ddx8d img { border-radius: 8px}
.ContentCard_content__Q3xWK .ContentCard_actionWrapper__tUqqc {
    width: 100%;
    display: flex;
    margin-top: 8px;
    align-items: flex-end;
    justify-content: space-between;
}
.ContentCard_contentCard__5Dt5E .ContentCard_articalContent___GBV9 .ContentCard_content__Q3xWK .ContentCard_actionWrapper__tUqqc .ContentCard_view__pnYLk {
    font-size: 12px;
    color: #828385;
    line-height: 24px;
    display: flex;
    gap: 2px;
}
.ContentCard_contentCard__5Dt5E .ContentCard_articalContent___GBV9 .ContentCard_content__Q3xWK .ContentCard_actionWrapper__tUqqc .ContentCard_view__pnYLk {
    font-size: 12px;
    color: #828385;
    line-height: 24px;
    display: flex;
    gap: 2px;
}
.ContentCard_contentCard__5Dt5E .ContentCard_articalContent___GBV9 .ContentCard_content__Q3xWK .ContentCard_actionWrapper__tUqqc .ContentCard_userAction__XJGfz {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    color: #262626;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.UserAction_root__6me7P {
    width: 70px;
    height: 32px;
    display: flex;
    cursor: default;
    position: relative;
    flex-direction: row;
    align-items: center;
}
.UserAction_root__6me7P .UserAction_icon__dE5Ek {
    width: 32px;
    height: 32px;
    margin-right: 2px;
    cursor: pointer;
    border-radius: 50%;
    opacity: 1;
}
.CommonIcon_root__GfNJ6 {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: 0;
}
.UserAction_root__6me7P .UserAction_dotLottie__oaWxU {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
.pc .mIndex_userActionCount__wHmRS {
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 0;
}
.ContentCard_contentCard__5Dt5E .ContentCard_articalContent___GBV9 .ContentCard_content__Q3xWK .ContentCard_actionWrapper__tUqqc .ContentCard_userAction__XJGfz .ContentCard_comment__dUJP5 {
    gap: 2px;
    display: flex;
    align-items: center;
}
.ContentCard_commentIcon__GiKyl {
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 50%;
}
.UserAction_root__6me7P .UserAction_actionNum__ZbOGs {
    font-size: 13px;
    color: #262626;
}
.ContentCard_commentNum__3SF_n {
    font-size: 13px;
    color: #262626;
}
.square-content .left-con { background: none !important}
.paihang { border-radius: 8px !important}
.rank_increment_box { border-radius: 8px !important}
.ResponsiveLayout_leftContent__v_bFW {
    display: flex;
    align-items: center;
    justify-content: center;
}
.HomeSidebar_sidebar__F2Ca_ {
    width: 100%;
    height: 100%;
    margin: 16px;
}
.HomeSidebar_sidebar__F2Ca_ .HomeSidebar_sidebarList__eHum_ .HomeSidebar_sidebarItem___joEn {
    height: 28px;
    display: flex;
    cursor: pointer;
    padding: 8px 12px;
    margin-bottom: 4px;
    border-radius: 24px;
    align-items: center;
}
.HomeSidebar_sidebar__F2Ca_ .HomeSidebar_sidebarList__eHum_ .HomeSidebar_sidebarItem___joEn:hover { background: #F0F2F5}
.HomeSidebar_icon__vXJc9 {
    display: flex;
    margin-right: 10px;
    align-items: center;
}
.HomeSidebar_sidebar__F2Ca_ .HomeSidebar_sidebarList__eHum_ .HomeSidebar_sidebarItem___joEn .HomeSidebar_title___RRLE {
    font-size: 15px;
    font-weight: 500;
    color: #262626;
}
.HomeSidebar_sidebar__F2Ca_ .HomeSidebar_homeSideBtn__BseZn {
    gap: 12px;
    display: flex;
    cursor: pointer;
    margin-top: 16px;
    flex-direction: column;
}
.CommonButton_commonButton__cQlPz {
    width: 100%;
    border: none;
    display: flex;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease 0s;
}
.CommonButton_commonButton__cQlPz:hover { opacity: 0.8}
.HomeSidebar_sidebar__F2Ca_ .HomeSidebar_homeSideBtn__BseZn .HomeSidebar_addPostButton__bmNmn {
    padding: 11px 20px;
    border-radius: 22px;
    background-color: #3798fa;
}
.CommonButton_commonButton__cQlPz .CommonButton_icon___hAo_ {
    display: flex;
    margin-right: 6px;
}
.CommonButton_commonButton__cQlPz .CommonButton_text__rScpU {
    display: inline-block;
}
.HomeSidebar_loginTipsCard___9BUE {
    cursor: pointer;
    margin-top: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid #ebeef0;
}
.HomeSidebar_loginTipsCard___9BUE .HomeSidebar_loginTipsTitle__t198l {
    font-size: 13px;
    font-weight: 500;
    color: #262626;
    margin-bottom: 12px;
}
.HomeSidebar_loginTipsCard___9BUE .HomeSidebar_tipList__mgQPm {
    gap: 6px;
    display: flex;
    flex-direction: column;
}
.HomeSidebar_loginTipsCard___9BUE .HomeSidebar_tipList__mgQPm .HomeSidebar_tipItem__lI2wW {
    display: flex;
    font-size: 13px;
    color: #828385;
    align-items: center;
}
.HomeSidebar_loginTipsCard___9BUE .HomeSidebar_tipList__mgQPm .HomeSidebar_tipItem__lI2wW .HomeSidebar_tipIcon__hLSJT {
    display: flex;
    margin-right: 6px;
    align-items: center;
}
.HomeSidebar_sidebar__F2Ca_ .HomeSidebar_footer__vFBJs {
    left: 0;
    bottom: 0;
    z-index: 100;
    margin-left: 16px;
    position: absolute;
    background-color: #fff;
    width: calc(100% - 32px);
}
.HomeSidebar_sidebar__F2Ca_ .HomeSidebar_footer__vFBJs .HomeSidebar_footerContent__mkEKv {
    display: flex;
    align-items: center;
    padding: 12px 0 16px;
    justify-content: center;
}
.HomeSidebar_sidebar__F2Ca_ .HomeSidebar_footer__vFBJs .HomeSidebar_footerContent__mkEKv .HomeSidebar_footerButton__D8Li3 {
    width: 100%;
    display: flex;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #262626;
    border-radius: 24px;
    align-items: center;
    padding: 8px 12px;
    justify-content: flex-start;
}
.HomeSidebar_icon__vXJc9 {
    display: flex;
    margin-right: 10px;
    align-items: center;
}
.HomeSidebar_sidebar__F2Ca_ .HomeSidebar_homeSideBtn__BseZn .HomeSidebar_loginButton__Bfl_n {
    padding: 11px 20px;
    border-radius: 22px;
    background-color: #262626;
}
.HomeSidebar_sidebar__F2Ca_ .HomeSidebar_homeSideBtn__BseZn .HomeSidebar_loginButton__Bfl_n:hover {
    background-color: #3d3d3d!important;
}
.ResponsiveLayout_leftColumn__NDj3T {
    background-color: #fff;
    width: 256px;
    margin-right: 16px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    z-index: 100;
    height: 100vh;
}
.MoreFunctions_moreFunctions__K280q {
    width: 280px;
    border-radius: 12px;
    background-color: #fff;
    padding: 16px 20px 20px;
	margin-bottom: 16px
}
.MoreFunctions_moreFunctions__K280q .MoreFunctions_title__jhy22 {
    font-size: 16px;
    font-weight: 500;
    color: #262626;
}
.MoreFunctions_moreFunctions__K280q .MoreFunctions_functionList__xLk8d {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    margin-top: 12px;
    flex-wrap: wrap;
}
.MoreFunctions_moreFunctions__K280q .MoreFunctions_functionList__xLk8d .MoreFunctions_functionItem__9f3Uv a {
    width: 61px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
    gap: 4px;
    padding: 8px 0;
    cursor: pointer;
    border-radius: 6px;
}
.MoreFunctions_moreFunctions__K280q .MoreFunctions_functionList__xLk8d .MoreFunctions_functionItem__9f3Uv .MoreFunctions_icon__2wYnP {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.MoreFunctions_moreFunctions__K280q .MoreFunctions_functionList__xLk8d .MoreFunctions_functionItem__9f3Uv .MoreFunctions_text__OYs_j {
    line-height: 18px;
    font-size: 12px;
    color: #262626;
}
.FeedPreview_coverItem__xP2Kp {
    cursor: pointer;
    width: 104px;
    height: 104px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.FeedPreview_coverItem__xP2Kp img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.TabSearch_tabHeader__mFeZb {
    display: flex;
    height: 36px;
    padding: 0 0 16px 0;
    background: #f5f5f5;
    justify-content: space-between;
    position: sticky;
    top: 64px;
    z-index: 99;
}
.TabSearch_tabs__72Rzn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.TabSearch_tabButton__AfhVD {
    gap: 2px;
    display: flex;
    align-items: center;
    color: #828385;
    padding: 6px 20px;
    line-height: 24px;
	border: 0;
    border-radius: 20px;
    margin-right: 4px;
    background: none;
    cursor: pointer;
    font-size: 16px;
    transition: background-color .3s ease;
}
.TabSearch_active__El8PG, .TabSearch_tabButton__AfhVD:hover {
    background-color: #fff;
}
.TabSearch_active__El8PG {
    font-weight: bold;
    color: #262626;
}
@media (max-width: 820px) {
.index_main_left { display: none}
.mn_one { width: 100% !important; margin: 0 !important}
#collection_thumb { display: block}
.nav_box_top { display: none}
.mi_phone_header .mi_section { height: 56px; min-height: 56px}
#nv_group.pg_index #ct { width: 96% !important; margin: 10px auto !important}
.pg_group .ct2 .mn { border-radius: 0 !important}
.group_box_s1 { padding: 0 3% !important}
#nv_group .tfm { width: 100%; display: block}
#nv_group .tfm tbody { width: 100%; display: block}
#nv_group .tfm tbody tr { float: left; width: 100%; display: block}
#nv_group .tfm tbody tr td { float: right; width: calc(100% - 85px)}
#nv_group .tfm th { float: left; width: 80px; min-width: 80px}
#nv_group .tfm .px { width: calc(100% - 10px)}
#nv_group .tfm .c, #nv_group .tfm .tedt, #nv_group .m_c .tfm .tedt { width: calc(100% - 2px)}
.mi_phone_header .logo img { height: 24px !important; margin: 16px 0 0 0 !important}
.footer-style .wp { width: 100% !important}
.pf_l li { width: 100% !important}
.footer-style { position: relative !important}
.footer_box { height: auto !important; margin-top: 10px !important; overflow: hidden}

.pg_ranklist .tl .frm { display: none}
.pg_ranklist .tl .by { display: none}
.pg_ranklist .tl td:last-child { display: none}
.pg_ranklist .tl th, .pg_ranklist .tl td { border-color: #EEEEEE}

body.pg_post { background: #FFFFFF !important}
#e_sml_menu.sllt { max-width: 94% !important; left: 3% !important}
.pg_post .p_pof { width: 94% !important; left: 3% !important; box-sizing: border-box}
.pg_post .fwinmask { width: 94% !important; left: 3% !important}
#fwin_nav.fwinmask { width: 94% !important; left: 3% !important}
#fwin_nav.fwinmask table { width: 100% !important}
#fwin_nav.fwinmask .pbl { width: 100%; border-right: 1px solid #CCCCCC}
#fwin_nav.fwinmask .pbl li { height: auto !important; min-height: 280px !important}
#fwin_nav.fwinmask .pbl li:last-child { width: calc(34% - 10px) !important; border-right: 0 !important}
#fwin_nav.fwinmask {
    width: 100% !important;
    left: 0 !important;
    margin-top: 0;
	top: 50px !important;
    z-index: 900 !important;
    background: rgba(0,0,0,0.5);
    height: 100vh !important;
    padding-top: 50px;
}
#fwin_nav.fwinmask .m_c {
    display: block;
    width: 94%;
    max-width: 100% !important;
    padding: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    left: 3%;
    position: relative;
}
#fwin_nav.fwinmask .m_c .c { padding: 0 !important}

.numboxx { padding: 20px !important}
ul.pf_l { padding: 0 !important}
.pf_l li { width: 100% !important}
.mus_box { display: none}
.pg_post #ct.ct2_a { box-sizing: border-box; padding: 20px !important; border-radius: 3px; background: #FFFFFF !important}
#editorbox { padding: 0 !important}
#e_controls .y { display: none}
.edt .btn { float: none !important; border: 0 !important}
.simpleedt .bar, .simpleedt .b1r, .simpleedt .b2r { height: auto !important}
#postbox input { width: auto !important}
.edt .bbar { height: auto !important}

.footer-style .wp { width: 100%}
#gotop { display: none !important}
.pbnv { width: auto !important}
.thread-post-btn-wrapper { display: block}
.search-box { width: 94% !important}
.search-push { top: 64px !important; width: 100% !important; padding-bottom: 20px; border-radius: 0 !important}
#scbar_btn { background-size: 24px}
.search-input .search-close { position: relative; top: 0; width: 28px; height: 28px; background-size: 28px !important}
#scbar_txt { font-size: 16px}
.search-push .search-item { padding: 0 20px}
.result-item-main { padding: 10px 0 !important}
div.thumbnail-group {
    width: 111px;
    height: 62px;
}
.blogfooter-item.blogfooter-item-img { position: relative !important; margin-top: 20px !important; width: 100% !important}
.blogmain-item-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
div.thumbnail-group { position: relative; top: -24px}
.blogmain-item-left-img { max-width: calc(100% - 123px)}
}