.rank_tabs{margin-bottom:1rem}
.rank_comment_sort{margin-bottom:1.2rem}
.rank_comment_sort .links_sort_menu{margin-bottom:0}
.rank_comment_panel{display:none}
.rank_comment_panel.active{display:block}
.rank_box{overflow:hidden}
.rank_header{display:flex;align-items:center;justify-content:center;margin:1.5rem 1rem 1.8rem}
.rank_header_left{display:flex;align-items:center;justify-content:center;text-align:center}
.rank_title{font-size:1.55rem;font-weight:700;line-height:1.5}
.rank_subtitle{font-size:.85rem;color:var(--C);margin-top:.25rem;opacity:.8}
.rank_list{display:flex;flex-direction:column;padding:.2rem .7rem 1.2rem}
.rank_item{position:relative;display:grid;grid-template-columns:2.2rem 3.2rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.05rem .7rem;margin-bottom:.25rem;border-radius:1rem;transition:background .2s,transform .2s}
.rank_item:hover{background:var(--under-background);transform:translateX(.2rem)}
.rank_number{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:.55rem;background:var(--under-background);color:var(--C);font-size:.72rem;font-weight:700}
.rank_item:nth-child(1){padding-top:1.25rem;padding-bottom:1.25rem;margin-bottom:.45rem;background:linear-gradient(90deg,rgb(255 193 7 / 8%),transparent 80%)}
.rank_item:nth-child(2){background:linear-gradient(90deg,rgb(150 157 167 / 5%),transparent 80%)}
.rank_item:nth-child(3){background:linear-gradient(90deg,rgb(169 103 55 / 5%),transparent 80%)}
.rank_item:nth-child(1) .rank_number{width:2.05rem;height:2.05rem;color:#fff;background:linear-gradient(135deg,#ffd95a,#e6a400);box-shadow:0 .25rem .7rem rgb(230 164 0 / 22%)}
.rank_item:nth-child(2) .rank_number{color:#fff;background:linear-gradient(135deg,#d9dde2,#969da7)}
.rank_item:nth-child(3) .rank_number{color:#fff;background:linear-gradient(135deg,#d59a6a,#a96737)}
.rank_avatar{position:relative;width:3.2rem;height:3.2rem}
.rank_avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--under-background)}
.rank_item:nth-child(1) .rank_avatar{width:3.4rem;height:3.4rem}
.rank_item:nth-child(1) .rank_avatar img{border:.15rem solid rgb(255 193 7 / 45%);box-shadow:0 0 0 .25rem rgb(255 193 7 / 7%),0 .3rem 1rem rgb(255 193 7 / 15%)}
.rank_item:nth-child(2) .rank_avatar img{border:.12rem solid rgb(150 157 167 / 40%)}
.rank_item:nth-child(3) .rank_avatar img{border:.12rem solid rgb(169 103 55 / 40%)}
.rank_friend{position:absolute;right:-.2rem;bottom:-.15rem;width:1.15rem;height:1.15rem;display:flex;align-items:center;justify-content:center;color:#ff5c7a;font-size:.9rem;line-height:1;text-shadow:0 .08rem .18rem rgb(255 92 122 / 28%);filter:drop-shadow(0 .1rem .15rem rgb(0 0 0 / 10%));transform:rotate(-8deg);z-index:2}
.rank_item:nth-child(1) .rank_friend{width:1.3rem;height:1.3rem;font-size:1rem;right:-.22rem;bottom:-.17rem}
.rank_item:nth-child(1) .rank_friend:before{width:.8rem;height:.8rem}
@media(max-width:600px){
	.rank_friend{width:1rem;height:1rem;font-size:.78rem;right:-.15rem;bottom:-.12rem}
	.rank_friend:before{width:.62rem;height:.62rem}
	.rank_item:nth-child(1) .rank_friend{width:1.12rem;height:1.12rem;font-size:.88rem;right:-.18rem;bottom:-.14rem}
	.rank_item:nth-child(1) .rank_friend:before{width:.7rem;height:.7rem}
}
.rank_item:nth-child(1) .rank_friend{width:1.25rem;height:1.25rem;font-size:.78rem}
.rank_content{min-width:0;display:flex;flex-direction:column;gap:.45rem}
.rank_name{font-size:1rem;font-weight:650;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;gap:.5rem;align-items:center}
.rank_item:nth-child(1) .rank_name{font-size:1.05rem;font-weight:700}
.rank_last_comment{font-size:.7rem;color:var(--C);line-height:1.2;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank_level{display:inline-flex;flex:none;align-items:center;justify-content:center;height:1.15rem;padding:0 .42rem;border-radius:999px;color:#fff;background:var(--theme);font-size:.68rem;line-height:1;cursor:default;font-weight:400;vertical-align:middle}
.rank_level_gold{background:gold}
.rank_level_red{background:red}
.rank_level_orange{background:orange}
.rank_level_purple{background:purple}
.rank_level_blue{background:#2196f3}
.rank_level_green{background:green}
.rank_level_gray{background:var(--theme-10);border:.1rem solid var(--theme-30);color:var(--theme);font-weight:600}
.rank_bar{width:100%;height:.32rem;overflow:hidden;border-radius:1rem;background:var(--under-background);margin-top:.05rem}
.rank_bar span{display:block;height:100%;min-width:.4rem;border-radius:inherit;background:var(--C);opacity:.35;transition:width .5s}
.rank_item:nth-child(1) .rank_bar span{background:linear-gradient(90deg,#e9ad16,#ffe08a);opacity:1}
.rank_item:nth-child(2) .rank_bar span{background:#9ea5af;opacity:.8}
.rank_item:nth-child(3) .rank_bar span{background:#b7784b;opacity:.8}
.rank_count{display:flex;align-items:baseline;justify-content:flex-end;min-width:4.8rem;gap:.2rem}
.rank_count strong{font-size:1rem;font-weight:700;line-height:1}
.rank_item:nth-child(1) .rank_count strong{font-size:1.1rem}
.rank_count span{font-size:.68rem;color:var(--C)}
.rank_empty{padding:2rem 1rem;text-align:center;color:var(--C);font-size:.8rem}
@media(max-width:600px){
	.rank_header{margin:1.2rem 1rem 1.5rem}
	.rank_title{font-size:1.4rem}
	.rank_subtitle{font-size:.8rem}
	.rank_list{padding:.15rem .3rem .9rem}
	.rank_item{grid-template-columns:2rem 2.85rem minmax(0,1fr) auto;gap:.7rem;padding:1rem .25rem;margin-bottom:.2rem}
	.rank_item:nth-child(1){padding-top:1.1rem;padding-bottom:1.1rem;margin-bottom:.35rem}
	.rank_avatar{width:2.85rem;height:2.85rem}
	.rank_item:nth-child(1) .rank_avatar{width:3rem;height:3rem}
	.rank_name{font-size:.9rem}
	.rank_item:nth-child(1) .rank_name{font-size:.95rem}
	.rank_last_comment{font-size:.62rem}
	.rank_level{height:1.1rem;padding:0 .38rem;font-size:.62rem}
	.rank_bar{height:.28rem}
	.rank_count{min-width:3.5rem}
	.rank_count strong{font-size:.88rem}
	.rank_count span{font-size:.6rem}
	.rank_item:nth-child(1) .rank_count strong{font-size:1rem}
	.rank_friend{width:1.05rem;height:1.05rem;font-size:.65rem}
	.rank_item:nth-child(1) .rank_friend{width:1.1rem;height:1.1rem;font-size:.7rem}
}
html.cat_pig .rank_item{border-top:0!important}









.visitor_card{overflow:hidden;padding:1.6rem}
.visitor_profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem 0 .2rem}
.visitor_avatar{position:relative;width:5.8rem;height:5.8rem;margin-bottom:.8rem}
.visitor_avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--under-background);box-shadow:0 .4rem 1.2rem rgb(0 0 0 / 9%)}
.visitor_avatar:after{content:"";position:absolute;inset:-.3rem;border:.08rem solid var(--theme-10);border-radius:50%;pointer-events:none}
.visitor_identity{min-width:0;max-width:100%}
.visitor_name{font-size:1.5rem;font-weight:700;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: flex;align-items: center;gap: 0.5rem;justify-content: center;}
.visitor_website{display:block;max-width:100%;margin-top:.3rem;color:var(--C);font-size:.82rem;line-height:1.4;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
a.visitor_website:hover{color:var(--theme);opacity:1}
.visitor_levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.6rem}
.visitor_level{min-width:0;padding:.9rem 1rem;border-radius:1rem;background:linear-gradient(135deg,var(--under-background),transparent);border:1px solid rgb(0 0 0 / 3%)}
.visitor_level_head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.7rem}
.visitor_level_title{display:flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;white-space:nowrap}
.visitor_level_icon{width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center;border-radius:.45rem;background:var(--background);color:var(--C);font-size:.65rem;font-weight:700}
.visitor_level_icon svg{width: 0.75rem;}
.visitor_level strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:500;color:var(--C);opacity:.8}
.visitor_bar{height:.4rem;overflow:hidden;border-radius:999px;background:var(--background)}
.visitor_bar span{display:block;height:100%;min-width:.35rem;border-radius:inherit;background:var(--C);opacity:.4;transition:width .5s}
.visitor_level_gold .visitor_bar span{background:linear-gradient(90deg,#e9ad16,#ffe08a);opacity:1}
.visitor_level_red .visitor_bar span{background:red;opacity:.65}
.visitor_level_orange .visitor_bar span{background:orange;opacity:.75}
.visitor_level_purple .visitor_bar span{background:purple;opacity:.65}
.visitor_level_blue .visitor_bar span{background:#2196f3;opacity:.7}
.visitor_level_green .visitor_bar span{background:green;opacity:.65}
.visitor_level_gray .visitor_bar span{background:var(--theme);opacity:.35}
.visitor_meta{display:grid;grid-template-columns:repeat(2,1fr);margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgb(0 0 0 / 5%)}
.visitor_meta_item{display:flex;align-items:center;justify-content:center;gap:.55rem;min-width:0}
.visitor_meta_item+.visitor_meta_item{border-left:1px solid rgb(0 0 0 / 5%)}
.visitor_meta_icon{width:1.9rem;height:1.9rem;display:flex;align-items:center;justify-content:center;flex:none;border-radius:.6rem;background:var(--under-background);color:var(--C);font-size:.72rem}
.visitor_meta_label{font-size:.75rem;color:var(--C);opacity:.65;line-height:1.2}
.visitor_meta_value{margin-top:.2rem;font-size:.85rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.visitor_error{padding:2rem 1rem;text-align:center;color:var(--C);font-size:.85rem}
@media(max-width:700px){
	.visitor_card{padding:1.25rem}
	.visitor_profile{padding:.3rem 0}
	.visitor_avatar{width:5rem;height:5rem}
	.visitor_name{font-size:1.35rem}
	.visitor_website{font-size:.78rem}
	.visitor_levels{grid-template-columns:1fr;gap:.65rem;margin-top:1.3rem}
	.visitor_level{padding:.8rem .9rem}
	.visitor_level_head{margin-bottom:.6rem}
	.visitor_level_title{font-size:.9rem}
	.visitor_level strong{font-size:.78rem}
	.visitor_bar{height:.38rem}
	.visitor_meta{margin-top:1rem;padding-top:1rem}
}
@media(max-width:480px){
	.visitor_avatar{width:4.5rem;height:4.5rem}
	.visitor_name{font-size:1.25rem}
	.visitor_website{font-size:.75rem}
	.visitor_meta_item{gap:.4rem}
	.visitor_meta_icon{width:1.7rem;height:1.7rem;font-size:.65rem}
	.visitor_meta_label{font-size:.7rem}
	.visitor_meta_value{font-size:.8rem}
}







/* 部分二——图表 */
.visitor_activity{padding:1rem}
.visitor_activity_grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}
.visitor_activity_box{min-width:0;padding:1.2rem 1.25rem;border-radius:1rem;background:linear-gradient(135deg,var(--under-background),transparent);border:1px solid rgb(0 0 0 / 3%)}
.visitor_activity_header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.visitor_activity_title{font-size:1.05rem;font-weight:700;line-height:1.4}
.visitor_activity_subtitle{margin-top:.25rem;color:var(--C);font-size:.72rem;line-height:1.4;opacity:.65}
.visitor_activity_total{display:flex;align-items:baseline;gap:.2rem;flex:none;color:var(--C)}
.visitor_activity_total strong{font-size:1.3rem;font-weight:700;line-height:1}
.visitor_activity_total span{font-size:.68rem}
.visitor_comment_chart{display:flex;flex-direction:column}
.visitor_chart_wrap{position:relative;flex:1;min-height:12rem;margin-top:.35rem}
.visitor_chart_wrap canvas{display:block;width:100%!important;height:100%!important}
.visitor_checkin_calendar{display:flex;flex-direction:column}
.visitor_calendar_week{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem;margin-bottom:.45rem}
.visitor_calendar_week span{display:flex;align-items:center;justify-content:center;height:1.5rem;color:var(--C);font-size:.68rem;opacity:.55}
.visitor_calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem}
.visitor_calendar_day,.visitor_calendar_empty{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:.55rem;font-size:.75rem;color:var(--C)}
.visitor_calendar_day{background:var(--background)}
.visitor_calendar_day.checked{background:var(--theme-60);color:#fff;font-weight:700;box-shadow:0 .2rem .5rem rgb(0 0 0 / 8%)}
.visitor_calendar_day.today{box-shadow:inset 0 0 0 .1rem var(--theme)}
.visitor_calendar_day.checked.today{box-shadow:0 .2rem .5rem rgb(0 0 0 / 8%),inset 0 0 0 .1rem rgb(255 255 255 / 65%)}
@media(max-width:700px){
	.visitor_activity{padding:.75rem}
	.visitor_activity_grid{grid-template-columns:1fr;gap:.75rem}
	.visitor_activity_box{padding:1rem}
	.visitor_chart_wrap{height:10rem;min-height:10rem}
}


/* 部分三 */
.visitor_recent_comments{overflow:hidden}
.visitor_recent_comments_header{display:flex;align-items:center;padding:1.35rem 1.4rem 1.15rem}
.visitor_recent_comments_header_left{min-width:0}
.visitor_recent_comments_title{font-size:1.05rem;font-weight:700;line-height:1.4}
.visitor_recent_comments_subtitle{margin-top:.25rem;color:var(--C);font-size:.72rem;opacity:.65}
.visitor_recent_comments_list{padding:0 1.4rem 1.25rem}
.visitor_recent_comment{position:relative;display:flex;gap:.9rem;padding:.9rem 0}
.visitor_recent_comment:not(:last-child):before{content:"";position:absolute;left:.32rem;top:1.65rem;bottom:-.9rem;width:1px;background:var(--under-background)}
.visitor_recent_comment_dot{position:relative;z-index:1;flex:none;width:10px;height:10px;margin-top:.45rem;border-radius:50%;background:var(--theme);box-shadow:0 0 0 .25rem var(--background)}
.visitor_recent_comment_body{min-width:0;flex:1}
.visitor_recent_comment_meta{margin-bottom:.35rem;color:var(--C);font-size:.68rem;line-height:1.2;opacity:.65}
.visitor_recent_comment_text{font-size:1rem;line-height:1.7;word-break:break-word;color:var(--font-color,var(--color))}
.visitor_recent_comment_post{display:flex;align-items:center;gap:.4rem;max-width:100%;margin-top:.55rem;color:var(--theme);font-size:.75rem;line-height:1.4;text-decoration:none}
.visitor_recent_comment_post span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.visitor_recent_comment_post i{flex:none;font-size:.8rem;transition:transform .2s}
.visitor_recent_comment_post:hover i{transform:translateX(.2rem)}
.visitor_recent_comment_post_disabled{opacity:.45}
.visitor_recent_comments_empty{padding:2.5rem 1rem;text-align:center;color:var(--C);font-size:.8rem;opacity:.65}
@media(max-width:600px){
	.visitor_recent_comments_header{padding:1.15rem 1rem 1rem}
	.visitor_recent_comments_list{padding:0 1rem .9rem}
	.visitor_recent_comment{gap:.75rem;padding:.8rem 0}
	.visitor_recent_comment_text{font-size:1rem;line-height:1.7}
	.visitor_recent_comment_post{font-size:.72rem}
}

/* 四 */
.visitor_liked_posts{overflow:hidden}
.visitor_liked_posts_header{display:flex;align-items:center;padding:1.35rem 1.4rem 1.15rem}
.visitor_liked_posts_header_left{min-width:0}
.visitor_liked_posts_title{font-size:1.05rem;font-weight:700;line-height:1.4}
.visitor_liked_posts_subtitle{margin-top:.25rem;color:var(--C);font-size:.72rem;opacity:.65}
.visitor_liked_posts_list{display:flex;flex-direction:column;gap:.9rem;padding:0 1.4rem 1.25rem}
.visitor_liked_post{position:relative;display:flex;align-items:center;gap:1rem;min-width:0;padding:.9rem 1rem;background:var(--under-background);border:1px solid var(--O);border-radius:.9rem;text-decoration:none;transition:.25s}
.visitor_liked_post:hover{background:var(--theme-10);border-color:var(--theme-30)}
.visitor_liked_post_image{width:6.5rem;height:4.3rem;flex:none;overflow:hidden;border-radius:.65rem;background:var(--background)}
.visitor_liked_post_img{display:block;width:100%;height:100%;object-fit:cover}
.visitor_liked_post_info{min-width:0;flex:1}
.visitor_liked_post_title{font-size:1rem;font-weight:600;line-height:1.5;color:var(--font-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.visitor_liked_post_abstract,.visitor_liked_post_say{margin-top:.4rem;color:var(--C);font-size:.82rem;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.visitor_liked_post_say{margin-top:0}
.visitor_liked_post_arrow{flex:none;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;border-radius:.55rem;color:var(--C);font-size:.8rem;opacity:.45;transition:.25s}
.visitor_liked_post:hover .visitor_liked_post_arrow{color:var(--theme);opacity:1;transform:translateX(.15rem)}
.visitor_liked_posts_empty{padding:2.5rem 1rem;text-align:center;color:var(--C);font-size:.8rem;opacity:.65}
@media(max-width:600px){
	.visitor_liked_posts_header{padding:1.15rem 1rem 1rem}
	.visitor_liked_posts_list{gap:.75rem;padding:0 1rem .9rem}
	.visitor_liked_post{gap:.8rem;padding:.8rem .8rem;border-radius:.8rem}
	.visitor_liked_post_image{width:5.2rem;height:3.7rem;border-radius:.55rem}
	.visitor_liked_post_title{font-size:.9rem;line-height:1.5}
	.visitor_liked_post_abstract,.visitor_liked_post_say{font-size:.75rem;line-height:1.55}
	.visitor_liked_post_arrow{width:1.5rem;height:1.5rem;font-size:.7rem}
}