/*
Theme Name: 解忧开发
Theme URI: http://www.prber.com
Description: Crazy uncle
Author: Crazy uncle
Author URI: http://www.prber.com
Version: 1.6.20241202
*/
@charset "UTF-8";
body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:#333;font-size:14px;background-color:#f7f7f7;background-image:var(--ds_background);background-attachment:fixed;}
p{margin-top:0;margin-bottom:10px;}
ol,
ul,
dl{padding:0;margin:0;list-style:none;}
a{color:#333;text-decoration:none;background-color:transparent;}
a:hover{color:#0056b3;text-decoration:none;}
*:focus,
textarea:focus,
button:focus,
input:focus{box-shadow:none;outline:0}
img{border:0;max-width:100%;height:auto;}
html::-webkit-scrollbar{width:5px;background:#fff;}
html::-webkit-scrollbar-thumb{background:#222;}
html.dark::-webkit-scrollbar{width:5px;background:#212121;}
html.dark::-webkit-scrollbar-thumb{background:#333;}
#wp-admin-bar-wp-logo{display:none!important}
.skip-link{position:absolute;top:-40px;left:0;background:#dc3544;color:#fff;padding:8px 16px;text-decoration:none;z-index:100000;border-radius:0 0 8px 0;transition:top 0.3s;}
.skip-link:focus{top:0;}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.bf-sockpuppet-dropdown{position:relative;display:inline-block;margin-right:5px;}
.bf-sockpuppet-menu{position:absolute;top:100%;right:0;margin-top:5px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:1000;width:200px;display:none;padding:8px 0;min-width:180px;}
.bf-sockpuppet-menu-header{padding:8px 12px;font-size:12px;color:#999;border-bottom:1px solid #f5f5f5;margin-bottom:8px;}
.bf-sockpuppet-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background 0.2s;}
.bf-sockpuppet-menu-item:hover{background:#f8f9fa;}
.bf-sockpuppet-menu-item span{flex:1;font-size:13px;color:#333;}
.bf-sockpuppet-menu-item img{border-radius:50%;}
.dark .bf-sockpuppet-menu{background:#212121;border-color:#333;}
.dark .bf-sockpuppet-menu-header{color:#999;border-bottom-color:#333;}
.dark .bf-sockpuppet-menu-item{color:#c9c9c9;}
.dark .bf-sockpuppet-menu-item:hover{background:#2a2a2a;}
.dark .bf-sockpuppet-menu-item span{color:#c9c9c9;}
.show_m{-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
.f300{font-weight:300}
.container{max-width:900px;}
.dark .top .top_r .top_r_an.theme-switch{color:#ffc008;background:#212121;}
.dark .top .top_r .top_r_an:hover{background:#212121;}
.dark body{background-color:#191919;color:#c9c9c9;background-blend-mode:overlay;}
.dark a{color:#ffffff;}
.dark .header{background:#151516;}
.dark .top .top_r .top_r_an{color:#bdbdbd;}
.dark .top .top_r .top_r_btn_login{color:#bdbdbd;background:#2a2a2a;}
.dark .top .top_r .top_r_btn_login:hover{background:#333;}
.dark .top .top_r .top_r_btn_user:hover{background:#2a2a2a;}
.dark .mobile_an{color:#bdbdbd;}
.dark #mobile_right_nav .mobile_head{background:#1c1b1b;}
.dark #mobile_right_nav .mobile_head .mobile_head_logo b{color:#bdbdbd;}
.dark #mobile_right_nav{background:#151515;}
.dark #mobile_right_nav .menu-zk{background:#1d1d1d;}
.dark #mobile_right_nav .menu-zk li a{color:#999;border-bottom:1px solid #242424;}
.dark .widget,
.dark .post_container_title,
.dark .post_container,
.dark .post_author,
.dark .post_related{background:#212121;}
.dark .top .top_l .logo a b{color:#fff;}
.dark .header-menu .header-menu-ul li a{color:#fff;}
.dark .widget_hot_tags .tagcloud a{background-color:#292929;}
.dark .widget_hot_tags .tagcloud a:hover{background:#4270f5;color:#fff;}
.dark .widget_hot_tags .tagcloud a.hot:before{background:#4270f5;border:3px solid #212121;}
.dark .widget_comment_ul li{border-bottom:1px solid #252525;}
.dark .widget_comment_ul li:last-child{border:none;}
.dark .widget_recent_entries ul li{border-left:2px solid #343434;}
.dark .widget_recent_entries ul li:before{background-color:#292a2a;}
.dark .widget_recent_entries ul li:after{border:2px solid #262626;}
.dark .post_container_title{border-bottom:2px solid #191919;}
.dark .links a{color:#999;}
.dark .post_author{border-top:3px solid #191919;}
.dark .post-read-more a{background:#212121;color:#555;border-radius:4px;}
.dark .post-read-more a:hover{background:#4270f5;color:#fff;}
.dark .posts-nav .page-numbers{background:#2a2a2b;color:#fff;}
.dark .posts-nav .page-numbers:hover{background:#dc3544;}
.dark .posts-nav .current{background:#dc3544;}
.dark .bf-comments-wrap{background:#212121;}
.dark .bf-comments-title{color:#fff;}
.dark .bf-comments-form-box{background:#191919;border-color:#222222;}
.dark .bf-comments-list-box{background:#191919;border-color:#222222;}
.dark .bf-comment-item{border-bottom-color:#222222;}
.dark .bf-comment-item:hover{background:#2a2a2a;}
.dark .bf-comment-author{color:#fff;}
.dark .bf-comment-content{color:#ccc;}
.dark .bf-comments-textarea-wrap textarea{background:#2a2a2a;border-color:#333;color:#fff;}
.dark .bf-comments-textarea-wrap textarea:focus{background:#2a2a2a;border-color:#dc3544;}
.dark .bf-comments-textarea-wrap textarea::placeholder{color:#555;}
.dark .bf-comment-reply-textarea{background:#2a2a2a;border-color:#333;color:#fff;}
.dark .bf-comment-reply-textarea:focus{background:#2a2a2a;border-color:#dc3544;}
.dark .bf-comment-reply-textarea::placeholder{color:#555;}
.dark .bf-reply-textarea{background:#2a2a2a;border-color:#333;color:#fff;}
.dark .bf-reply-textarea:focus{background:#2a2a2a;border-color:#dc3544;}
.dark .bf-reply-form{border-top-color:#333;}
.dark .bf-emoji-picker{background:#212121;border-color:#333;}
.dark .bf-emoji-categories{border-bottom-color:#333;}
.dark .bf-emoji-category{background:#333;}
.dark .bf-emoji-category.active{background:#dc3544;}
.dark .bf-emoji-item:hover{background:#333;}
.dark .bf-form-input-area textarea{background:#191919;color:#ccc;border-color:#333;}
.dark .bf-reply-form{background:#191919;}
.dark .bf-reply-form textarea{background:#191919;color:#ccc;border-color:#333;}
.dark .links{background:#1d1d1d;}
.dark .footbox{background:#151516;}

.dark .header-menu .header-menu-ul li .sub-menu{background:#212121;}
.dark .widget_search #s{background:#343435;color:#fff;}
.dark #mobile_right_nav .mobile_head .theme-switch{color:#ffc008;background:#212121;}
.dark #mobile_right_nav .mobile_user_links{border-bottom-color:#242424;}
.dark #mobile_right_nav .mobile_user_links a:last-child{background:#2a2a2a;color:#bdbdbd;}
.dark #mobile_right_nav .menu-zk .menu-item-has-children .czxjcdbs:before{background:#242424;}
.dark #mobile_right_nav .menu-zk .sub-menu{background:#212121;}
.dark .wznrys .wp-block-table table{color:#c9c9c9;}
.dark .widget-title{color:#fff;}
.dark .widget-title:after{background:#191919;}
.dark .post_container_title h1{color:#fff;}
.dark .wznrys{font-size:15px;color:#c9c9c9;}
.dark .post_related_list a{color:#c9c9c9;}
.dark .post_loop{background:#212121;}
.dark .post_loop_tag em{background:#343435;}
.dark .cat_head{background:#212121;}
.dark .author_show_box{background:#212121;}
.dark .author_post{border-top:1px solid #191919;}
.header{background:#fff;width:100%;z-index:10;margin-bottom:1rem;box-shadow:0px 1px 20px 12px #0808080f;padding:15px 0px;}
body.is-bf-sign .header{margin-bottom:0;}
body.tax-circle_category .header{margin-bottom:0;}
body.circle-category-list .header{margin-bottom:0;}
body.circle-tag-list .header{margin-bottom:0;}
.top{display:flex;justify-content:space-between;align-items:center;}
.top .top_l{display:flex;align-items:center;}
.top .top_l .logo{margin-bottom:0px;font-size:20px;margin-right:25px;}
.top .top_l .logo a{display:flex;align-items:center;}
.top .top_l .logo a img{height:30px;margin-right:10px;}
.top .top_l .logo a b{letter-spacing:0.5px;}
.top .top_r{display:flex;}
.top .top_r .top_r_an{border:none;color:#555;background:none;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;padding:0;cursor:pointer;}
.top .top_r .top_r_an.theme-switch{background:#e9e9e9;}
.top .top_r .top_r_an:hover{background:#e9e9e9;}
.top .top_r .bf-contact-btn{display:none;}
@media (max-width:768px){
    .top .top_r .bf-contact-btn{display:inline-flex;align-items:center;justify-content:center;color:#0088cc;}
    .top .top_r .bf-contact-btn:hover{background:#e9e9e9;color:#00a8e8;}
}
.top .top_r .top_r_an i{}
.top .top_r .top_r_btn{display:flex;align-items:center;height:30px;padding:0 12px;margin-left:8px;border-radius:15px;font-size:14px;text-decoration:none;font-weight:500;}
.top .top_r .top_r_btn_login{color:#666;background: #f5f5f5;
    padding: 0 15px;
    border-radius: 5px;margin-left: 20px;}
.top .top_r .top_r_btn_login:hover{background:#dc3544; color:#fff;}
.top .top_r .top_r_btn_register{color:#fff;background: #dc3544;
    padding: 0 15px;
    border-radius: 5px;}
.top .top_r .top_r_btn_register:hover{color: #dc3544;
    background: #dc35441c;}
.top .top_r .top_r_btn_user{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:50%;overflow:hidden;margin-left: 20px;}
.top .top_r .top_r_btn_user .top_r_user_avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;}
.top .top_r .top_r_btn_user:hover{background:#e9e9e9;}
@media (max-width:768px){
    .top .top_l .logo{margin-right:0px;}
    .top .top_l .logo a img{height:22px;}
    .top .top_r .top_r_an.theme-switch{display:none;}
    .top .top_r .top_r_btn{display:none;}
}

/*nav*/
.header-menu{}
.header-menu .header-menu-ul{font-size:0px;}
.header-menu .header-menu-ul li{display:inline-block;position:relative;}
.header-menu .header-menu-ul li:hover{color: #dc3544;}
.current-menu-item a:hover{color: #dc3544;}
.current-menu-item a{color: #dc3544;}
.header-menu .header-menu-ul li a{padding:10px 18px;display:block;font-size:14px;}
.header-menu .header-menu-ul li .sub-menu{display:none;position:absolute;top:41px;background:#fff;width:160px;padding:20px;box-shadow:0px 8px 20px 5px #00000014;z-index:99;border-radius:10px;}
.header-menu .header-menu-ul li .sub-menu li{width:100%;}
.header-menu .header-menu-ul li .sub-menu li a{font-size:14px;padding:5px 10px;}
.header-menu .header-menu-ul li .sub-menu li a:after{display:none}
.header-menu .header-menu-ul li .sub-menu .sub-menu{position:absolute;left:200px;top:0px;}
.header-menu .header-menu-ul li.menu-item-has-children>a:after{content:'\F282';font-family:'bootstrap-icons';margin-left:5px;font-size:12px;transform:scale(0.7);display:block;position:absolute;right:0px;top:12px;}
.header-menu .header-menu-ul li .sub-menu .menu-item-has-children a:after{content:'\F282';font-family:'bootstrap-icons';display:block;float:right;transform:rotate(270deg);-webkit-transform:rotate(270deg);}
.header-menu .header-menu-ul li.current-menu-item,
.header-menu .header-menu-ul li.current-menu-parent,
.header-menu .header-menu-ul li.current-menu-ancestor{}
@media (max-width:992px){
    .header-menu{display:none;}
}

/*mobile_anniu*/
#mobile_right_nav{width:300px;border:none;}
#mobile_right_nav .mobile_head{padding:15px 22px;color:#fff;background:rgba(0,0,0,0.2);display:flex;justify-content:space-between;}
#mobile_right_nav .mobile_head .mobile_head_logo{display:flex;align-items:center;color:#333;justify-content:center;}
#mobile_right_nav .mobile_head .mobile_head_logo img{height:28px;margin-right:10px;}
#mobile_right_nav .mobile_head .mobile_head_logo b{}
#mobile_right_nav .mobile_head .theme-switch{background:#fff;width:30px;height:30px;border-radius:50%;border:none;text-align:center;display:flex;align-items:center;justify-content:center;color:#666;font-size:12px;}
#mobile_right_nav .mobile_user_links{display:flex;gap:10px;padding:10px 22px;border-bottom:1px solid #f0f0f0;}
#mobile_right_nav .mobile_user_links a{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:14px;text-decoration:none;}
#mobile_right_nav .mobile_user_links a:first-child{background:#dc3544;color:#fff;}
#mobile_right_nav .mobile_user_links .mobile_user_avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;}
#mobile_right_nav .mobile_user_links a:last-child{background:#f5f5f5;color:#666;}
#mobile_right_nav .menu-zk{margin:20px;background:#ebebeb;border-radius:8px;overflow:hidden;}
#mobile_right_nav .menu-zk li{line-height:46px;position:relative;}
#mobile_right_nav .menu-zk li a{font-size:14px;display:block;border-bottom:1px solid #e3e3e3;color:#333;padding:0px 30px;}
#mobile_right_nav .menu-zk li:last-child a{border-bottom:none;}
#mobile_right_nav .menu-zk .sub-menu{display:none;background:#4270f5;}
#mobile_right_nav .menu-zk .sub-menu li a{font-size:12px;color:#ffffff;font-weight:300;border-bottom:none;}
#mobile_right_nav .menu-zk .menu-item-has-children .czxjcdbs:before{content:"\F279";font-family:'bootstrap-icons';position:absolute;right:20px;top:0px;color:#ffffff;width:30px;height:30px;line-height:30px;margin:8px 0px;text-align:center;display:block;cursor:pointer;background:#cccccc;border-radius:50%;font-size:10px;}
#mobile_right_nav .menu-zk .menu-item-has-children .kai:before{content:"\F27C";font-family:'bootstrap-icons';}
.mobile_an{border:none;color:#555;background:none;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;padding:0;font-size:18px;display:none;}
@media (max-width:992px){
    .mobile_an{display:inline-block;}
}



/*index banner left*/
.index_banner{margin-bottom:25px;width:100%;max-width:900px;margin-left:auto;margin-right:auto;padding:0 15px;}
@media (min-width:1200px){
    .index_banner{padding:0;}
}
#banner{border-radius:4px;overflow:hidden;}
#banner .carousel-inner,
#banner .carousel-item,
#banner .banlist{height:100%;}
#banner .carousel-indicators{right:20px;left:inherit;bottom:14px;margin-right:inherit;margin-bottom:inherit;margin-left:inherit;display:flex;justify-content:flex-end;}
#banner .carousel-indicators button{width:10px;height:10px;border-radius:50%;}
#banner .carousel-control-prev,
#banner .carousel-control-next{opacity:0;}
#banner .carousel-control-prev i,
#banner .carousel-control-next i{font-size:14px;width:40px;height:40px;background:#242424;line-height:40px;border-radius:50%;transition:all 0.6s ease;}
#banner:hover .carousel-control-prev,
#banner:hover .carousel-control-next{opacity:1;}
#banner .carousel-control-prev i:hover,
#banner .carousel-control-next i:hover{background:#dc3544;color:#fff;}
#banner .banlist{display:block;position:relative;z-index:1;overflow:hidden;}
#banner .banlist:before{position:absolute;content:'';width:100%;height:100%;top:0px;right:0px;z-index:1;opacity:0.6;background:linear-gradient(to top,black,#ffffff00);}
#banner .banlist img{transition:all .3s ease-out 0s;}
#banner .banlist h2{position:absolute;color:#fff;z-index:9;font-size:16px;width:100%;bottom:0px;left:0px;padding:20px 25px;margin:0px;}
#banner .banlist i{position:absolute;top:0px;left:0px;background:#4270f5;color:#fff;font-size:12px;font-style:inherit;padding:3px 7px;}
#banner:hover .banlist img{transform:scale(1.1);}
#banner .banner-caption{position:absolute;z-index:9;bottom:0;left:0;width:100%;padding:20px 25px;background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));}
#banner .banner-caption h2{position:static;color:#fff;font-size:18px;margin:0;padding:0;text-shadow:0 1px 3px rgba(0,0,0,0.5);}

.quick-links{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;}
.quick-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:#f8f9fa;border-radius:8px;text-decoration:none;color:#666;transition:all 0.3s;}
.quick-item:hover{background:#dc3544;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,68,0.3);}
.quick-item i{font-size:20px;margin-bottom:5px;}
.quick-item span{font-size:12px;}
.quick-empty{padding:20px;text-align:center;color:#999;font-size:13px;}

.bf-circle-header{position:relative;margin:0;padding:0;}
.bf-circle-cover{position:relative;height:220px;overflow:hidden;}
.bf-circle-cover img{width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.1);}
.bf-circle-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:60px;}
.bf-circle-overlay{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.4), transparent);}
.bf-circle-info{position:relative;margin-top:-80px;}
.bf-circle-main{display:flex;align-items:flex-end;gap:20px;padding-bottom:20px;}
.bf-circle-avatar{width:120px;height:120px;border-radius:16px;overflow:hidden;border:4px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,0.15);flex-shrink:0;}
.bf-circle-avatar img{width:100%;height:100%;object-fit:cover;}
.bf-circle-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;}
.bf-circle-detail{flex:1;min-width:0;padding:15px 0;}
.bf-circle-name{font-size: 22px;
    font-weight: 700;
    color: #333;
    margin: 0 0 8px 0;}
.bf-circle-desc{font-size:14px;color:rgba(255,255,255,0.85);margin:0 0 15px 0;line-height:1.6;}
.bf-circle-stats-row{display:flex;align-items:center;gap:30px;}
.bf-circle-stat{display:flex;flex-direction:column;align-items:flex-start;gap:3px;}
.bf-stat-num{font-size:18px;font-weight:700;color:#dc3544;font-family:inherit;}
.bf-stat-heat{color:#ffcc00;}
.bf-stat-text{font-size:12px;color:#666;}
.bf-circle-login-btn{padding:12px 28px;background:rgba(255,255,255,0.2);color:#fff;border-radius:30px;font-size:14px;font-weight:500;text-decoration:none;transition:all 0.3s;border:1px solid rgba(255,255,255,0.3);flex-shrink:0;margin-bottom:15px;}
.bf-circle-login-btn:hover{background:rgba(255,255,255,0.3);}

.tag-header{background:#f5f5f5;margin-bottom: 10px;}
.tag-info-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08);}
.tag-cover{position:relative;height:200px;overflow:hidden;background:linear-gradient(135deg, #dc3544 0%, #ff6b6b 50%, #ff8e53 100%);}
.tag-cover img{width:100%;height:100%;object-fit:cover;}
.tag-overlay{position:absolute;bottom:0;left:0;right:0;height:80%;background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.3), transparent);}
.tag-trending{position:absolute;top:15px;right:15px;background:rgba(255,255,255,0.2);backdrop-filter:blur(4px);color:#fff;font-size:12px;padding:6px 14px;border-radius:20px;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,0.3);}
.tag-trending i{color:#ffcc00;font-size:14px;}
.tag-content{padding:25px;position:relative;margin-top:-120px;}
.tag-title-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.tag-hash{color:#ffc107;font-size:28px;font-weight:700;line-height:1;}
.tag-name{font-size:22px;font-weight:700;color:#fff;margin:0;line-height:1;}
.tag-desc{font-size:14px;color:#666;margin:0 0 18px 0;line-height:1.6;}
.tag-stats{display:flex;align-items:center;gap:30px;padding:16px 20px;background:#f8f9fa;border-radius:10px;}
.tag-stat-item{display:flex;align-items:center;gap:8px;}
.tag-stat-value{font-size:18px;font-weight:700;color:#333;}
.tag-stat-value.heat-value{color:#dc3544;font-size:20px;}
.tag-stat-label{font-size:13px;color:#999;}
.tag-stat-divider{width:1px;height:24px;background:#e0e0e0;}
.tag-tabs{display:flex;background:#fff;border-bottom:2px solid #f0f0f0;margin-bottom:5px;}
.tag-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;font-size:15px;color:#666;font-weight:500;cursor:pointer;transition:all 0.3s;border-bottom:3px solid transparent;}
.tag-tab.active{color:#dc3544;border-bottom-color:#dc3544;font-weight:600;}
.tag-tab:hover:not(.active){color:#dc3544;}
.tag-post{border-bottom:1px solid #f0f0f0;padding:16px 0;}
.tag-post:first-child{padding-top:16px;}
.tag-post:hover{background:#fafafa;}
.tag-post .excerpt_img{width:100%;height:200px;border-radius:8px;overflow:hidden;margin-bottom:12px;}
.tag-post .excerpt_img img{width:100%;height:100%;object-fit:cover;}
.tag-post .excerpt_text h2{font-size:17px;font-weight:600;color:#333;margin-bottom:10px;line-height:1.5;}
.tag-post .excerpt_text p{font-size:14px;color:#666;line-height:1.7;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tag-post .excerpt_info{display:flex;align-items:center;gap:15px;font-size:13px;color:#999;}
.tag-post .excerpt_info a{color:#999;text-decoration:none;}
.tag-post .excerpt_info a:hover{color:#dc3544;}
.hot-topics-list{margin:0;padding:0;list-style:none;}
.hot-topic-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px dashed #f0f0f0;transition:background 0.3s;}
.hot-topic-item:last-child{border-bottom:none;}
.hot-topic-item:hover{background:#fafafa;padding-left:8px;border-radius:6px;}
.topic-rank{width:26px;height:26px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;}
.topic-rank.rank-top{background:#dc3544;color:#fff;}
.topic-rank:nth-child(n+4){background:#f5f5f5;color:#999;}
.topic-main{flex:1;min-width:0;}
.topic-mini-image{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;margin-bottom:8px;}
.topic-mini-image img{width:100%;height:100%;object-fit:cover;}
.topic-mini-placeholder{width:100%;height:100%;background:#dc3544;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;}
.topic-mini-name{font-size:15px;color:#333;text-decoration:none;display:block;margin-bottom:6px;font-weight:500;}
.topic-mini-name:hover{color:#dc3544;}
.topic-mini-count{font-size:13px;color:#999;}
.related-tags{display:flex;flex-wrap:wrap;gap:10px;}
.related-tag{padding:7px 15px;background:#f5f5f5;color:#666;font-size:13px;text-decoration:none;border-radius:25px;transition:all 0.3s;border:1px solid transparent;}
.related-tag:hover{background:#fff;color:#dc3544;border-color:#dc3544;box-shadow:0 2px 8px rgba(220,53,68,0.15);}
.text-gray-500 a{
    background: #dc3544;
    border: none;
}
@media (max-width:768px){
    .bf-circle-cover{height:150px;}
    .bf-circle-info{margin-top:-50px;}
    .bf-circle-avatar{width:80px;height:80px;border-width:3px;}
    .bf-circle-name{font-size:20px;}
    .bf-circle-desc{font-size:13px;margin-bottom:10px;}
    .bf-circle-stats-row{gap:20px;}
    .bf-stat-num{font-size:15px;}
    .bf-circle-main{gap:12px;}
    .bf-follow-btn,.bf-circle-login-btn{padding:10px 20px;font-size:13px;margin-bottom:10px;}
    .tag-header{padding: 10px 0 5px;}
    .tag-cover{height:140px;}
    .tag-content{padding:18px;margin-top:-50px;}
    .tag-name{font-size:20px;}
    .tag-hash{font-size:20px;}
    .tag-stats{gap:15px;padding:12px 15px;}
    .tag-stat-value{font-size:16px;}
    .tag-tabs{flex-direction:row;}
    .tag-tab{padding:12px;font-size:14px;}
    .video-item .post-media {
    width: 140px;
}
}
#banner .carousel-item img{width:100%;height:100%;object-fit:cover;display:block;}
@media (max-width:768px){
    #banner{height:calc(var(--carousel-height) * 0.7) !important;}
    #banner .banlist h2{bottom:22px;text-align:center;}
    #banner .carousel-indicators{display:flex;justify-content:center;right:0;left:0;bottom:8px;}
    #banner .banner-caption{padding:15px;text-align:center;}
    #banner .banner-caption h2{font-size:15px;}
}
.vd-comment {
    margin-top: 20px;
    background: #fff;
    border-radius: 8px;
    padding: 25px 30px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
}
.bf-follow-circle{
    background: #dc3544;
    color: #fff;
    border-color: #dc3544;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 16px;
    border: none;
}
.top_r_btn_post{
    margin-left: 20px;
}
/*post_loop*/
.post_loop{background:#fff;padding:30px;margin-bottom:20px;border-radius:10px;}
.post_loop .post_loop_head{display:flex;justify-content:space-between;margin-bottom:20px;align-items:center;}
.post_loop .post_loop_head .post_loop_head_author{display:flex;justify-content:flex-start;align-items:center;}
.post_loop .post_loop_head .post_loop_head_author .images_author{display:block;}
.post_loop .post_loop_head .post_loop_head_author .images_author:hover{}
.post_loop .post_loop_head .post_loop_head_author .images_author img{width:40px;height:40px;border-radius:50%;}
.post_loop .post_loop_head .post_loop_head_author .images_author_name{margin-left:15px;line-height:1;}
.post_loop .post_loop_head .post_loop_head_author .images_author_name h3{font-size:14px;margin-bottom:2px;}
.post_loop .post_loop_head .post_loop_head_author .images_author_name span{font-size:12px;color:#C6C6C6;font-weight:300;}
.post_loop .post_loop_head .post_loop_more{}
.post_loop .post_loop_head .post_loop_more:hover{}
.post_loop .post_loop_head .post_loop_more i{font-size:24px;color:#3473fb;}
.post_loop .post_loop_conter{margin-left:60px;}
.post_loop .post_loop_conter .post_loop_title_box{position:relative;}
.post_loop .post_loop_conter .post_loop_title_box .post_loop_title{font-size:18px;margin-bottom:15px;}
.post_loop .post_loop_conter .post_loop_title_box .post_loop_title a{}
.post_loop .post_loop_conter .post_loop_title_box p{font-size:14px;font-weight:300;line-height:1.8;margin-bottom:15px;}
.post_images{width:66%;font-size:0;display:table;margin:0px -1% 0px -1%;}
.post_images a{display:inline-block;border-radius:8px;overflow:hidden;float:left;position:relative;}
.post_images a b{position:absolute;display:flex;width:100%;height:100%;background:#0000006e;top:0px;left:0px;color:#fff;z-index:1;font-size:20px;justify-content:center;align-items:center;}
.post_img_2 a{width:46%;margin:2%;}
.post_img_3 a:nth-child(1){width:62.67%;}
.post_img_3 a{width:29.33%;margin:2%;}
.post_img_4 a{width:46%;margin:2%;}
.post_img_5 a{width:29.33%;margin:2%;}
.post_img_5 a:nth-child(1){width:46%;}
.post_img_5 a:nth-child(2){width:46%;}
.post_img_6 a{width:29.33%;margin:2.2% 2%;}
.post_img_6 a:nth-child(1){width:62.67%;}
.post_img_7 a{width:29.33%;margin:2%;}
.post_img_7 a:nth-child(4){width:21%}
.post_img_7 a:nth-child(5){width:21%}
.post_img_7 a:nth-child(6){width:21%}
.post_img_7 a:nth-child(7){width:21%}
.post_img_8 a{width:29.33%;margin:2%;}
.post_img_8 a:nth-child(1){width:46%;margin:2%;}
.post_img_8 a:nth-child(2){width:46%;margin:2%;}
.post_img_9 a{width:29.33%;margin:2%;}
.post_loop_tag{width:100%;display:flex;margin-top:30px;}
.post_loop_tag em{margin-right:6px;border-radius:5px;padding:3px 10px;font-size:12px;font-style:inherit;background:#F5F7F9;color:#9BC2D9;}
.post_loop_tag em i{}
.post_loop_tag em a{color:#9BC2D9;}
.post_info_footer{display:flex;align-items:center;margin-top:20px;margin-left:2px;}
.post_info_footer span{margin-right:25px;color:#a8c2d2;font-weight:300;font-size:12px;}
.post_info_footer span i{margin-right:6px;}
.post_info_footer span a{color:#a8c2d2;}
.post_info_footer span a em{font-style:inherit;}
.post_info_footer span a.done i{color:#ff6161;}
.post_info_footer span a.done em{color:#ff6161;}
.circle-author img{

    border-radius: 50%;
    object-fit: cover;
}
.bf-post-item{    display: flex;
    background: #fff;
    padding: 15px;
    margin-bottom: 1px;
    border-radius: 10px;
    transition: box-shadow 0.3s ease;
    border-bottom: 1px solid #f0f0f0;}
#discover-content{
    margin-bottom: 5px;
}    
.bf-post-left{flex-shrink: 0;
    width: 55px;
    height: 55px;
    margin-right: 10px;
    border-radius: 8px;
    overflow: hidden;}
.bf-post-thumb img{width:100%;height:100%;object-fit:cover;}
.bf-post-avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f5f7f9;}
.bf-post-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover;}
.bf-post-right{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;}
.bf-post-title-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.bf-post-title{font-size:17px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bf-post-title a{color: #525353;display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.bf-post-title a:hover{color:#dc3544;}
.bf-post-title-row:has(.bf-label-recommended) .bf-post-title a{color:#dc3544;}
.bf-post-labels{display:flex;gap:6px;flex-shrink:0;}
.bf-label{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;}
.bf-label-sticky{background:#ff6b6b;color:#fff;}
.bf-label-recommended{background:#dc3544;color:#fff;}
.bf-label-image{background:#67c23a;color:#fff;}
.bf-post-meta-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#999;margin-top:8px;}
.bf-post-author-time{display:flex;align-items:center;gap:8px;}
.bf-post-author{color:#666;font-weight:500;}
.bf-post-author:hover{color:#dc3544;}
.bf-post-divider{color:#ddd;}
.bf-post-time{color:#999;}
.bf-post-stats{display:flex;align-items:center;gap:15px;}
.bf-post-category{color: #dc3544;}
.bf-post-category i{margin-right:2px;}
.bf-post-comments{color:#999;}
.bf-post-comments i{margin-right:2px;}
.bf-post-views{color:#999;}
.bf-post-views i{margin-right:2px;}
.bf-post-comments a{
    color: #999;
}
@media (max-width:768px){
    .bf-post-item{}
    .bf-post-left{}
    .bf-post-avatar{background:none;}
    .bf-post-avatar img{width:80px;height:80px;}
    .bf-post-title{font-size:16px;}
}

.dark .bf-post-item{background:#212121;}
.dark .bf-post-title a{color:#fff;}
.dark .bf-post-title a:hover{color:#dc3544;}
.dark .bf-post-author{color:#ccc;}
.dark .bf-post-time{color:#666;}
.dark .bf-post-stats{color:#666;}
.dark .bf-post-category{color:#dc3544;}

@media (max-width:768px){
    .post_images{width:88%;}
    .post_loop .post_loop_conter{margin-left:0;}
}

/*catbox*/
.catbox{}
.cat_head{background:#fff;border-radius:6px;padding:20px;margin-bottom:20px;display:flex;flex-direction:row;align-items:center;}
.cat_head img{border-radius:6px;margin-right:20px;height:70px;width:70px;}
.cat_head_r{}
.cat_head_r h2{font-size:18px;}
.cat_head_r p{margin:0px;color:#adadad;}

/*links*/
.links{background:#272b30;padding:25px 0px;font-size:12px;text-align:center;}
.links a{color:#999;margin-right:8px;font-weight:300;display:inline-block;}
.links span{color:#999;font-weight:300;}

/*foot*/
.footbox{background:#fff;padding:25px 0px;font-size:12px;}
.copyright{color:#999;text-align:center;}
.copyright p{color:#999;margin:0px;font-weight:300;}
.copyright p a{color:#999;}
@media (max-width:768px){
    .copyright p a.beian{display:block;margin-top:5px;}
}
.text-gray-500{
    color: #999;
}
/*gototop*/
.scrollToTopBtn{background-color:black;border:none;border-radius:50%;color:white;cursor:pointer;font-size:16px;height:48px;width:48px;position:fixed;bottom:100px;right:30px;z-index:100;opacity:0;transform:translateY(100px);transition:all .5s ease;}
.scrollToTopBtn:hover{background:#dc3544;color:#fff;}
.showBtn{opacity:1;transform:translateY(0)}

/*widget*/
.sidebar_sticky{position:sticky;top:95px;margin-bottom:20px;}
.widget{margin-bottom:20px;position:relative;overflow:hidden;background:#FFF;padding:20px 22px 20px 22px;border-radius:4px;}
.widget-title{font-size:16px;text-transform:uppercase;margin-bottom:35px;position:relative;padding-left:1.25rem;}
.widget-title:before{content:'';position:absolute;left:2px;top:6px;width:8px;height:8px;border-radius:5px;background:#0a59f8;background: linear-gradient(to top, #dc3544, #ffc107);}
.widget-title:after{content:'';position:absolute;height:1px;background:#f7f7f7;left:-22px;bottom:-15px;right:-22px;width:calc(100% + 44px);}
.widget_text .textwidget{}
.widget_text .textwidget p{font-size:12px;}

/*widget kuaixun*/
.widget_recent_entries{}
.widget_recent_entries ul{margin-left:5px;}
.widget_recent_entries ul li{border-left:2px solid #eaeef5;padding-bottom:20px;padding-left:20px;position:relative;}
.widget_recent_entries ul li a{margin-bottom:6px;display:block;font-size:13px;}
.widget_recent_entries ul li span{color:#7d7d7d;display:block;font-weight:300;font-size:12px;}
.widget_recent_entries ul li:last-child{border-bottom:none;padding-bottom:0px;margin-bottom:0px;}
.widget_recent_entries ul li:before{content:"";position:absolute;background-color:#fff;height:4px;width:4px;border-radius:50%;left:-3px;top:8px;z-index:9;}
.widget_recent_entries ul li:after{content:"";position:absolute;background-color:#dc3544;height:14px;width:14px;border-radius:50%;left:-8px;top:3px;transition:.6s;border:3px solid #fff;}
.widget_recent_entries ul li:hover:after{background-color:#ffc109;}

/*widget tags*/
.widget_hot_tags .tagcloud{}
.widget_hot_tags .tagcloud a{font-size:13px!important;padding:5px 13px;display:inline-block;margin-right:6px;margin-bottom:6px;border-radius:3px;background-color:#f5f5f5;position:relative;}
.widget_hot_tags .tagcloud a:hover{background:#4270f5;color:#fff;}
.widget_hot_tags .tagcloud a.hot:before{content:"";position:absolute;width:12px;height:12px;background:#4270f5;border-radius:50%;top:-2px;right:0px;border:3px solid #fff;}

/*widget search*/
.widget_search .searchform{position:relative;}
.widget_search .screen-reader-text{display:none;}
.widget_search #s{width:100%;height:36px;border:none;text-indent:10px;font-size:14px;border-radius:8px;overflow:hidden;background:#f5f5f5;font-weight:300;}
.widget_search #searchsubmit{width:60px;height:36px;border:none;background:#dc3544;color:#fff;position:absolute;right:0px;font-size:12px;border-radius:0px 8px 8px 0px;}

/*widget comment*/
.widget_comment_ul{}
.widget_comment_ul li{display:flex;padding-bottom:15px;border-bottom:1px solid #f4f4f4;margin-bottom:15px;}
.widget_comment_ul li img{margin-right:13px;width:24px;height:24px;flex-shrink:0;border-radius:50%;display:block;}
.widget_comment_ul li .widget_comment_info{}
.widget_comment_ul li .widget_comment_info a{font-size:13px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.widget_comment_ul li .widget_comment_info span{display:block;font-size:12px;color:#9e9c9c;margin-top:5px;font-weight:300;}
.widget_comment_ul li .widget_comment_info span em{margin-right:5px;font-style:inherit;}
.widget_comment_ul li:last-child{margin:0px;padding:0px 0px 5px 0px;border:none;}

/*widget hot_post*/
.widget_hot_post{}
.widget_hot_post .widget_hot_li{display:flex;align-items:center;margin-bottom:20px;position:relative;}
.widget_hot_post .widget_hot_li img{width:75px;margin-right:15px;flex-shrink:0;border-radius:4px;}
.widget_hot_post .widget_hot_li .hot_post_info{}
.widget_hot_post .widget_hot_li .hot_post_info h4{font-size:13px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:5px;font-weight:inherit;}
.widget_hot_post .widget_hot_li .hot_post_info h4 a{}
.widget_hot_post .widget_hot_li .hot_post_info p{margin:0px;font-size:12px;color:#9b9b9b;font-weight:300;}
.widget_hot_post .widget_hot_li:last-child{margin:0px;}
.widget_hot_post .widget_hot_li:first-child{position:relative;}
.widget_hot_post .widget_hot_li:first-child img{width:100%;margin:0px;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info{position:absolute;bottom:0px;width:100%;height:100%;color:#fff;padding:15px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end;z-index:9;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info h4{margin-bottom:0px;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info h4 a{color:#fff;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info p{color:#fff;}
.widget_hot_post .widget_hot_li:first-child:before{position:absolute;content:'';width:100%;height:100%;top:0px;right:0px;z-index:1;opacity:0.6;background:linear-gradient(to top,black,#ffffff00);}

/*widget_admin_show*/
.author_show_box{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:20px;}
.author_show_box .author_show_head{text-align:center;z-index:9;position:relative;padding:30px 30px 0px 30px;}
.author_show_box .author_show_head img{border-radius:50%;margin-bottom:15px;}
.author_show_box .author_show_head h3{font-size:16px;margin-bottom:15px;}
.author_show_box .author_show_head p{font-weight:300;line-height:1.4;margin-bottom:15px;font-size:13px;}
.author_show_box .author_show_info{text-align:center;padding:5px 0px 20px 0px;color:#6a6a6a;font-size:12px;}
.author_show_box .author_show_info span{margin:0px 10px;}
.author_show_box .author_show_info span i{margin-right:8px;}
.author_show_box .author_show_info span b{font-weight:inherit;}
.author_post{padding:20px 22px 0px 22px;border-top:1px solid #f6f5f5;}
.author_post li{display:flex;align-items:center;margin-bottom:20px;position:relative;}
.author_post li img{width:75px;margin-right:15px;flex-shrink:0;border-radius:4px;}
.author_post li .author_title{}
.author_post li .author_title h4{font-size:13px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:5px;font-weight:inherit;}
.author_post li .author_title h4 a{}
.author_post li .author_title p{margin:0px;font-size:12px;color:#9b9b9b;font-weight:300;}

/*post_container*/
.post_container{background:#fff;padding:30px 32px 20px 32px;border-radius:0px 0px 4px 4px;}
.post_container_title{padding:25px 30px 20px 30px;background:#ffffff;border-bottom:2px solid #f7f7f7;border-radius:4px 4px 0px 0px;}
.post_container_title h1{font-size:20px;margin-bottom:0px;}
.post_container_title p{margin:15px 0px 0px 0px;font-size:12px;}
.post_container_title p span{margin-right:20px;color:#8c8989;font-weight:300;}
.post_container_title p span i{margin-right:5px;}
.post_author_l{display:flex;align-items:center;}
.post_author_l img{border-radius:50%;margin-right:15px;width:28px;height:28px;}
.post_author_l span{}
.post_author{margin-bottom:20px;padding:20px 30px;background:#fff;border-top:3px solid #f7f7f7;border-radius:0px 0px 4px 4px;display:flex;justify-content:space-between;align-items:center;}
.post_author_r{display:flex;align-items:center;}
.post_author_icon{margin-left:15px;}
.post_author_icon a{background: #dc35444a;
    padding: 4px 8px;
    margin: 0px 4px;
    font-style: inherit;
    border-radius: 4px;
    color: #dc3544;
    font-size: 12px;
    display: inline-block;}
    .wp-block-image picture{
        margin: 0 auto;
    }
.post_author_icon a:hover{}
.post_author_icon a i{margin-right:6px;}
.post_related{background:#fff;padding:30px 30px 15px 30px;border-radius:4px;}
.post_related_list{}
.post_related_list a{display:block;margin-bottom:15px;color:#515151;position:relative;padding-left:15px;}
.post_related_list a:before{content:"";width:5px;height:5px;border-radius:50%;background-color:#ccc;position:absolute;top:8px;left:0px;}
.post_comment{border-radius:4px;overflow:hidden;}
.page_container{padding:30px;background:#fff;}
@media (max-width:768px){
    .post_container_title{padding:25px 20px 20px 20px;}
    .post_container_title h1{font-size:18px;}
    .post_container{padding:20px;}
    .post_author{padding:20px;}
    .post_related{padding:20px 20px 15px 20px;}
    .post_related_list a{font-size:13px;}
}
.post-read-more{text-align:center;margin-bottom:20px;}
.post-read-more a{background:#fff;padding:11px 0px;display:block;color:#919191;font-size:13px;}
.posts-nav{text-align:center;margin:40px 0px;}
.posts-nav .page-numbers{padding:5px 10px;background:#fff;display:inline-block;color:#555;font-size:12px;margin:0px 2px;}
.posts-nav .page-numbers:hover,
.posts-nav .page-numbers.current{background:#dc3544;color:#fff;}

/*next_prev_posts*/
.next_prev_posts{display:table;width:100%;margin-bottom:20px;}
.next_prev_posts .prev_next_box{width:50%;float:left;position:relative;display:block;}
.next_prev_posts .prev_next_box a{display:block;padding:30px 20px;color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.next_prev_posts .prev_next_box a:after{content:'';position:absolute;background-color:rgba(0,0,0,.46);left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:0;}
.next_prev_posts .prev_next_box .prev_next_info{z-index:1;position:relative;}
.next_prev_posts .prev_next_box .prev_next_info small{font-size:16px;}
.next_prev_posts .prev_next_box .prev_next_info p{margin-top:10px;margin-bottom:0px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.next_prev_posts .prev_next_box.nav_next .prev_next_info{text-align:right;}
@media (max-width:768px){
    .next_prev_posts .prev_next_box a{padding:15px;background-repeat:no-repeat;background-size:cover;background-position:center center;}
    .next_prev_posts .prev_next_box .prev_next_info small{font-size:12px;}
    .next_prev_posts .prev_next_box .prev_next_info p{font-size:12px;margin-top:5px;}
}

/*post_prev_next*/
.dark .post_prev_next .post-page-numbers{background-color:#292929;}
.post_prev_next{display:flex;align-items:center;justify-content:center;margin:35px 0px}
.post_prev_next .post-page-numbers{background:#eaeaea;padding:5px 13px;margin:0px 3px;font-size:12px;}
.post_prev_next .post-page-numbers span{}
.post_prev_next .post-page-numbers.current{background:#4270f5;color:#fff;}

/*zw*/
.wznrys{font-size:15px;text-align:justify;}
.wznrys hr{height:20px;border:none;position:relative;padding:0px;margin:10px 0px 25px 0px;}
.wznrys hr:after{content:"";width:100%;height:1px;background-color:#e2e2e2;position:absolute;top:10px;z-index:1;}
.wznrys hr:before{content:"";position:absolute;width:8px;height:8px;background-color:#ababab;left:50%;top:50%;transform:rotate(45deg);z-index:2;margin-top:-4px;margin-left:-4px;}
.wznrys .post-image{padding-bottom:20px}
.wznrys p{line-height:2;padding-bottom:20px;margin-bottom:0;margin-top:0;}
.wznrys h1,
.wznrys h2,
.wznrys h3,
.wznrys h4,
.wznrys h5,
.wznrys h6{margin-bottom:25px;margin-top:0px;line-height:30px;}
.wznrys h1{font-size:22px;}
.wznrys h2{font-size:20px;}
.wznrys h3{font-size:18px;}
.wznrys h4{font-size:16px;}
.wznrys h5{font-size:14px;}
.wznrys h6{font-size:14px;}
.wznrys ol,
.wznrys ul{margin-bottom:30px;list-style:disc;}
.wznrys ol li,
.wznrys ul li{margin-left:24px;margin-bottom:12px;line-height:2;}
.wznrys ol li a,
.wznrys ul li a{border-bottom:1px solid #3ca5f6;color:#3ca5f6;}
.wznrys p img{max-width:100%;height:auto}
.wznrys blockquote{margin:5px 0px 30px 0px;position:relative;border-radius:3px;font-size:inherit;padding:10px 25px 0px 25px;border-left:4px solid #e3e3e3;background-color:#f9f9f9;}
.wznrys blockquote p{padding:0px 0px 5px 0px;font-weight:bold;font-size:16px;font-style:inherit;}
.wznrys blockquote cite{padding-bottom:20px;display:flex;font-size:14px;line-height:2;font-style:inherit;}
.dark .wznrys blockquote{background-color:#29292a;}
.wznrys .aligncenter{clear:both;display:block;margin:0 auto;}
.wznrys .alignright{float:right;margin:25px 0px 10px 20px;}
.wznrys .alignleft{float:left;margin:25px 20px 10px 0px;}
.wznrys .wp-caption{max-width:100%;}
.wznrys .wp-caption p.wp-caption-text{text-align:center;padding-bottom:0px;margin-bottom:25px;font-size:12px;color:#888;font-weight:300;}
.wznrys p a{border-bottom:1px solid #3ca5f6;color:#3ca5f6;margin:0 4px}
.wznrys strong{font-weight:bold;}
.wznrys .crayon-table tr:nth-child(odd){background:none;}
.wznrys pre.wp-block-code{margin:50px 0px;position:relative;background:#282922;padding-top:36px;border-radius:5px;box-shadow:0 10px 30px 0 rgba(0,0,0,.4);}
.wznrys pre.wp-block-code code{font-size:13px;line-height:1.8;padding:15px 20px;border-radius:0px 0px 10px 10px;}
.wznrys pre.wp-block-code code:before{content:attr(class);position:absolute;top:6px;right:20px;color:#3e3e3e;text-transform:uppercase;}
.wznrys pre.wp-block-code code table{border:none;line-height:1.8;margin:0;}
.wznrys pre.wp-block-code code table tr{border-bottom:1px solid #272727;}
.wznrys pre.wp-block-code code table tr:nth-child(odd){background:none;}
.wznrys pre.wp-block-code code table tr:last-child{border-bottom:none;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers{width:30px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n{text-align:center;color:#5a5a5a;font-weight:300;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n:before{padding-right:10px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-code{border-left:1px solid #272727;text-indent:12px;}
.wznrys pre.wp-block-code code table tr td{border:none;text-align:inherit;line-height:inherit;}
.wznrys pre.wp-block-code:before{content:"";position:absolute;border-radius:50%;background:#fc625d;width:12px;height:12px;left:14px;top:12px;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2;}
.wznrys .wp-block-image{}
.wznrys .wp-block-image figure{}
.wznrys .wp-block-image figure img{}
.wznrys .wp-block-image figure.aligncenter{}
.wznrys .wp-block-image figure.aligncenter img{display:block;margin:auto;}
.wznrys figure{border:none!important;}
.wznrys figcaption{font-size:12px;font-weight:300;margin:15px 0px!important;text-align:center;}
.wznrys figure.wp-block-video video{width:100%;}
.wznrys .wp-block-gallery figcaption{margin:0!important;}
.wznrys .wp-block-table{}
.wznrys .wp-block-table table{border:1px solid #e9e9e9;font-size:14px;margin-bottom:20px;border-right:none;border-bottom:none;}
.wznrys .wp-block-table table{}
.wznrys .wp-block-table table tr{border-bottom:1px solid #e7e7e7;}
.wznrys .wp-block-table table tr td,
.wznrys .wp-block-table table tr th{padding:12px 20px;border-right:1px solid #e7e7e7;}
.wznrys .wp-block-audio{margin-bottom:40px;}
.wznrys .wp-block-cover{margin-bottom:40px;}
.wznrys .wp-block-cover .wp-block-cover__inner-container{margin:0px 10%;}
.wznrys .wp-block-search{margin-bottom:30px;}
.wznrys .wp-block-search .wp-block-search__label{display:none;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper{background:#ebe9e9;padding:15px 20px;border-radius:5px;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{background:#fff;border:none;border-radius:10px 0px 0px 10px;text-indent:15px;color:#a7a6a6;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{background-color:#dc3544;margin-left:0px;border:none;font-size:14px;color:#fff;border-radius:0px 10px 10px 0px;padding:8px 25px;}
@media (max-width:992px){
    .sidebar_sticky{display:none;}
    .none_992{display:none;}
}
@media (max-width:768px){
    .mobile_none{display:none;}
    .cat_head_r h2{font-size:14px;}
    .cat_head_r p{font-size:12px;}
    .post_loop .post_loop_conter .post_loop_title{font-size:16px;line-height:1.6;}
    .post_loop .post_loop_head .post_loop_head_author .images_author_name h3{font-size:14px;}
}
.nopic_des{position:fixed;width:100%;height:100%;background:#ffffff;top:0px;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;text-align:center;line-height:2;}
.nopic_des a{background:#3556f3;margin-top:20px;padding:8px 45px;font-size:16px;color:#fff;}
.circle-categories{margin:0;padding:0;list-style:none;}
.circle-categories li{padding:8px 0;border-bottom:1px solid #f0f0f0;}
.circle-categories li:last-child{border-bottom:none;}
.circle-categories li a{display:flex;justify-content:space-between;align-items:center;color:#333;}
.circle-categories li a:hover{color:#dc3544;}
.circle-categories li a span{background:#f5f5f5;color:#999;padding:2px 8px;border-radius:10px;font-size:12px;}
.circle-categories li.active a{color:#dc3544;font-weight:600;}
.circle-tags{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.circle-tags li{margin:0;}
.circle-tags li a{display:block;padding:6px 14px;background:#f5f5f5;color:#666;border-radius:20px;font-size:13px;}
.circle-tags li a:hover{background:#dc3544;color:#fff;}
.circle-tags li.active a{background:#dc3544;color:#fff;}
.circle-single{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 10px rgba(0,0,0,0.05);}
.circle-header{padding:15px;border-bottom:1px solid #f0f0f0;}

.circle-title{font-size:20px;font-weight:600;color:#333;margin:0 0 15px 0;line-height:1.4;}
.circle-meta{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:13px;color:#999;}
.circle-author{display:flex;align-items:center;gap:8px;}
.circle-author a{color:#666;}
.circle-author a:hover{color:#dc3544;}
.circle-follow {
    margin-left: auto;
}
.bf-follow-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border: 1px solid #ffffff;
    background: #dc35441f;
    color: #dc3544;
    border-radius: 20px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}
.bf-follow-btn:hover {
   background: #dc3544;
    color: #ffffff;
}
.bf-follow-btn.following {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #666;
}
.bf-follow-btn.following:hover {
    background: #e9ecef;
    color: #dc3544;
    border-color: #dc3544;
}
.bf-follow-btn .follow-count {
    margin-left: 8px;
    opacity: 0.8;
}
.circle-content{padding:15px;}
.circle-featured-image{margin-bottom:25px;border-radius:8px;overflow:hidden;}
.circle-featured-image img{width:100%;height:auto;}
.circle-content p{margin-bottom:15px;line-height:1.8;}
.circle-content h2{font-size:20px;font-weight:600;margin:25px 0 15px 0;color:#333;}
.circle-content h3{font-size:18px;font-weight:600;margin:20px 0 10px 0;color:#333;}
.circle-tags-wrapper{padding:20px 30px;border-bottom:1px solid #f0f0f0;background:#fafbfc;}
.circle-tags-row{display:flex;flex-wrap:wrap;gap:16px;}
.tags-group{display:flex;align-items:center;gap:8px;}
.tags-group .tags-label{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e8eaed;color:#666;font-size:14px;flex-shrink:0;}
.tags-list{display:flex;flex-wrap:wrap;gap:8px;}
.tag-item{display:inline-flex;align-items:center;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:500;transition:all 0.25s ease;}
.tag-topic{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;}
.tag-topic:hover{background:#0369a1;color:#fff;border-color:#0369a1;transform:translateY(-1px);box-shadow:0 2px 8px rgba(3,105,161,0.3);}
.tag-category{background:#fdf2f8;color:#be185d;border:1px solid #fbcfe8;}
.tag-category:hover{background:#be185d;color:#fff;border-color:#be185d;transform:translateY(-1px);box-shadow:0 2px 8px rgba(190,24,93,0.3);}
.circle-author-box{display:flex;gap:15px;padding:25px 30px;border-bottom:1px solid #f0f0f0;background:#fafafa;}
.author-avatar{flex-shrink:0;}
.author-avatar img{border-radius:50%;width:60px;height:60px;}
.author-info{flex:1;}
.author-info h4{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#333;}
.author-description{margin:0 0 10px 0;font-size:13px;color:#999;line-height:1.6;}
.author-stats{display:flex;gap:15px;font-size:13px;color:#999;}
.circle-actions{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #f0f0f0;}
.circle-action-left .bf-tip-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#dc3544;color:#fff;border-radius:4px;font-size:14px;}
.circle-action-left .bf-tip-btn:hover{background: #dc354414;
    color: #dc3544;}
.circle-action-right{display:flex;gap:15px;}
.action-item{display:flex;align-items:center;gap:5px;color:#666;font-size:14px;}
.action-item:hover{color:#dc3544;}
.action-item i{font-size:16px;}
.action-item.done{color:#dc3544;}
.circle-nav{display:flex;padding:25px 30px;gap:30px;}
.circle-nav .nav-prev,
.circle-nav .nav-next{flex:1;}
.circle-nav span{display:block;font-size:12px;color:#999;margin-bottom:5px;}
.circle-nav a{font-size:14px;color:#333;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.circle-nav a:hover{color:#dc3544;}
.bf-post-left a img{
    border-radius: 10%;
}
.author .bf-user-header {
    margin-bottom: 20px;
}

.bf-user-container {
    display: flex;
    gap: 20px;
}

.bf-user-sidebar {
    width: 200px;
    flex-shrink: 0;
}

.bf-user-content {
    flex: 1;
    min-width: 0;
    padding: 20px;
  background: #ffffff;
    border-radius: 12px;
}

.author .bf-user-container {
    display: block;
}

.author .bf-user-content {
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 0;
    background: transparent;
}

.author .home-tabs {
    margin-bottom: 0;
}

.author .nav-tabs {
    margin-bottom: 20px;
}

.author .nav-tabs .nav-link {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    border: none;
    border-radius: 6px 6px 0 0;
    padding: 10px 20px;
}

.author .nav-tabs .nav-link.active {
    color: #dc3544;
    background: rgba(220, 53, 68, 0.05);
}
 .tag-desc p{
    color: #fff;
}
.author .nav-tabs .nav-link:hover {
    color: #dc3544;
}

.author .tab-content {
    min-height: 200px;
}

.bf-author-follow {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.bf-author-follow .bf-follow-btn {
    padding: 10px 24px;
    font-size: 14px;
}


.circle-comment{margin-top:20px;background:#fff;border-radius:8px;padding:25px 30px;box-shadow:0 1px 10px rgba(0,0,0,0.05);}
.comment-title{font-size:18px;font-weight:600;color:#333;margin:0 0 20px 0;}

.widget-topics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;}
.widget-topics-header .widget-title{margin:0;font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px;}
.widget-topics-header .widget-title i{color:#dc3544;font-size:18px;}
.widget-topics-more{font-size: 13px;
    color: #f56e0b;
    text-decoration: none;
    font-weight: bold;}
.widget-topics-more:hover{color:#dc3544;}
.widget-topics-list{margin:0;padding:0;list-style:none;}
.widget-topics-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f0;transition:background 0.3s;}
.widget-topics-item:last-child{border-bottom:none;}
.widget-topics-item:hover{background:#fafafa;}
.topic-rank{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;flex-shrink:0;}
.topic-image{width:40px;height:40px;flex-shrink:0;}
.topic-thumb{width:100%;height:100%;border-radius:8px;object-fit:cover;}
.topic-thumb-placeholder{width:100%;height:100%;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;}
.topic-info{flex:1;min-width:0;}
.topic-name{font-size:14px;color:#333;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.topic-name:hover{color:#dc3544;}
.topic-heat{font-size:12px;color:#dc3544;display:block;margin-top:2px;}
.topic-count{font-size: 11px;
    
    color: #f59e0b;
    flex-shrink: 0;
}

.widget-circles-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;}
.widget-circles-header .widget-title{margin:0;font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px;}
.widget-circles-header .widget-title i{color:#dc3544;font-size:18px;}
.widget-circles-more{font-size: 13px;
    color: #f76e0b;
    text-decoration: none;
    font-weight: bold;}
.widget-circles-more:hover{color:#dc3544;}
.widget-circles-list{margin:0;padding:0;list-style:none;}
.widget-circles-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0;transition:background 0.3s;}
.widget-circles-item:last-child{border-bottom:none;}
.widget-circles-item:hover{background:#fafafa;}
.circle-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0;}
.circle-image{width:48px;height:48px;flex-shrink:0;}
.circle-thumb{width:100%;height:100%;border-radius:8px;object-fit:cover;}
.circle-thumb-placeholder{width:100%;height:100%;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;}
.circle-info{flex:1;min-width:0;}
.circle-name{font-size:14px;color:#333;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;}
.circle-name:hover{color:#dc3544;}
.circle-count{font-size:12px;color:#f59e0b;display:block;margin-top:2px;}
.circle-right{flex-shrink:0;}
.circle-follow-btn{background:#fff;border:1px solid #dc3544;color:#dc3544;padding:4px 10px;border-radius:20px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all 0.3s;}
.circle-follow-btn:hover{background:#fef0f0;}
.circle-follow-btn.followed{background: #dc3544;
    color: #fff;
    border-color: #dc3544;
    padding: 4px 10px;
    font-size: 11px;}
.circle-follow-btn.followed:hover{background:#c82333;}
.circle-login-btn{color:#999;font-size:13px;text-decoration:none;padding:6px 14px;border-radius:20px;border:1px solid #ddd;}
.circle-login-btn:hover{color:#dc3544;border-color:#dc3544;}
.circle-latest{margin:0;padding:0;list-style:none;}
.circle-latest li{padding:8px 0;border-bottom:1px solid #f0f0f0;}
.circle-latest li:last-child{border-bottom:none;}
.circle-latest li a{color:#666;font-size:14px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.circle-latest li a:hover{color:#dc3544;}

.home-tabs{border-radius:8px;overflow:hidden;margin-bottom:20px;}
.home-tabs-scroll{border-bottom: 1px solid #f0f0f0;
    background: #ffffff;
    border-radius: 4px;
    overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative;}
.home-tabs-scroll::-webkit-scrollbar{display:none;}
.home-tabs .nav-tabs{border-bottom: 1px solid #ffffff;
    background: #ffffff;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: nowrap;}
.home-tabs .nav-tabs .nav-item{margin-bottom:0;flex-shrink:0;}
.home-tabs .nav-tabs .nav-link{border:none;border-radius:0;padding:15px 20px;font-size:15px;color:#666;background:none;transition:all 0.3s;position:relative;white-space:nowrap;}
.home-tabs .nav-tabs .nav-link:hover{color:#dc3544;}
.home-tabs .nav-tabs .nav-link.active{color:#dc3544;font-weight:600;background:none;}
.home-tabs .nav-tabs .nav-link.active:after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:3px;background:#dc3544;border-radius:2px;}
.home-tabs .nav-tabs .nav-link i{margin-right:5px;font-size:14px;}
.home-tabs .tab-content{padding:0;margin-top: 5px;}
.home-tabs .tab-pane{padding:0;}
.home-tabs .loadmore-btn{display:block;padding:12px;text-align:center;color:#666;font-size:14px;border-radius:4px;transition:all 0.3s;}
.home-tabs .loadmore-btn:hover{background:#f5f5f5;color:#dc3544;}
.home-tabs .loadmore-btn.loading{color:#999;}
.home-tabs .text-gray-500{color:#999;}

.bf-user-points{color:#f59e0b;font-weight:bold;}
.bf-user-points i{margin-right:4px;}


/* 响应式 */
@media (max-width: 768px) {
    .circle-tags-wrapper {
        padding: 15px;
    }
    .circle-tags-row {
        gap: 12px;
    }
    .circle-actions {
        padding: 15px;
    }
    .bf-post-category{
        display: none;
    }
}
.bf-wallet-balance{background:#fff;border-radius:12px;padding:30px;text-align:center;color:#dc3544;margin-bottom:20px;}
.bf-wallet-balance .balance-number{font-size:48px;font-weight:bold;display:block;}
.bf-wallet-balance .balance-name{font-size:16px;opacity:0.9;}
.bf-wallet-balance .balance-desc{margin-top:10px;opacity:0.7;font-size:14px;}

.bf-wallet-transactions h3{font-size:18px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;}
.transaction-list{background:#fff;border-radius:8px;overflow:hidden;}
.transaction-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #f5f5f5;}
.transaction-item:last-child{border-bottom:none;}
.transaction-icon{font-size:24px;margin-right:15px;}
.transaction-info{flex:1;}
.transaction-reason{font-size:15px;color:#333;font-weight:500;}
.transaction-time{font-size:12px;color:#999;margin-top:4px;}
.transaction-amount{font-size:16px;font-weight:bold;color:#dc3544;}
.transaction-item.credit .transaction-amount{color:#10b981;}
.transaction-item.debit .transaction-amount{color:#ef4444;}

.bf-sign-in-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.sign-in-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.sign-in-header h3{font-size:18px;font-weight:600;margin:0;}
.sign-in-streak{background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;}
.sign-in-content{text-align:center;}
.sign-in-reward{margin-bottom:20px;}
.sign-in-reward span{display:block;margin-bottom:5px;font-size:14px;color:#666;}
.sign-in-reward .reward-streak{color:#f59e0b;font-weight:500;}
.sign-in-disabled{color:#10b981;font-size:16px;font-weight:500;margin-top:10px;}
.sign-in-disabled i{margin-right:8px;}
.sign-in-message{margin-top:15px;min-height:24px;}

.bf-tasks-list h3{font-size:18px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;}
.task-item{display:flex;align-items:center;background:#fff;border-radius:8px;padding:18px;margin-bottom:12px;transition:all 0.3s;}
.task-item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.task-icon{width:48px;height:48px;background:#dc354421;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#dc3544;margin-right:15px;}
.task-info{flex:1;}
.task-name{font-size:15px;font-weight:600;color:#333;margin-bottom:4px;}
.task-desc{font-size:13px;color:#999;}
.task-reward{font-size:16px;font-weight:bold;color:#10b981;}

.bf-tip-btn{color:#ef4444;}
.bf-tip-btn:hover{color:#dc2626;}

.bf-tip-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;justify-content:center;align-items:center;}
.bf-tip-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.bf-tip-modal-content{position:relative;background:#fff;border-radius:16px;width:90%;max-width:400px;overflow:hidden;}
.bf-tip-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #f0f0f0;}
.bf-tip-modal-header h3{font-size:18px;font-weight:600;margin:0;}
.bf-tip-modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;}
.bf-tip-modal-close:hover{color:#333;}
.bf-tip-modal-body{padding:25px;}
.bf-tip-author{display:flex;align-items:center;justify-content:center;margin-bottom:25px;}
.bf-tip-author img{border-radius:50%;margin-right:12px;}
.bf-tip-author span{font-size:16px;font-weight:600;color:#333;}
.bf-tip-amounts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;}
.tip-amount-btn{flex:1;min-width:80px;padding:12px 8px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;color:#666;cursor:pointer;transition:all 0.3s;}
.tip-amount-btn:hover{border-color:#dc3544;color:#dc3544;}
.tip-amount-btn.active{border-color:#dc3544;background:#dc354421;color:#dc3544;font-weight:600;}
.bf-tip-custom{display:flex;align-items:center;margin-bottom:20px;}
.bf-tip-custom input{flex:1;padding:12px 15px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;margin-right:10px;}
.bf-tip-custom span{font-size:14px;color:#666;}
.bf-tip-message{min-height:24px;margin-bottom:15px;text-align:center;font-size:14px;}

.tag-list-header,.category-list-header{background:linear-gradient(135deg, #dc3544 0%, #ff6b6b 100%);color:#fff;padding:40px 0;text-align:center;margin-bottom:20px;}
.tag-list-title h1,.category-list-title h1{font-size:28px;margin:0 0 10px;font-weight:600;}
.tag-list-title p,.category-list-title p{font-size:14px;margin:0;opacity:0.9;}

.tag-grid,.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;}
.tag-card,.category-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:all 0.3s;display:flex;flex-direction:column;}
.tag-card:hover,.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.1);}
.tag-card-image,.category-card-image{width:100%;height:140px;overflow:hidden;position:relative;flex-shrink:0;}
.tag-card-image img,.category-card-image img{width:100%;height:100%;object-fit:cover;}
.tag-card-placeholder,.category-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;}
.tag-card-info,.category-card-info{padding:15px;flex:1;display:flex;flex-direction:column;}
.tag-card-name,.category-card-name{font-size:16px;font-weight:600;color:#333;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.category-card-desc{font-size:13px;color:#999;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.tag-card-stats,.category-card-stats{display:flex;gap:15px;font-size:12px;color:#999;}
.tag-card-stats i,.category-card-stats i{margin-right:3px;}
.tag-card-heat{padding:10px 15px;background:#f8f9fa;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:flex-end;color:#dc3544;font-size:13px;font-weight:600;gap:5px;}
.tag-card-heat i{font-size:14px;}
.tag-empty{text-align:center;padding:60px 0;color:#999;}
.tag-empty i{font-size:48px;margin-bottom:15px;color:#dc3544;opacity:0.5;}
.tag-empty p{font-size:14px;}

.circle-category-list .category-list{display:flex;flex-direction:column;gap:12px;}
.circle-category-list .category-item{display:flex;align-items:center;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,0.04);transition:all 0.3s ease;border:1px solid #f5f5f5;}
.circle-category-list .category-item:hover{box-shadow:0 4px 20px rgba(0,0,0,0.08);border-color:#e0e0e0;}
.circle-category-list .category-item-link{display:flex;align-items:center;flex:1;text-decoration:none;color:inherit;}
.circle-category-list .category-item-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;margin-right:16px;}
.circle-category-list .category-item-image img{width:100%;height:100%;object-fit:cover;}
.circle-category-list .category-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;}
.circle-category-list .category-item-info{flex:1;min-width:0;}
.circle-category-list .category-item-name{font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.circle-category-list .category-item-desc{font-size:13px;color:#999;margin:0 0 10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.circle-category-list .category-item-stats{display:flex;gap:16px;font-size:12px;color:#999;}
.circle-category-list .category-item-stats span{display:flex;align-items:center;gap:3px;}
.circle-category-list .category-item-stats i{color:#dc3544;font-size:12px;}
.circle-category-list .category-item-follow{flex-shrink:0;margin-left:16px;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all 0.2s ease;display:flex;align-items:center;gap:4px;}
.circle-category-list .category-item-follow[data-following="0"]{background:#dc3544;color:#fff;}
.circle-category-list .category-item-follow[data-following="0"]:hover{background:#c82333;}
.circle-category-list .category-item-follow[data-following="1"]{background:#f0f0f0;color:#666;border:1px solid #ddd;}
.circle-category-list .category-item-follow[data-following="1"]:hover{background:#e8e8e8;}
.circle-category-list .category-item-login{flex-shrink:0;margin-left:16px;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:500;color:#dc3544;border:1px solid #dc3544;text-decoration:none;transition:all 0.2s ease;}
.circle-category-list .category-item-login:hover{background:#dc3544;color:#fff;}
.circle-category-list .category-empty{text-align:center;padding:80px 0;color:#999;}
.circle-category-list .category-empty i{font-size:56px;margin-bottom:20px;color:#dc3544;opacity:0.4;}
.circle-category-list .category-empty p{font-size:15px;}
.index_area{
    margin-bottom: 2rem;
}
.circle-tag-list .tag-list{display:flex;flex-wrap:wrap;gap:12px;}
.circle-tag-list .tag-item{display:flex;align-items:center;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,0.04);transition:all 0.3s ease;border:1px solid #f5f5f5;text-decoration:none;color:inherit;width:calc(50% - 6px);}
.circle-tag-list .tag-item:hover{box-shadow:0 4px 20px rgba(0,0,0,0.08);border-color:#e0e0e0;}
.circle-tag-list .tag-item-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;margin-right:16px;}
.circle-tag-list .tag-item-image img{width:100%;height:100%;object-fit:cover;}
.circle-tag-list .tag-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;}
.circle-tag-list .tag-item-info{flex:1;min-width:0;}
.circle-tag-list .tag-item-name{font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.circle-tag-list .tag-item-stats{display:flex;gap:16px;font-size:12px;color:#999;}
.circle-tag-list .tag-item-stats span{display:flex;align-items:center;gap:3px;}
.circle-tag-list .tag-item-stats i{color:#dc3544;font-size:12px;}
.circle-tag-list .tag-item-heat{flex-shrink:0;display:flex;align-items:center;gap:4px;padding:6px 14px;background:rgba(220,53,68,0.1);color:#dc3544;font-size:12px;font-weight:600;border-radius:16px;}
.circle-tag-list .tag-item-heat i{font-size:12px;}
.circle-tag-list .tag-empty{text-align:center;padding:80px 0;color:#999;}
.circle-tag-list .tag-empty i{font-size:56px;margin-bottom:20px;color:#dc3544;opacity:0.4;}
.circle-tag-list .tag-empty p{font-size:15px;}

@media(max-width:768px){
    .tag-list-header,.category-list-header{padding:25px 0;}
    .tag-list-title h1,.category-list-title h1{font-size:22px;}
    .tag-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
    .tag-card-image{height:100px;}
    .tag-card-info{padding:10px;}
    .tag-card-name{font-size:14px;}
    .tag-card-stats{gap:10px;font-size:11px;}
    
    .circle-category-list .category-item{padding:12px;}
    .circle-category-list .category-item-image{width:64px;height:64px;margin-right:12px;}
    .circle-category-list .category-item-name{font-size:15px;}
    .circle-category-list .category-item-desc{display:none;}
    .circle-category-list .category-item-stats{gap:10px;font-size:11px;}
    .circle-category-list .category-item-follow{padding:6px 14px;font-size:12px;margin-left:10px;}
    .circle-category-list .category-item-login{padding:6px 14px;font-size:12px;margin-left:10px;}
    
    .circle-tag-list .tag-item{padding:12px;width:100%;}
    .circle-tag-list .tag-item-image{width:64px;height:64px;margin-right:12px;}
    .circle-tag-list .tag-item-name{font-size:15px;}
    .circle-tag-list .tag-item-stats{gap:10px;font-size:11px;}
    .circle-tag-list .tag-item-heat{padding:4px 10px;font-size:11px;}
}

.bf-level-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;background:var(--level-color);vertical-align:middle;}
.bf-level-badge i{font-size:10px;}
.bf-level-badge .bf-level-name{font-size:11px;}

.bf-level-short{display:inline-flex;align-items:center;padding:2px 6px;border-radius:8px;font-size:11px;font-weight:600;color:#fff;background:var(--level-color);vertical-align:middle;margin-left:4px;}

.bf-post-author .bf-level-short{margin-left:3px;font-size:10px;padding:1px 4px;}

.circle-author .bf-level-short{margin-left:4px;font-size:10px;padding:1px 4px;}

.bf-user-info h1 .bf-level-badge{margin-left:8px;font-size:13px;padding:4px 10px;}

.author-info h4 .bf-level-badge{margin-left:6px;font-size:12px;padding:3px 8px;}

.bf-level-progress{position:relative;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:8px;}
.bf-level-progress-bar{height:100%;border-radius:4px;transition:width 0.3s ease;}
.bf-level-progress-text{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:#666;font-weight:500;}

.bf-home-section{padding:0;}

.bf-home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;width:100%;box-sizing:border-box;}
.bf-stat-item{background:#fff;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,0.04);width:100%;box-sizing:border-box;}
.bf-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;}
.bf-stat-content{flex:1;min-width:0;}
.bf-stat-label{font-size:11px;color:#999;margin-bottom:2px;}
.bf-stat-value{font-size:16px;font-weight:700;}

.bf-home-progress{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,0.04);width:100%;box-sizing:border-box;}
.bf-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.bf-progress-header span{font-size:13px;font-weight:600;color:#333;}
.bf-progress-text{font-weight:400;color:#999;font-size:12px !important;}
.bf-progress-bar-container{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;width:100%;}
.bf-progress-bar{height:100%;border-radius:4px;transition:width 0.5s ease;}
.bf-max-level-badge{text-align:center;margin-top:8px;font-size:13px;color:#f59e0b;font-weight:600;}
.bf-next-level{text-align:right;margin-top:6px;font-size:12px;color:#666;}

.bf-home-actions{display:flex;gap:12px;margin-bottom:16px;width:100%;box-sizing:border-box;}

.bf-section-title{font-size:15px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:6px;}
.bf-section-title i{color:#dc3544;font-size:16px;}

.bf-home-sign-in{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);display:flex;flex-direction:column;gap:14px;width:50%;box-sizing:border-box;}

.bf-wallet-card{background:linear-gradient(135deg, #dc3544 0%, #ff6b6b 100%);border-radius:12px;padding:16px;color:#fff;width:50%;box-sizing:border-box;}
.bf-wallet-balance{margin-bottom:12px;}
.bf-wallet-label{font-size:12px;opacity:0.9;display:block;margin-bottom:4px;}
.bf-wallet-amount{font-size:28px;font-weight:700;}
.bf-wallet-link{color:#fff;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:flex-end;gap:4px;}
.bf-wallet-link:hover{color:#fff;text-decoration:underline;}

.bf-home-posts{width:100%;box-sizing:border-box;}
.bf-post-list{background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,0.04);width:100%;box-sizing:border-box;}
.bf-post-item-mini{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f5f5f5;width:100%;box-sizing:border-box;}
.bf-post-item-mini:last-child{border-bottom:none;}
.bf-post-type{font-size:10px;padding:2px 6px;border-radius:8px;font-weight:600;flex-shrink:0;}
.bf-post-type.circle{background:#ffe4e6;color:#dc3544;}
.bf-post-type.post{background:#e0f2fe;color:#0ea5e9;}
.bf-post-titles{flex:1;font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bf-post-titles:hover{color:#dc3544;}
.bf-post-date{font-size:11px;color:#999;flex-shrink:0;}

.bf-view-more{display:block;text-align:right;margin-top:8px;font-size:12px;color:#dc3544;font-weight:500;}
.bf-view-more:hover{color:#b91c1c;}
.bf-sign-in-info{display:flex;align-items:center;gap:10px;width:100%;}
.bf-sign-in-info i{width:36px;height:36px;border-radius:50%;background:#d1fae5;color:#059669;font-size:18px;display:flex;align-items:center;justify-content:center;}
.bf-sign-in-info span{font-size:14px;font-weight:500;}
.bf-sign-in-status{font-size:13px;font-weight:600;color:#10b981;padding:3px 10px;background:#d1fae5;border-radius:20px;margin-left:auto;}
.bf-sign-in-streak{font-size:12px;color:#999;width:100%;text-align:center;padding-top:4px;border-top:1px solid #f0f0f0;}
.bf-sign-in-message{font-size:12px;color:#10b981;width:100%;text-align:center;}

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

@media(max-width:992px){
    .bf-user-container{flex-direction:column;}
    .bf-user-sidebar{width:100%;}
    .bf-user-content{padding:15px;}
    .bf-user-menu{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
    .bf-user-menu::-webkit-scrollbar{display:none;}
    .bf-user-menu li{flex-shrink:0;white-space:nowrap;}
    .bf-user-menu li a{white-space:nowrap;}
}

@media(max-width:768px){
    .bf-home-stats{grid-template-columns:repeat(2,1fr);}
    .bf-stat-item{padding:10px;}
    .bf-stat-icon{width:36px;height:36px;font-size:16px;}
    .bf-stat-value{font-size:14px;}
    .bf-home-actions{flex-direction:column;}
    .bf-home-sign-in,.bf-wallet-card{width:100%;}
    .bf-user-content{padding:12px;}
    .bf-user-header{padding:20px;text-align:center;}
    .bf-user-header #avatar-message{display:none;}
    .bf-user-info h1{font-size:20px;}
    .bf-user-description{-webkit-line-clamp:3;}
    .bf-user-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;}
    .bf-user-meta .meta-item{margin-right:0;}
}

.bf-exchange-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.bf-section-subtitle{font-size:15px;font-weight:600;color:#333;margin-bottom:15px;display:flex;align-items:center;gap:8px;}

.bf-exchange-info{display:flex;gap:20px;margin-bottom:15px;font-size:13px;color:#666;}
.bf-exchange-ratio{color:#dc3544;font-weight:500;}
.bf-exchange-min{color:#999;}

.bf-exchange-form{display:flex;flex-direction:column;gap:15px;}
.bf-form-group{display:flex;flex-direction:column;gap:5px;}
.bf-form-group label{font-size:13px;font-weight:500;color:#333;}
.bf-form-group select,.bf-form-group input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;width:100%;box-sizing:border-box;}
.bf-form-group select:focus,.bf-form-group input:focus{outline:none;border-color:#dc3544;}

.bf-input-group{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;}
.bf-input-group input{border:none;border-radius:0;padding:10px 12px;flex:1;}
.bf-input-addon{padding:10px 12px;background:#f5f5f5;color:#666;font-size:13px;}

.bf-exchange-preview{font-size:13px;color:#666;margin-top:5px;}
.bf-exchange-preview span{color:#dc3544;font-weight:600;font-size:16px;}

.bf-exchange-btn{padding:12px 24px;background:#dc3544;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;}
.bf-exchange-btn:hover{background:#b91c1c;}
.bf-exchange-btn:disabled{background:#ccc;cursor:not-allowed;}

.bf-exchange-message{margin-top:10px;font-size:13px;}
.bf-exchange-message .text-green{color:#10b981;}
.bf-exchange-message .text-red{color:#dc3544;}

.bf-game-accounts{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.bf-accounts-list{display:flex;flex-direction:column;gap:10px;}
.bf-account-item{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid #f0f0f0;border-radius:8px;}
.bf-account-game{font-size:14px;font-weight:600;color:#333;width:120px;}
.bf-account-number{flex:1;font-size:13px;color:#666;}

.bf-exchange-records{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.bf-records-list{display:flex;flex-direction:column;gap:10px;}
.bf-exchange-record-item{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid #f0f0f0;border-radius:8px;}
.bf-record-game{font-size:14px;font-weight:600;color:#333;width:120px;}
.bf-record-account{flex:1;font-size:13px;color:#666;}
.bf-record-points{font-size:13px;color:#dc3544;font-weight:500;}
.bf-record-balance{font-size:13px;color:#10b981;font-weight:500;}
.bf-record-status{font-size:12px;padding:3px 10px;border-radius:20px;font-weight:600;}
.bf-record-status.status-pending{background:#fef3c7;color:#d97706;}
.bf-record-status.status-completed{background:#d1fae5;color:#059669;}
.bf-record-status.status-failed{background:#fee2e2;color:#dc2626;}
.bf-record-time{font-size:11px;color:#999;}

.bf-game-selector{position:relative;width:100%;}
.bf-game-selected{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;background:#fff;}
.bf-game-selected:hover{border-color:#dc3544;}
.bf-game-icon-placeholder{width:32px;height:32px;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font-size:16px;}
.bf-game-selected-icon{width:32px;height:32px;border-radius:8px;object-fit:cover;}
.bf-game-name-text{font-size:14px;color:#333;}

.bf-game-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:5px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:100;display:none;max-height:250px;overflow-y:auto;}
.bf-game-option{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #f5f5f5;cursor:pointer;}
.bf-game-option:last-child{border-bottom:none;}
.bf-game-option:hover{background:#f8f9fa;}
.bf-game-option-icon{width:36px;height:36px;border-radius:8px;object-fit:cover;}
.bf-game-option-icon-placeholder{width:36px;height:36px;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font-size:18px;}
.bf-game-option-name{font-size:14px;font-weight:500;color:#333;}
.bf-game-option-desc{font-size:12px;color:#999;margin-top:2px;}
.bf-game-option-url{font-size:12px;color:#3b82f6;margin-top:2px;display:flex;align-items:center;gap:4px;}

.bf-game-url-display{margin-top:8px;padding:8px 12px;background:#f0f9ff;border-radius:6px;display:flex;align-items:center;gap:8px;}
.bf-game-url-label{font-size:12px;color:#666;}
.bf-game-url-link{font-size:12px;color:#3b82f6;text-decoration:none;}
.bf-game-url-link:hover{text-decoration:underline;}


.rosinm {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 1rem;
}
.header-menu .header-menu-ul li a:hover {
  color: #dc3544;
}

.top .top_r .top_r_btn_post{background: #dc3544;
    color: #fff;
    padding: 0 15px;
    border-radius: 5px;font-weight: 500;}
.top .top_r .top_r_btn_post:hover{background:#b91c1c;color:#fff;}
@media (max-width:768px){
    .top .top_r .top_r_btn_post{display:none;}
}

#bf_post_canvas{width:90%;max-width:500px;}
.bf-post-form .form-control:focus{border-color:#dc3544;box-shadow:none;}
.bf-post-actions{margin-bottom:15px;}
.bf-post-actions .btn{font-size:13px;padding:6px 12px;}
.bf-post-actions .btn i{margin-right:5px;}

.bf-redpacket-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;display:flex;align-items:center;justify-content:center;}
.bf-redpacket-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.bf-redpacket-content{position:relative;background:#fff;border-radius:16px;width:90%;max-width:420px;overflow:hidden;}
.bf-redpacket-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #f0f0f0;}
.bf-redpacket-header h4{font-size:18px;font-weight:600;margin:0;color:#333;}
.bf-redpacket-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;line-height:1;}
.bf-redpacket-close:hover{color:#333;}
.bf-redpacket-balance{padding:20px 25px;background:linear-gradient(135deg, #dc3544 0%, #ff6b6b 100%);color:#fff;text-align:center;}
.bf-redpacket-balance-value{font-size:32px;font-weight:700;margin:0 5px;}
.bf-redpacket-body{padding:25px;}
.bf-redpacket-type{display:flex;gap:15px;margin-bottom:20px;}
.bf-radio-label{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all 0.3s;font-size:14px;color:#666;flex:1;text-align:center;}
.bf-radio-label:hover{border-color:#dc3544;}
.bf-radio-label input[type="radio"]{display:none;}
.bf-radio-label input[type="radio"]:checked + span{color:#dc3544;font-weight:600;}
.bf-radio-label input[type="radio"]:checked + span::before{content:'✓';margin-right:5px;color:#dc3544;}
.bf-redpacket-form{display:flex;flex-direction:column;gap:15px;}
.bf-form-group{display:flex;flex-direction:column;gap:6px;}
.bf-form-group label{font-size:14px;font-weight:500;color:#333;}
.bf-form-input{padding:12px 15px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;width:100%;box-sizing:border-box;}
.bf-form-input:focus{outline:none;border-color:#dc3544;}
.bf-form-select{padding:12px 15px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;width:100%;box-sizing:border-box;}
.bf-form-select:focus{outline:none;border-color:#dc3544;}
.bf-redpacket-footer{display:flex;gap:12px;padding:20px 25px;border-top:1px solid #f0f0f0;}
.bf-btn{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;flex:1;text-align:center;}
.bf-btn-primary{background:#dc3544;color:#fff;}
.bf-btn-primary:hover{background:#b91c1c;}
.bf-btn-secondary{background:#f5f5f5;color:#666;}
.bf-btn-secondary:hover{background:#e8e8e8;}

.bf-bounty-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.bf-bounty-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px dashed #f0f0f0;}
.bf-bounty-header i{font-size:20px;color:#f59e0b;}
.bf-bounty-header h4{font-size:16px;font-weight:600;margin:0;color:#333;}
.bf-bounty-info{display:flex;flex-wrap:wrap;gap:15px;font-size:14px;color:#666;margin-bottom:15px;}
.bf-bounty-info span{display:flex;align-items:center;gap:6px;}
.bf-bounty-info strong{color:#dc3544;font-weight:600;}
.bf-bounty-progress{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:10px;}
.bf-bounty-progress-bar{height:100%;background:linear-gradient(90deg, #f59e0b, #f97316);border-radius:4px;transition:width 0.3s;}
.bf-bounty-count{font-size:13px;color:#999;text-align:right;}

.bf-redpacket-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);position:relative;overflow:hidden;}
.bf-redpacket-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg, #dc3544, #ff6b6b);}
.bf-redpacket-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;}
.bf-redpacket-header i{font-size:24px;color:#dc3544;}
.bf-redpacket-header h4{font-size:16px;font-weight:600;margin:0;color:#333;}
.bf-redpacket-type-badge{font-size:12px;padding:3px 10px;border-radius:15px;font-weight:500;}
.bf-redpacket-type-normal{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;}
.bf-redpacket-type-random{background:#fff1f2;color:#be185d;border:1px solid #fbcfe8;}
.bf-redpacket-amount{text-align:center;padding:20px 0;border-bottom:1px dashed #f0f0f0;margin-bottom:15px;}
.bf-redpacket-amount-value{font-size:36px;font-weight:700;color:#dc3544;display:block;}
.bf-redpacket-amount-label{font-size:14px;color:#999;margin-top:5px;}
.bf-redpacket-info{display:flex;justify-content:space-around;margin-bottom:15px;font-size:13px;color:#666;}
.bf-redpacket-info-item{text-align:center;}
.bf-redpacket-info-value{font-size:18px;font-weight:600;color:#333;display:block;margin-bottom:3px;}
.bf-redpacket-info-value.claimed{color:#dc3544;}
.bf-redpacket-info-label{font-size:12px;color:#999;}
.bf-redpacket-btn{display:block;width:100%;padding:14px;text-align:center;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s;}
.bf-redpacket-btn.claimable{background:#dc3544;color:#fff;}
.bf-redpacket-btn.claimable:hover{background:#b91c1c;}
.bf-redpacket-btn.claimed{background:#f5f5f5;color:#999;cursor:not-allowed;}
.bf-redpacket-btn.expired{background:#f5f5f5;color:#999;cursor:not-allowed;}
.bf-redpacket-btn.disabled{background:#f5f5f5;color:#999;cursor:not-allowed;}
.bf-redpacket-expire{font-size:12px;color:#999;text-align:center;margin-top:10px;}

.bf-redpacket-claims{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0;}
.bf-redpacket-claims-title{font-size:14px;font-weight:600;color:#333;margin-bottom:10px;}
.bf-redpacket-claim-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;}
.bf-redpacket-claim-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8f9fa;border-radius:8px;font-size:13px;}
.bf-redpacket-claim-user{color:#333;font-weight:500;}
.bf-redpacket-claim-amount{color:#dc3544;font-weight:600;}
.bf-redpacket-claim-time{font-size:11px;color:#999;margin-left:auto;margin-right:10px;}

.bf-bounty-winners{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0;}
.bf-bounty-winners-title{font-size:14px;font-weight:600;color:#333;margin-bottom:10px;}
.bf-bounty-winner-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;}
.bf-bounty-winner-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fffbeb;border-radius:8px;font-size:13px;}
.bf-bounty-winner-user{color:#333;font-weight:500;}
.bf-bounty-winner-amount{color:#f59e0b;font-weight:600;}
.bf-bounty-winner-time{font-size:11px;color:#999;margin-left:auto;margin-right:10px;}

.bf-redpacket-min-level{font-size:12px;color:#999;text-align:center;margin-top:8px;}
.bf-redpacket-min-level strong{color:#f59e0b;}

.dark .bf-redpacket-content{background:#212121;}
.dark .bf-redpacket-header{border-bottom-color:#333;}
.dark .bf-redpacket-header h4{color:#fff;}
.dark .bf-redpacket-close{color:#666;}
.dark .bf-redpacket-close:hover{color:#fff;}
.dark .bf-radio-label{border-color:#333;color:#ccc;}
.dark .bf-radio-label:hover{border-color:#dc3544;}
.dark .bf-form-input{background:#191919;border-color:#333;color:#fff;}
.dark .bf-form-input:focus{border-color:#dc3544;}
.dark .bf-form-select{background:#191919;border-color:#333;color:#fff;}
.dark .bf-form-select:focus{border-color:#dc3544;}
.dark .bf-redpacket-footer{border-top-color:#333;}
.dark .bf-btn-secondary{background:#333;color:#ccc;}
.dark .bf-btn-secondary:hover{background:#444;}

.dark .bf-bounty-card{background:#212121;}
.dark .bf-bounty-header h4{color:#fff;}
.dark .bf-bounty-info{color:#ccc;}
.dark .bf-bounty-info strong{color:#dc3544;}
.dark .bf-bounty-progress{background:#333;}
.dark .bf-bounty-count{color:#666;}

.dark .bf-redpacket-card{background:#212121;}
.dark .bf-redpacket-header h4{color:#fff;}
.dark .bf-redpacket-amount-label{color:#666;}
.dark .bf-redpacket-info{color:#ccc;}
.dark .bf-redpacket-info-value{color:#fff;}
.dark .bf-redpacket-info-label{color:#666;}
.dark .bf-redpacket-expire{color:#666;}
.dark .bf-redpacket-btn.claimed{background:#333;color:#666;}
.dark .bf-redpacket-btn.expired{background:#333;color:#666;}
.dark .bf-redpacket-btn.disabled{background:#333;color:#666;}
.dark .bf-redpacket-claim-item{background:#333;}
.dark .bf-redpacket-claim-user{color:#ccc;}
.dark .bf-redpacket-min-level{color:#666;}

.dark .bf-bounty-winner-item{background:#333;}
.dark .bf-bounty-winner-user{color:#ccc;}

.bf-redpacket-post{margin:20px 0;background:linear-gradient(135deg, #fff5f5 0%, #fff0f0 100%);border-radius:16px;border:1px solid #ffd2d2;overflow:hidden;}
.bf-redpacket-box{display:flex;align-items:flex-start;padding:20px;gap:16px;flex-wrap:wrap;}
.bf-redpacket-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg, #dc3544 0%, #b91c1c 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0;box-shadow:0 6px 20px rgba(220,53,68,0.4);position:relative;}
.bf-redpacket-icon::after{content:'';position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:#fbbf24;border-radius:50%;border:2px solid #fff;}
.bf-redpacket-info{flex:1;}
.bf-redpacket-title{font-size:18px;font-weight:700;color:#dc3544;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.bf-redpacket-title i{font-size:20px;}
.bf-redpacket-desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:8px;}
.bf-redpacket-desc span{color:#dc3544;font-weight:600;}
.bf-redpacket-status{display:inline-block;padding:3px 12px;background:#dc3544;color:#fff;border-radius:12px;font-size:12px;font-weight:500;margin-right:8px;}
.bf-redpacket-btn{padding:10px 24px;background:linear-gradient(135deg, #dc3544 0%, #b91c1c 100%);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;flex-shrink:0;box-shadow:0 4px 12px rgba(220,53,68,0.3);}
.bf-redpacket-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(220,53,68,0.4);}
.bf-redpacket-btn:active{transform:translateY(0);}
.bf-redpacket-btn:disabled{background:#e9ecef;color:#adb5bd;cursor:not-allowed;box-shadow:none;transform:none;}

.bf-bounty-post{margin:20px 0;padding:15px;border-radius:12px;background:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);border:1px solid #fde68a;}
.bf-bounty-box{display:flex;align-items:center;gap:15px;}
.bf-bounty-icon{width:50px;height:50px;border-radius:50%;background:#f59e0b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
.bf-bounty-info{flex:1;}
.bf-bounty-title{font-size:16px;font-weight:600;color:#92400e;margin-bottom:8px;}
.bf-bounty-stats{display:flex;flex-wrap:wrap;gap:15px;font-size:13px;color:#666;}
.bf-bounty-stats strong{color:#dc3544;font-weight:600;}

.dark .bf-redpacket-post{background:#2d1f1f;border-color:#4a2a2a;}
.dark .bf-redpacket-title{color:#f87171;}
.dark .bf-redpacket-desc{color:#888;}
.dark .bf-redpacket-desc span{color:#f87171;}
.dark .bf-redpacket-icon{box-shadow:0 6px 20px rgba(248,113,113,0.3);}
.dark .bf-redpacket-btn{background:linear-gradient(135deg, #dc3544 0%, #b91c1c 100%);color:#fff;}
.dark .bf-redpacket-btn:hover{background:linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);}
.dark .bf-redpacket-btn:disabled{background:#333;color:#666;}

.dark .bf-bounty-post{background:#2d2a1f;border-color:#4a422a;}
.dark .bf-bounty-title{color:#fbbf24;}
.dark .bf-bounty-stats{color:#ccc;}
.dark .bf-bounty-stats strong{color:#f87171;}

.bf-post-form{background:#fff;border-radius:16px;padding:30px;box-shadow:0 2px 12px rgba(0,0,0,0.05);}
.bf-post-form-group{margin-bottom:24px;}
.bf-post-form-label{display:block;font-size:15px;font-weight:600;color:#333;margin-bottom:10px;}
.bf-post-form-input{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:15px;color:#333;background:#fff;transition:all 0.3s;}
.bf-post-form-input:focus{outline:none;border-color:#dc3544;box-shadow:0 0 0 3px rgba(220,53,68,0.1);}
.bf-post-form-input::placeholder{color:#999;}
.bf-post-form-select{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:15px;color:#333;background:#fff;transition:all 0.3s;}
.bf-post-form-select:focus{outline:none;border-color:#dc3544;box-shadow:0 0 0 3px rgba(220,53,68,0.1);}
.bf-post-tags-container{display:flex;flex-wrap:wrap;gap:10px;}
.bf-post-tag-label{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:25px;cursor:pointer;transition:all 0.3s;font-size:14px;color:#666;position:relative;overflow:hidden;}
.bf-post-tag-label:hover{border-color:#dc3544;color:#dc3544;}
.bf-post-tag-label.selected{border-color:#dc3544;background:#dc3544;color:#fff;box-shadow:0 4px 12px rgba(220,53,68,0.3);transform:scale(1.05);}
.bf-post-tag-label.selected::before{content:'✓';position:absolute;left:10px;font-size:12px;font-weight:bold;}
.bf-post-tag-radio{display:none;}
.bf-post-tag-name{display:flex;align-items:center;gap:6px;padding-left:20px;}
.bf-post-tag-name i{font-size:14px;}
.bf-post-form-hint{display:block;font-size:13px;color:#999;margin-top:6px;}
.bf-post-form-textarea{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:15px;color:#333;background:#fff;transition:all 0.3s;resize:vertical;min-height:200px;}
.bf-post-form-textarea:focus{outline:none;border-color:#dc3544;box-shadow:0 0 0 3px rgba(220,53,68,0.1);}
.bf-post-form-textarea::placeholder{color:#999;}
.bf-post-form-actions{display:flex;gap:12px;margin-bottom:24px;}
.bf-post-form-action-btn{display:flex;align-items:center;gap:6px;padding:12px 24px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;background:#fff;color:#666;}
.bf-post-form-action-btn:hover{border-color:#dc3544;color:#dc3544;}
.bf-post-form-btn-redpacket:hover{background:#fff5f5;}
.bf-post-form-btn-bounty:hover{background:#fffbeb;}
.bf-post-bounty-section{display:none;margin-bottom:24px;}
.bf-post-bounty-box{background:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);border:1px solid #fde68a;border-radius:12px;padding:20px;}
.bf-post-bounty-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed #fcd34d;}
.bf-post-bounty-header h6{font-size:15px;font-weight:600;color:#92400e;margin:0;}
.bf-post-bounty-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;cursor:pointer;}
.bf-post-bounty-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid #d97706;accent-color:#f59e0b;}
.bf-post-bounty-form{}
.bf-post-bounty-row{display:flex;gap:16px;flex-wrap:wrap;}
.bf-post-bounty-col{flex:1;min-width:140px;}
.bf-post-bounty-label{display:block;font-size:13px;color:#666;margin-bottom:8px;}
.bf-post-bounty-hint{display:block;font-size:12px;color:#92400e;margin-top:4px;font-style:italic;}
.bf-post-bounty-input{width:100%;padding:10px 12px;border:1px solid #fcd34d;border-radius:8px;font-size:14px;color:#333;background:#fff;transition:all 0.3s;}
.bf-post-bounty-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,0.1);}
.bf-post-bounty-summary{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;background:rgba(251,191,36,0.1);border-radius:8px;font-size:13px;color:#92400e;}
.bf-post-bounty-summary strong{color:#f59e0b;font-weight:600;}
.bf-post-bounty-summary-divider{color:#d97706;}
.bf-post-form-submit{text-align:center;}
.bf-post-form-submit-btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;color:#fff;background:#dc3544;cursor:pointer;transition:all 0.3s;}
.bf-post-form-submit-btn:hover{background:#b91c1c;}
.bf-post-form-submit-btn:active{transform:scale(0.98);}
.bf-post-form-submit-btn.loading{background:#dc3544;opacity:0.7;cursor:not-allowed;}

.dark .bf-post-form{background:#212121;}
.dark .bf-post-form-label{color:#fff;}
.dark .bf-post-form-input{background:#191919;border-color:#333;color:#fff;}
.dark .bf-post-form-input:focus{border-color:#dc3544;}
.dark .bf-post-form-input::placeholder{color:#555;}
.dark .bf-post-form-select{background:#191919;border-color:#333;color:#fff;}
.dark .bf-post-form-select:focus{border-color:#dc3544;}
.dark .bf-post-tag-label{background:#2d2d2d;border-color:#333;color:#ccc;}
.dark .bf-post-tag-label:hover{border-color:#dc3544;background:#2d1f1f;color:#dc3544;}
.dark .bf-post-tag-label.selected{border-color:#dc3544;background:#dc3544;color:#fff;}
.dark .bf-post-form-hint{color:#555;}
.dark .bf-post-form-textarea{background:#191919;border-color:#333;color:#fff;}
.dark .bf-post-form-textarea:focus{border-color:#dc3544;}
.dark .bf-post-form-textarea::placeholder{color:#555;}
.dark .bf-post-form-action-btn{background:#212121;border-color:#333;color:#ccc;}
.dark .bf-post-form-action-btn:hover{border-color:#dc3544;color:#dc3544;}
.dark .bf-post-form-btn-redpacket:hover{background:#2d1f1f;}
.dark .bf-post-form-btn-bounty:hover{background:#2d2a1f;}
.dark .bf-post-bounty-box{background:#2d2a1f;border-color:#4a422a;}
.dark .bf-post-bounty-header{border-bottom-color:#4a422a;}
.dark .bf-post-bounty-header h6{color:#fbbf24;}
.dark .bf-post-bounty-toggle{color:#ccc;}
.dark .bf-post-bounty-label{color:#666;}
.dark .bf-post-bounty-input{background:#191919;border-color:#4a422a;color:#fff;}
.dark .bf-post-bounty-input:focus{border-color:#f59e0b;}