/*修复和风天气*/
#footer-tools [data-v-db6ccf64][data-v-41ba7e2c] {
	top: unset!important;
	bottom: 0!important;
	right: 44px!important
}
/*顶部边框透明度调整*/
body.io-grey-mode .big-header-banner.header-bg .page-header {
	background: rgb(255 255 255 / 90%) !important;
}
/*顶部大搜索上下尺寸调低*/
.header-big {
	padding-top: 110px;
}

@media (max-width: 980px) {
	.header-big {
		padding-top: 59px;
	}
}
/*顶部菜单调整*/
.navbar .navbar-nav li>a {
	font-size: 13px;
}

li.nav-login-user.dropdown.ml-3.ml-md-4 {
	margin-left: -7px!important;
}

li.nav-login.ml-3.ml-md-4 {
	margin-left: -0.5rem!important;
	margin-right: -0.5rem!important;
}
li.nav-login.ml-3.ml-md-4 {
    margin-left: -0.5rem!important;
  margin-right: -0.5rem!important;
}
/*详情页文字大小*/
.site-content p {
	font-size: 14px;
}  
/*详情页按钮块颜色*/
.io-grey-mode .site-body .btn-arrow {
	background-color: #f1f3f6;
}

.io-grey-mode .site-body .btn-arrow:hover {
	background-color: #202224;
}

/*右上角小菜单以及按钮样式*/
.navbar-menu i:not(.icon-search) {
    font-size: 20px;
}
.icon-list{
    margin-right: 10px!important;
}
.icon-list i{
    margin-right: -7px!important;
}
body {
	margin: 0;
	padding: 0;
}
.weixin{ display:block;text-align:center; position:relative;}
.weixin img{ display:none;width: 200px;}
.weixin:hover img{ position:absolute; left:50%; top:0; margin-left:-115px; padding-top:30px; display:block;}

/*两个角标*/
.new {
	display: inline-block;
	transform: translate(3px, -11px);
	font-size: .75rem;
	letter-spacing: 0.05em;
	background: linear-gradient(135deg, #E80505 10%, #FDD819 100%);
	color: #ffffff;
	border-radius: 4px 4px 4px 0;
	padding: .15rem .275rem;
	line-height: 1;
	font-weight: bold;
	height: 20px;
	line-height: 15px !important;
     /* opacity: 0.85; */
}
/*mini搜索按钮调整*/
#search button {
	position: absolute;
	top: 0px;
	right: 0;
	background: var(--mainColor);
	border: 0;
	width: 60px;
	height: 100%;
	margin: 0px 0pt 0;
	line-height: 36px;
	border-radius: 0px 8px 8px 0px;
}
/*mini搜索框调整*/
#search-text {
	border-radius: 10px;
	background: rgba(126,126,126,.1);
}
/*大搜索美化*/
.header-big #search-text {
	background-color: #fff!important;
	color: #282a2d;
}

.io-black-mode .header-big #search-text {
	background-color: #2c2e2f!important;
	color: #fff;
}

.header-big #search form button {
	background: var(--mainColor);
	padding: 0px 19px;
	height: 50px;
	border-radius: 0px 8px 8px 0px;
	padding-top: 3px;
	margin-right: 0px;
}

.header-big #search button i {
	color: #fff;
	font-size: 24px;
}

.header-big .search-type input:checked+label:before {
	border-color: #fff transparent transparent;
}

.io-black-mode .header-big .search-type input:checked+label:before {
	border-color: #2c2e2f transparent transparent;
}
/*tab栏圆角优化*/
.slider-menu-father {
	border-radius: 7px;
}

.slider_menu[sliderTab] {
	border-radius: 7px;
}

.slider_menu[sliderTab] .anchor {
	border-radius: 7px;
}

.slider_menu[sliderTab] >.menu {
	border-radius: 7px;
}
/*tab栏背景色调整*/
.slider_menu[sliderTab] {
	background: rgba(0,0,0,0.03);
}
/*首页编辑按钮调整*/
.customize-menu .btn-edit {
	border-radius: 7px;
	color: #ffffff!important;
}
/*卡片圆角调整*/
.card {
	border-radius: 7px;
}
/*背景颜色代码*/
body.io-grey-mode {
	background-color: rgba(0,0,0,0.025)!important;
}
/*侧边栏展开图标修复*/
.sidebar-item {
	position: relative;
	display: flow-root;
}
/*侧边栏父菜单优化*/
.sidebar-menu ul:first-child > li> a {
	padding: 12px 12px;
	margin: 1.5px 8px;
}

/*菜单颜色&mini修复*/

.io-grey-mode .sidebar-nav , .io-grey-mode .sidebar-menu-inner a {
	color: #0c0d0f!important;
	font-size: 14px;
}

.sidebar-nav , .sidebar-menu-inner a {
	font-size: 14px;
}


.second.sidebar-popup.sidebar-menu-inner.text-sm li span {
	color: #515C6B;
}

.io-black-mode .second.sidebar-popup.sidebar-menu-inner.text-sm li span {
	color: #c6c9cf;
}

.second.sidebar-popup.sidebar-menu-inner.text-sm li span.spanmh1 {
	height: 35px;
	line-height: 21px;
	margin-left: 0px!important;
}

.second.sidebar-popup.sidebar-menu-inner.text-sm li {
	float: unset;
	text-align: left;
}

.io-grey-mode .sidebar-item li>a:hover, .io-grey-mode .sidebar-popup>div>ul>li>a:hover {
	background: rgba(0,0,0,.1)!important;
	border-radius: 5px;
}

.io-black-mode .sidebar-item li>a:hover, .io-black-mode .sidebar-popup>div>ul>li>a:hover {
	background: rgba(0,0,0,.1)!important;
}

/*移动端logo左移*/
.navbar-brand img {
	max-height: 30px;
}
/*详情页图片圆角【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】*/
.site-content img:not(.button-icon) {
    border-radius: 5px;
}
/*大搜索搜索框优化*/
.header-big #search-text {
	border-radius: 9px;
}

.search-type input:checked+label, .search-type input:hover+label {
	background-color: #ededed;
}
/*公告框优化*/
.header-big:not(.no-bg) #bulletin_box .card-body {
	border-radius: 9px;
}

/*红色按钮*/
.btn-dog {
	color: #fff!important;
	background: #f1404b;
	font-size: 12px;
	padding: 2px 5px;
	border-radius: 4px;
	transition: .3s;
}
/*小圆点*/
.hot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--mainColor);
	margin: -12px 0px 1px 2px;
	position: absolute;
	top: 19px;
}

.new {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #409EFF;
	margin: -5px 0px 1px 2px;
	position: absolute;
	top: 19px;
}

/*书签页顶部菜单圆角*/
.sites-tabs-container {
	border-radius: .25rem;
}

/*logo上移【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】*/
.sidebar-logo img {
	max-height: 38px;
	margin: 0 10px 0 0;
}
.sidebar-nav .logo {
	line-height: 70px;
}

/*中等/mini网址块美化*/
.card-body.url-content.d-flex.align-items-center {
	height: 60px;
}
.url-card .card-body{
    padding: 1rem;
}
.card.no-c.mb-4{
	margin-bottom:1.3rem!important
}

.url-card .default a.togo {/* 【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】 */
    opacity: 0.08;
    top: 0.5px;
    right: 0.5px
}

.url-card .default .url-img {
	width: 36px;
	height: 36px;
	margin-left: -6px;/* 【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】 */
    background: none!important/* 【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】 */
}

.url-card.wechat a.card:after {
	font-size: 56px;
}

.url-card .mini .url-img {
	width: 20px;
	height: 20px;
}
@media (max-width: 768px) {/* 手机端网址下边距 */
.user-custome .url-card .url-img {
    width:30px;
    height: 30px;
}
.card.no-c.mb-4{
	margin-bottom: 1rem!important;
}
.archive .url-card {
    margin: 3px 0 3px 0
}
}
.url-body .card {/* 【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】 */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03);
    border-color: #dce3fb; /* 设置边框颜色 */
    border-width: 0.5px; 
}
.io-black-mode .url-body .card {
    border-color: #d6dbee12
}

/*手机端网址块全体悬浮美化（去除浮动）【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】【移动端】*/
@media (max-width: 767px) {
    .url-card .url-body:hover {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
}

/*小工具网址块美化*/
.sidebar .url-card .card {
	background: none!important;
}

.io-black-mode .sidebar .url-card .card {
	background: none!important;
}
/*更多按钮美化【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】*/
@media (max-width: 767px) {
    a.btn-move.tab-move.text-xs.ml-2 {
    margin: -7px 4px 0px 0;
}
}
a.btn-move.text-xs {
	color: #274eee!important;
    background: linear-gradient(45deg, transparent 0%, #274eee14 100%)!important;
	background: var(--mainColor);
	padding: 0px 10px;
	padding-right: 6px;
	line-height: 24px!important;
	margin: -5px 6px 0 0;
	height: 24px;
	border-radius: 6px;
	white-space: nowrap;
}
/*左上角角标*/
.jiaobiao_red {
	position: absolute;
	top: 6px;
	right: 64px;
	z-index: 1;
	width: 240px;
	height: 20px;
	line-height: 19px;
	-webkit-transform: rotate(-45deg)!important;
	text-align: center;
	color: #fff;
	background-color: var(--mainColor);
	font-size: 13px;
}

@media (max-width: 767px) {
	.jiaobiao_red {
		display: none;
	}
}
/*左侧滚动条去除*/
.sidebar-menu.flex-fill::-webkit-scrollbar {
	display: none;
}

ul.nav.nav-pills.tab-auto-scrollbar.menu.overflow-x-auto::-webkit-scrollbar {
	display: none;
}
/*博客页面顶图美化*/
.media-title-bg:before {
	background-image: linear-gradient(to top,rgba(0,0,0,.25) 20%,transparent 80%)!important
}
/*书签页修复推荐顶部间距*/
.user-bookmark-body .quick-sites {
	margin-top: -50px;
}
/*标签美化*/
.mt-2 .mr-1 a {
	padding: 4px 10px;
	height: 30px;
	border-radius: 4px;
	background: rgba(138,138,138,.15);
	color: #666;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
}

.io-black-mode .mt-2 .mr-1 a {
	background: #28292a!important
}

.mr-1 i.iconfont.icon-wailian.text-ss {
	display: none;
}

span.mr-1 a:hover {
	background: var(--mainColor);
	color: #fff;
}
/*详情页图标块美化*/
.siteico {
	box-shadow: 0 25px 20px -20px rgba(0, 0, 0, .1);
	height: 100%;
}
.site-body p {
    color: #9aa0a7
}
.sites-template-default .btn.btn-arrow.qr-img{
    float: right;
    background: #fcca1e;
}
.io-black-mode .sites-template-default .btn.btn-arrow.qr-img{
    color:#2c2e2f
}
.btn.btn-arrow{
    margin-right:1px!important;
}

@media (max-width: 768px){
.site-body.text-sm{
    margin-top:-10px
}
.site-name.h3.my-3{
    margin-bottom:10px!important
}
.io-black-mode .siteInfo:after {
    border-bottom: 8px solid #1b1d1f
}
}

@media (max-width: 979px) {
	img.img-cover {
		right: 70%;
		min-width: 44px!important;
		max-height: 69%!important;
	}

	.sites-template-default a.btn.btn-like.btn-icon.btn-light.rounded-circle.p-2.mx-3.mx-md-2 {
		margin-left: -1rem!important;
		margin-right: -0.5rem!important;
	}

	.sites-template-default .tool-actions {
		left: 60%;
		bottom: -5px;
	}
}
/* 悬浮小工具下边距 */
.card-header {
    margin-bottom: -10px;
}
.io-sidebar-widget .card-body {
    padding: .75rem;
}
#cx_tag_cloud-12{
    margin-bottom:-2px!important
}

/*content相对定位*/
div#content {
    position: relative;
}
/*网址详情页左右【二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改】*/
@media (min-width: 768px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1800px;
    }
    .sites-template-default .container,
    .book-template-default .container{
        max-width: 1770px;
    }
    .container.my-4.my-md-5{
    	margin-top:1.5rem!important;
    }
  /* 文章页宽度 */
    .post-template-default .container{
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto
    }
  /* 排除登录页面的容器 */
  .form-holder {
    max-width: 1200px; /* 或者你可以设置其他样式 */
    margin-left: auto;
    margin-right: auto;
  }
}
.site-l{
    width: 100%;
}
.sitel-content {
    padding: 15px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 10%);
    -webkit-box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 10%);
    background: #fff;
    border: 1px solid #abb7ec4f;
}
.io-black-mode .sitel-content{
	background: #2c2e2f;
    border: 1px solid #36393b;
}
@media (max-width: 992px) {
    .container.my-4.my-md-5:not(.book-template-default .container.my-4.my-md-5){
    	margin-top:0.5rem!important;
    }
}
@media (min-width: 992px) {
	.sitel-content {
	   margin-right: calc(310px + 15px);
	}
    /*内容偏左修复*/
	.site-l .content-layout {
		margin-right: 0px;
	}
}

/*左侧图标移动*/
.siteInfo>.col-12.col-sm-5.col-md-4.col-lg-3 {
	padding-top: 15px;
	float: left;
	width: 25%;
	padding-left: 0px;
	padding-right: 30px;
}



@media (max-width: 979px) {
	.siteInfo>.col-12.col-sm-5.col-md-4.col-lg-3 {
		float: unset;
		width: 100%;
		max-width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
}

@media (min-width: 980px) {
	.siteinfo {
		margin-left: -15px;
	}
}
/*右侧信息移动*/
.siteInfo>.col.mt-4.mt-sm-0 {
    padding-left: 0px;
	float: right;
	width: 75%;
}
@media (max-width: 980px) and (min-width: 768px) {
    .siteInfo>.col.mt-4.mt-sm-0 {
	width: 96.9%;
}
}

@media (max-width: 768px) {
	.siteInfo>.col.mt-4.mt-sm-0 {
		float: unset;
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
}

.content {
	clear: both;
}

 /*头像修复*/
.v-avatar {
	width: 32px;
	height: 32px!important;
	border-radius: 100%!important;
}

  /*首页边距【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】*/
@media (max-width: 1200px) {
    .indexmh .row:not(.book-template-default .row):not(.post-template-default .row):not(.archive .row):not(.auto-ad-url .row) {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
.post-template-default .comments{
        margin-right: 6px;
        margin-left: 6px;
    }  /*博客页评论框宽度*/
.book-template-default .comments{
        margin-right: -8px;
        margin-left: -8px;
    }  /*影视页评论框宽度*/
}
@media (max-width: 767px) {
.media.media-4x3.rounded-left {
    margin-left: -16px !important;
}
.card-body.list-content.p-2 {
    margin-left: -12px !important;
}
}

/*网址信息边距减少*/
.siteinfo .col.mt-4.mt-sm-0 {
	padding-right: 0px;
	padding-left: 0px;
}

.sites-template-default .btn-cat {
	color: #777!important;
	background-color: unset;
	border-color: unset;
	font-size: 13px;
}
/*面包屑*/
@media (max-width: 599px) {
	.cat {
		margin-left: -2px;
	}
}

@media (min-width: 768px) {
	.spare-site.mb-3 {
		margin-left: 14px;
	}
}

.cat .custom-piece_c {
	color: #777!important;
}

.sites-template-default .btn-cat:hover {
	background: var(--mainColor);
	color: #fff!important;
}
/*相关网址美化*/
.site-l .row.mb-n4 {
	border-radius: 6px;
	margin: 0px;
}

@media (max-width: 767px) {
	.site-l .url-card.col-sm-6.col-md-4 {
		width: 50%!important;
	}

	.site-l  .row.mb-n4 {
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
}

@media (min-width: 768px) {
	.site-l .url-card.col-sm-6.col-md-4 {
		max-width: 33.3333%;
	}
}

@media (min-width: 980px) {
	.site-l .url-card.col-sm-6.col-md-4 {
		max-width: 25%;
	}
}

.site-l .mb-n4, .site-l .my-n4 {
	margin-bottom: 20px!important;
}

.io-black-mode #pinggu {
	background: #28292a!important;
}
/*评论框美化*/
.comments .card {
	box-shadow: unset;
	margin-bottom:0
}
 .comments .card-body {
	padding: 1.25rem 0;
}
.comments .not-comment.card{
	margin-bottom:0
}

/*文章页修复和美化*/
.post-template-default .content-wrap .content-layout {
	background: #fff;
	padding: 0px 15px;
	box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 10%);
	-webkit-box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 10%);
	border-radius: 8px;
}

@media  (max-width: 979px) {
	.post-template-default .content-wrap .content-layout {
		padding: 0px 0px;
	}

	h2#comments-list-title {
		margin-left: 10px!important;
	}
}

.io-black-mode .post-template-default .content-wrap .content-layout {
	background: #2c2e2f;
}

.panel.card {
	box-shadow: unset;
}

@media (min-width: 992px) {
	.post-template-default.sidebar_right .content-wrap {
		float: left;
	}
}

.single-top-area .card-body {
	background: #f9f9f9;
	border-radius: 6px;
}

.io-black-mode .single-top-area .card-body {
	background: #2c2e2f!important;
}
/*app下载页修复*/
@media (min-width: 1560px) {
	.site-l .mx-xxxl-n5 {
		margin-left: 0rem !important;
		margin-right: 0rem !important;
	}
}
/*公告页修复*/
.bulletin-template-default .content-wrap {
	background: #fff;
	padding: 15px;
	border-radius: 8px;
}

.io-black-mode .bulletin-template-default .content-wrap {
	background: #2c2e2f;
}

/*tab栏美化【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】*/
.tabfg{
	padding-top: 10px;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 15px;
	box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey,transparent) !important;
    border: 1px solid #abb7ec4f;
    transition: border-color 0.3s ease;
}
.io-black-mode .tabfg {
	background: #2c2e2f;
    border: 1px solid #555a6140;
}
.io-black-mode .tabfg:hover{
    border: 1px solid #555a61;
}
.slider_menu[sliderTab] {
	background: #f5f7fa00;
}
.tabmh .text-gray.text-lg {
	float: left;
	height: 28px;
	line-height: 30px;
	margin-bottom: 5px;
}
@media (min-width: 992px) {
    .tabfg:hover{
        border: 1px solid #97a7eec2;
    }
	.tabmh .d-flex.flex-fill.flex-tab {
		padding-left: 0rem;
	}
}
.tabmh {
	padding: 0.5rem 0rem 0.1rem 0rem;
	margin-bottom:-10px
}
.slider_menu[sliderTab] .anchor {
    height: 8px!important;
    transform: skewX(-20deg);
    background: linear-gradient(to right, transparent 0%, #FCCA1E 100%)!important;
}
.io-black-mode .slider_menu[sliderTab] .anchor {
    background: linear-gradient(to right, transparent 0%, #dfe4f8 100%)!important;
}
.slider_menu[sliderTab]>.menu>li {
    border-radius: 2px;
    bottom: 5px;

}
.slider_menu.mini_tab[sliderTab]>.menu>li {
    margin: 0 8px;
}

.slider_menu.mini_tab[sliderTab]>.menu>li>a {
    padding: 0;
    line-height: 24px;
    font-size: 17px;
}
.slider_menu.mini_tab .pagenumber.nav-item>a.active,
.slider_menu.mini_tab .pagenumber.nav-item>a:hover,
.tabmh .slider_menu[sliderTab]>.menu>li>a.active,
.tabmh .slider_menu[sliderTab]>.menu>li>a:hover,
.page-template .pagenumber.nav-item>a.active,
.page-template .pagenumber.nav-item>a:hover{
    color: #274eee!important;
}
.io-black-mode .slider_menu.mini_tab .pagenumber.nav-item>a.active,
.io-black-mode .slider_menu.mini_tab .pagenumber.nav-item>a:hover,
.io-black-mode .tabmh .slider_menu[sliderTab]>.menu>li>a.active,
.io-black-mode .tabmh .slider_menu[sliderTab]>.menu>li>a:hover,
.io-black-mode .page-template .pagenumber.nav-item>a.active,
.io-black-mode .page-template .pagenumber.nav-item>a:hover{
    font-size: 16px;
    color: #fff!important;
}
.indexmh .content-wrap {
	border-radius: 8px;
	padding-bottom: 0px;
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	.io-mx-n2 {
	margin-left: .2rem!important;
    margin-right: .2rem!important;
	}
}

.tabmh .text-gray.text-lg {
	margin-left: 15px!important;
}

.d-flex.flex-fill.flex-tab {
	margin-left: 10px;
	margin-right: 10px;
}

.list-title-txt {
	position: relative;
	padding-right: 30px;
}
h4 span.separator {
	height: 11px;
	width: 2px;
	background: #777;
	display: inline-block;
	margin:0 9px;
	position: absolute;
	top: 5px;
	float: right;
	right: 0;
}
@media (max-width: 979px) {
.list-title-txt {
	padding-right: 20px;
}
h4 span.separator {
	height: 10px;
	top: 4px;
}
.slider_menu.mini_tab{
    margin-left:-6px
}
.slider_menu.mini_tab[sliderTab]>.menu>li>a {
    font-size: 16px
}
}

/*自定义美化*/
.user-custome {
	width: 100%;
	background: #fff;
	padding: 10px 0px 8px 0px;
	border-radius: 8px;
	box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey,transparent);
	margin-bottom: 15px;
}

.io-black-mode .user-custome {
	background-color: #2c2e2f;
}

@media (min-width: 768px) and (max-width: 979px) {
	.user-custome {
		padding: 10px 10px 8px 10px;
	}
}

@media (min-width: 1200px) {
	.user-custome {
		width: 100%;
		max-width: 100%;
	}

	.col-xxl-10a {
		flex: 0 0 20%;
		max-width: 16.6%;
	}

	.user-custome .row {
		margin-left: 5px!important;
		margin-right: 0px!important;
	}

	.tab-content #sites {
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
}

.user-custome .d-flex.flex-fill.customize-menu {
    margin: 10px 10px 0px 10px;
}

.user-custome #my-nav, .user-custome #my-c-nav, .user-custome .customize-sites {
	margin-top: 0.8rem;
}

.overflow-x-auto.hot-search-panel.mb-3.pb-2 {
	padding: 0 0rem!important;
}

@media (min-width: 768px) and (max-width: 979px) {
	.overflow-x-auto.hot-search-panel.mb-3.pb-2 {
		padding: 0 .5rem!important;
	}
}

@media (min-width: 992px) {
	.overflow-x-auto.hot-search-panel.mb-3.pb-2 {
		padding: 0 0.5rem!important;
	}
}

/*文字/图片广告样式*/
@media (min-width: 992px) {
	.wzgg {
		margin-left: -15px;
		margin-top: 12px;
	}
}

.mxqygg {
	margin-right: auto;
	width: 100%;
	margin-bottom: 10px;
	margin-left: auto;
}

@media (min-width: 992px) {
	.mxqygg {
		display: none;
	}
}

@media (max-width: 992px) {
	.pcxqygg {
		display: none;
	}
}

.pcxqygg {
	margin-left: -10px;
	margin-bottom: -24px;
	margin-right: -15px;
	margin-top: 10px;
}

.pcxqygg a {
	width: 48%;
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 10px;
}

.mxqygg a {
	margin-bottom: 5px;
	display: block;
}

img.adimg {
	border-radius: 6px;
}

span.ggjb {
	position: absolute;
	padding-left: 2px;
	left: -.4rem;
	padding-right: 3px;
	font-size: 13px;
	color: #fff;
	top: 0.1rem;
	background: rgb(255 0 20 / 0.7);
	border-radius: 100px;
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

@media (max-width: 992px) {
	span.ggjb {
		left: -0.7rem;
		top: -0.6rem;
	}
}

/*置顶新网址美化*/
.url-body .badge.text-ss {
    position: absolute;
    left: -16px;
    top: 2px;
    z-index: 1;
    transform: rotate(-45deg);
    padding: 4px 18px;
    font-size: 8px!important;
    line-height: 8px;
    background: linear-gradient(45deg,#274eee,#99cffe);
    color: #ffffff;
    box-shadow: 0 2px 10px rgb(76 120 243 / 15%);
    border: none!important;
    border-radius: 0
}
/*顶部登录【修改圆角】【修改圆角】【修改圆角】【修改圆角】【修改圆角】【修改圆角】【修改圆角】【修改圆角】【修改圆角】*/
.nav-login a:not(.user-bookmark-body a) {
	font-size: 14px;
	line-height: 20px;
	color: #fff!important;
	padding: 4px 12px;
	background: var(--mainColor);
	border-radius: 8px;
	text-shadow: none;
}
/*手机端去除手机查看【优化只对网址页有效】【优化只对网址页有效】【优化只对网址页有效】【优化只对网址页有效】【优化只对网址页有效】*/
@media (max-width: 992px) {
    .sites-template-default a.btn.btn-arrow.qr-img {
        display:none
    }
}
/*文章标题三行隐藏*/
.overflowClip_2 {
	-webkit-line-clamp: 3;
}
/*小工具网址块颜色*/
.sidebar .url-card .card {
	background: #f5f5f5;
}
/*小工具热榜图标修复*/
.hot-ico {
	height: 18px!important;
}

/*标签换行及两行最多修复*/
.mr-1, .mx-1 {
	white-space: nowrap;
}

.sitetags {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/*侧边栏浏览量隐藏*/
.sidebar-tools span.views {
	display: none;
}


/*首页/详情页网址块美化（移动端）*/
@media (max-width: 980px) {
	.indexmh .mt-4, .indexmh .my-4 {
		margin-top: 1.3rem!important;/*【网址与分类边距更改数值】【网址与分类边距更改数值】*/
	}
	.user-custome .tab-content.mt-4{
		margin-top:10px!important;
	}
	.indexmh .mb-3,.indexmh  .my-3 {
		margin-bottom: .8rem!important;/*【首页文章间距更改数值】【首页文章间距更改数值】*/
	}
    .archive .row .url-body .card{
        margin-bottom:12px!important/*【更多页网址下边距】【更多页网址下边距】*/
    }
	.indexmh .url-body .card {
		background: unset;
	}

	.io-black-mode .url-card .card {
		background: unset!important;
	}

}
/*详情页网址块美化（PC端）*/
/*网址块暗色*/
.io-black-mode .url-body .card{
    background: #363738!important
}

.io-black-mode .url-card .mini .card-body {
	padding: .4rem .5rem;
}

/*弹窗广告调整*/
@media (max-width: 980px) {
	._noj3w57c83g:nth-child(1) {
		display: none;
	}
}

/*资讯页修复调整*/
@media (max-width: 980px) {
	.row.no-gutters {
		margin-right: -6px!important;
		margin-left: -9px!important;
	}

	.overflow-x-auto.hot-search-panel.mb-3.pb-2 {
		margin-right: 2px!important;
		margin-left: -13px!important;
	}
}

/*分类页美化*/
@media(min-width:1390px){
.tax-favorites #content{
    padding-left: 15px;/*【更改】【更改】【更改】【更改】【更改】【更改】【更改】【更改】【更改】【更改】【更改】【更改】*/
}
}
.tax-favorites .content-layout .row {
	margin-left: 0px!important;
	margin-right: 0px!important;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 28px;
	padding-top: 15px;
}

.io-black-mode .tax-favorites .content-layout .row {
	background: #2c2e2f;
}

.tax-favorites a.card {
	background: none;
}

.io-black-mode .tax-favorites a.card {
	background: none;
}

@media (max-width: 980px) {
	.tax-favorites .content-layout .row {
		background: #fff;
		border-radius: 8px;
		margin-bottom: 0px;/*【底部边距】【底部边距】【底部边距】【底部边距】【底部边距】【底部边距】*/
		padding: 15px 5px 0 5px;/*【顶部边距】【顶部边距】【顶部边距】【顶部边距】【顶部边距】【顶部边距】*/
	}

	.tax-favorites .url-card.col-sm-6.col-md-4.col-xl-3 {
		width: 50%;
	}

	.tax-favorites a.card.mb-3 {
		box-shadow: none;
		background: none!important;
		margin-bottom: .9rem!important;/*分类页【网址块边距】【网址块边距】【网址块边距】【网址块边距】【网址块边距】*/
	}
}

/*标签页美化*/
@media(min-width:1390px){/*【更改】【更改】【更改】【更改】【更改】【更改】【更改】【更改】【更改】【更改】【更改】【更改】*/
.tax-sitetag #content{
    padding-left: 15px;
}
}

.tax-sitetag a.card.mb-3 {
	background: none;
	box-shadow: none;
}

.tax-sitetag .content-layout .row {
	background: #fff;
	border-radius: 8px;
	margin-left: 0px;
	padding-top: 15px;
	margin-right: 0px;
}

.io-black-mode .tax-sitetag .content-layout .row {
	background: #28292a!important;
}

@media (max-width: 980px) {
	.tax-sitetag .url-card.col-sm-6.col-md-4.col-xl-3 {
		width: 50%;
	}

	.tax-sitetag .content-layout .row {
		padding-top: 5px;
	}

	.tax-sitetag a.card.mb-3 {
		background: none;
		box-shadow: none;
		margin-bottom: .3rem!important;
	}
}
/*分类页标签页面包屑*/
.mbx {
	margin-bottom: 20px;
	color: #777!important;
	font-size: 13px;
}

.mbx a {
	color: #777!important;
}
/*移动文章页相关文章*/
@media (max-width: 980px) {
	.post-template-default .row {
		margin-right: 5px;
		margin-left: 5px;
	}
}
/*pcmini侧边栏美化【二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改】*/
@media screen and (min-width: 980px){
.tab-widget-content .widget-item {
    grid-template-columns: repeat(auto-fill,68px);
    grid-gap: 27px;
}
 .mini-sidebar .border-top {
    margin-left: -30px!important;
}
.mini-sidebar .sidebar-nav .sidebar-menu {
    width: 0px!important;
} 
 .mini-sidebar .main-content {
    margin-left: 0px!important;
}  
 .mini-sidebar .sidebar-nav {
    width: 0px!important;
}  
 .mini-sidebar .main-content .page-header {
    left: 0px!important;
}   
 .sidebar_right.animate-nav .indexmh, .sidebar_no.animate-nav .indexmh{
    margin-left:0px!important;
  }
 .sidebar_right.mini-sidebar .indexmh, .sidebar_no.mini-sidebar .indexmh {
    margin-left: 144px!important;
}
 
/*原版css【第一种】，注意使用mininav.js文件，使用时注意删除其中一项*/
  /*.sites-template-default div#mini {
     left: 15px;
    position:relative;
    }
    div#mini {
        position: absolute;
        left: 15px;
        z-index: 999;
        border-radius: 12px;
    }
    div#mininav {
        position: fixed;
        padding: 8px 0px;
        background: #fff;
        z-index: 999;
        box-shadow: 0 0 0.1rem 0 rgba(158,158,158,0.1)!important;
        border-radius: 10px;
        border: 1px solid #abb7ec4f;
        transition: border-color 0.3s ease;
    }*/
/*原版css【第一种】，注意使用mininav.js文件，使用时注意删除其中一项*/

/*原版css【第二种自改（推荐）】，注意使用mininav2K.js文件，使用时注意删除其中一项*/
div#mini {
	position: sticky;
    top: 80px;
    left: 15px;
    z-index: 999;
    border-radius: 12px;
}
div#mininav {
	position: absolute!important;
    padding: 8px 0px;
    background: #fff;
    box-shadow: 0 0 0.1rem 0 rgba(158,158,158,0.1);
    border-radius: 10px;
    border: 1px solid #abb7ec4f;
    transition: border-color 0.3s ease;
}
/*原版css【第二种自改（推荐）】，注意使用mininav2K.js文件，使用时注意删除其中一项*/

div#mininav:hover {
    border: 1px solid #abb7ec;
}
.io-black-mode div#mininav{
    border: 1px solid #555a6140;
}
.io-black-mode div#mininav:hover {
    border: 1px solid #525557;
}

  .io-black-mode div#mininav{
    background:#2c2e2f;
  }
  .fix{
    top:80px;
  }
  .customize-width {
    position:relative;
}
  #mini .sidebar-menu-inner ul {
    padding-left: 0px;
    margin-bottom: 0;
}
   .sidebar_right.mini-sidebar  #mini, .sidebar_no.mini-sidebar #mini {
    display: block!important;
}
  div#mini {
    display: none;
}
 
  #mininav a {
    padding: 12px 12px;
    margin: 0px 5px;
    height: 39px;
    font-size: 14px;
}
  #mininav i {
    font-size: 19px;
}
} 
@media (max-width: 980px) {
  div#mini {
    display: none;
}
  div#mininav span {
    font-size: 12px;
    margin: 0px 4px;
}
}

/*侧边栏弹出ul*【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】*/
@media screen and (min-width: 980px) {
	li#subnav {
		position: relative;
		list-style: none;
		cursor: pointer;
		margin: 0px 5px;
	}

	#subnav a {
		margin-left: 0px;
        justify-content: center;
	}

	ul.subnav-menu {
		padding: 6px!important;
		position: absolute;
		min-width: 200px;
		opacity: 0;
		overflow: hidden;
		visibility: hidden;
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 5px 20px 0px rgb(0 0 0 / 5%);
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
		will-change: transform;
		left: 127px!important;
		top: 0px;
        border: 1px solid #abb7ec;
	}
	.io-black-mode ul.subnav-menu {
		background: #28292a!important;
        border: 1px solid #525557;
	}
/*mini栏悬浮美化*/
    li#subnav:hover {
        position: relative;
        background: linear-gradient(to right,#ffc80b 10%,#ff1e0000 100%);
        border-radius: 6px 6px 6px 0;
        box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
        right: 16px
    }
    li#subnav:hover::before {
        content: '';
        position: absolute;
        bottom: -10px;
        left: px;
        border-width: 0 10px 10px 0;
        border-style: solid;
        border-color: transparent #ff9a00ba transparent transparent;
    }
    li#subnav:hover:nth-last-child(1):before {
        bottom: -4px;
        border-width: 0 12px 5px 0;
    }
/*菜单栏悬浮美化*/
	li#subnav:hover>ul {
		opacity: 1;
		z-index: 1;
		overflow: visible;
		visibility: visible;
		-webkit-transform: translateY(0);
		transform: translateY(0);
        display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    gap: 5px;
		list-style: none;
	}

	.subnav-menu li {
		background:#f5f7fa;
		border-radius: 6px;
	}

	.subnav-menu a {
		padding-left: 0px!important;
		margin: 0px 0px!important;
	}

	.subnav-menu a:hover {
        background: #fccd2969;
		border-radius: 6px;
	}
	.io-black-mode .subnav-menu a:hover {
        background: #363738;
	}
	.subnav-menu i {
		margin-left: 4px;
	}

	.subnav-menu i {
		font-size: 21px!important;
	}

	.subnav-menu span {
		margin-left: 8px!important;
		color: #274eee;
	}
   .io-black-mode .subnav-menu span {
		color: #b7b7b7;
	}

}

/*直达图标放大*/
i.iconfont.icon-goto {
	font-size: 20px;
}
/*搜索页优化*/
@media (max-width: 768px){
.search .url-card.col-md-4 {
    width: 50%!important;
}

 .search .url-card .mini .card-body {
    padding: .4rem .5rem;
}
}

/*详情页弹窗自定义网址调整*/
@media(min-width: 1200px){
.sites-template-default .col-xxl-10a{
 flex: 0 0 25%;
 max-width: 25%;
}
}
.sites-template-default .slider_menu[sliderTab]>.menu>li>a.active{
 color: #666;
}
.sites-template-default .slider_menu[sliderTab]>.menu>li>a:hover{
 color: #666;
}
.sites-template-default .tooltip{
    z-index: 1111;
}
.sites-template-default .modal-content .provideSitesAd {
    position: relative;
    margin-top: 1.2rem;
    padding: 15px 0px 0px 0px;
    border-radius: 6px;
    border: 1px solid #abb7ec
}/*【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】【修改】*/
.sites-template-default .modal-content .row{
    margin-top: 0px;
    margin-left: .1rem !important;
    margin-right: .1rem !important;
}
.sites-template-default .site-popup  h5{
    margin-left: 1.5em;
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    background: var(--mainColor);
    padding: 3px 5px;
    border-radius: 6px;
    white-space: nowrap;
    display: inline;
}
/*自助广告位置调整【二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改二改】*/
.site-l .auto-ad-url {
    margin-bottom: 16px!important;
    margin-top: 0!important;
}
.book-template-default .auto-ad-url {
    margin-bottom: 50px!important;
}
.header-big .auto-ad-url .card {
    top:-10px;
    max-width: 1777px !important;
}
.auto-ad-url .card {
    max-width: 2000px !important;
}
.sites-template-default .auto-ad-url .card{
    box-shadow: none!important;
    margin:-5px!important;
}

/*热门网址美化*/
.hot-sites{
    background: #fff;
    margin: 12px 0;
    box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey,transparent) !important;
    border-radius: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.io-black-mode .hot-sites{
    background: #2c2e2f;
}
.hot-sites .slider-menu-father {
    margin: 10px 10px 0px 10px;
}
@media(min-width: 768px){
.hot-sites .row {
    margin-left: .5rem!important;
    margin-right: .5rem!important;
}
}


/*网址上方广告*/
.indexmh>.row.mb-4{
    margin-top: 10px;
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.apd.apd-home.col-12>a {
    width: 100%;
    display: inline-block;
}
.apd.apd-home.col-12>a img{
    width: 100%;;
}
.apd.apd-home{
    padding-right: 0rem;
    padding-left: 0rem;
}

@media (max-width: 980px){ /*手机展示第二广告位 */
   .apd.apd-home.d-none{
       margin-top: 10px;
       display: block!important;
   }

    .indexmh>.row.mb-4{
    margin-right: 0px!important;
    margin-left: 0px!important;
}
}


/*底部高度/宽度优化【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】*/
@media (min-width: 980px){
    .footer-inner .my-4 {
        margin-bottom:.5rem!important
    }
}

@media (min-width: 980px) {
 .col-12.col-md-3.text-md-right.mb-4.mb-md-0 {
 margin-top: 0px;
} 
/*首页详情底部宽度控制*/
 .home.sidebar_right.mini-sidebar .footer-inner.card.rounded-xl.m-0 {
 margin-left: -1px!important;
 width: auto;
}
/* -------------- 加载更多favorites底部控制 -------------- */
.archive .footer-inner.card.rounded-xl.m-0 {
        margin-left: -1px!important;
}
/* -------------- 首页顶部模块favorites底部控制 -------------- */
.parent-favorites.footer-inner.card.rounded-xl.m-0 {
  margin-left: 125px!important;
  width: auto;
}

.sites-template-default .footer-inner.card.rounded-xl.m-0 {
  width: 99.4%!important
}
.book-template-default .footer-inner.card.rounded-xl.m-0{
    margin-top: -45px!important
}

.sites-template-default.sidebar_right.sites.animate-nav .footer-inner.card.rounded-xl.m-0 {
  width: auto;
  margin-left: 0px!important;
}

.sites-template-default.sidebar_right.sites.mini-sidebar .footer-inner.card.rounded-xl.m-0 {
    width: 100%!important
}
/* -------------- 次级导航底部控制 -------------- */
.page-template-template-mininav.sidebar_no.mini-sidebar .footer-inner.card.rounded-xl.m-0 {
  margin-left: 144px!important;
  width: auto;
}
/* -------------- APP页底部 -------------- */
.app-template-default .footer-inner.card.rounded-xl.m-0 {
  margin-left: 125px!important;
  width: auto;
}
}
/* -------------- 影视页及全部页底部 -------------- */
.tax-books .footer-inner.card.rounded-xl.m-0,
.book-template-default .footer-inner.card.rounded-xl.m-0{
        margin-left: 0px!important;
        width: auto;
    }


/* 通用底部样式（手机端） */
@media (max-width: 768px) {
  .footer-inner.card.rounded-xl.m-0 {
    /* 在手机端修改底部高度和宽度 */
    margin-left: 0px!important;
    width: 100%!important;
    margin-top: -25px!important; /* 如果需要修改顶部边距也可以添加这一行 */
  }
}


/*详情相关网址美化(更改为猜你喜欢)【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】*/
.site-l .row.mb-n4 {
    background: #f5f7fa;
    padding: 15px;
}
.io-black-mode .site-l .row.mb-n4 {
    background:#28292a!important
}

.site-l .url-card.col-sm-6.col-md-4 {
  max-width: calc(50% - 7.5px);/* 2 个，每个占 50% 减去半个 gap */
}

@media (min-width: 768px) {
.site-l .url-card.col-sm-6.col-md-4 {
    max-width: calc(25% - 11.25px); /* 4 个，每个占 25% 减去 3/4 gap */
  }
}

@media (min-width: 1400px) {
.site-l .url-card.col-sm-6.col-md-4 {
    max-width: calc(20% - 12px); /* 5 个，每个占 20% 减去 4/5 gap */
  }
}

/*顶部边距【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】【原版取消自用保留】*/
.row.site-content.py-4.py-md-5.mb-xl-5.mb-0.mx-xxxl-n5 {
	margin-top: -65px!important;
}

@media (max-width: 980px) {
	.row.site-content.py-4.py-md-5.mb-xl-5.mb-0.mx-xxxl-n5 {
		margin-top: -40px!important;
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media (min-width: 992px) {
  
	.sidebar_right.sites.animate-nav .row.site-content.py-4.py-md-5.mb-xl-5.mb-0.mx-xxxl-n5 {
		margin-left: 65px!important;
	}

	.sidebar_right.sites.mini-sidebar .row.site-content.py-4.py-md-5.mb-xl-5.mb-0.mx-xxxl-n5 {
		margin-top: 0px!important;
		margin-left: 144px!important;
        padding-top:0!important;
	}

	.sites-template-default.sidebar_right.sites.animate-nav .row.site-content.py-4.py-md-5.mb-xl-5.mb-0.mx-xxxl-n5 {
		margin-left: 0px!important;
	}
}

/* 更改网址样式（预览模式） 【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】*/
/* 网址预览卡片样式 */
#related-sites-container .url-card{
	padding: 0!important;
}
#related-sites-container{
	gap: 15px;
}
.site-preview-card {
    position: relative;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
    transition: all 0.25s ease;
    overflow: hidden;
    max-height: 280px; /* 控制整体高度 */
}
.io-black-mode .site-preview-card {
    background: #222;
    box-shadow: 0 3px 10px rgb(27 29 31);
}
.site-preview-card:hover {
    transform: translateY(-3px);
    background: linear-gradient(45deg, #fccb24, #fde48e);
    box-shadow: 0 8px 20px rgb(253 224 127 / 50%);
}
.io-black-mode .site-preview-card:hover {
    background: #2c2e2f;
    box-shadow: 0 8px 20px rgb(0 0 0 / 50%);
}
/* 预览图片区域 */
.site-preview-card .preview-image {
    position: relative;
    width: 100%;
    height: 140px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); /* 底部边框 */
	padding:8px 8px 0;
	transition: all 0.25s ease;
}
.site-preview-card .preview-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px 6px 0 0;
}
.site-preview-card:hover .preview-image{
	padding:4px 4px 0
}
/* 网站信息包装器 */
.site-preview-card .site-info-wrapper {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    gap: 10px;
    min-height: 60px; /* 确保最小高度 */
}
/* 网站图标 */
.site-preview-card .site-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 6px; /* 稍微减小图标圆角 */
    overflow: hidden;
}
.io-black-mode .site-preview-card .site-icon {
    border-color: rgba(255, 255, 255, 0.05);
    background-color: #333;
}
.site-preview-card .site-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 网站信息 */
.site-preview-card .site-info {
    flex-grow: 1;
    min-width: 0; /* 确保文本可以正确截断 */
    padding-right: 5px; /* 为可能的直达按钮留出空间 */
}
.site-preview-card .site-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 3px 0;
    color: #333;
    line-height: 1.3;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.io-black-mode .site-preview-card .site-title {
    color: #e0e0e0;
}
.site-preview-card .site-description {
    font-size: 12px;
    color: #777;
    margin: 0;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 34px; /* 控制描述最大高度 */
}
.io-black-mode .site-preview-card .site-description {
    color: #aaa;
}
/* 直达按钮 */
.site-preview-card .goto-button {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: all 0.2s ease;
    z-index: 3;
    opacity:0.5
}
.site-preview-card i{
    font-size: 18px!important;
}
.io-black-mode .site-preview-card .goto-button {
    background: rgba(40, 40, 40, 0.85);
    color: #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.site-preview-card:hover .goto-button {
    background-color: #fccc28;
    color: #ffffff;
    transform: scale(1.05);
    opacity:0.9
}
/* 无图标模式 */
.site-preview-card.no_ico .site-icon {
    display: none;
}
.site-preview-card.no_ico .site-info-wrapper {
    padding-left: 15px;
}
/* 响应式调整 */
@media (max-width: 768px) {
	#related-sites-container{
		margin:0!important;
	}
    .site-preview-card {
        max-height: 240px; /* 移动端降低整体高度 */
    }
    .site-preview-card .preview-image {
        height: 120px; /* 移动端降低预览图高度 */
    }
    .site-preview-card .site-info-wrapper {
        padding: 8px 10px;
        min-height: 50px;
        gap: 5px;
    }
    .site-preview-card .site-icon {
        width: 28px;
        height: 28px;
    }
    .site-preview-card .site-title {
        font-size: 14px;
    }
    .site-preview-card .site-description {
        font-size: 12px;
        -webkit-line-clamp: 1; /* 移动端只显示一行描述 */
        max-height: 17px;
    }
    .site-preview-card .goto-button {
        width: 20px;
        height: 20px;
    }
    .site-preview-card i{
        font-size: 16px!important;
    }
}
/* 小屏幕设备进一步优化 */
@media (max-width: 480px) {
    .site-preview-card {
        max-height: 220px;
    }
    .site-preview-card .preview-image {
        height: 80px;
    }
}
/* 换一换按钮 */
#refresh-related-sites{
    background: linear-gradient(45deg, #fccb24, #fde48e);
	border:1px solid #fccc28;
	color:#333333!important;
}
#refresh-related-sites:hover{
    box-shadow: 0 8px 20px rgb(253 224 127 / 50%);
	transform: translateY(-2px);	
}

/* 更改网址样式（阿比超大模式） 【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】*/
.program .card{
    transition: .3s;
    
}

.program .card:hover {
    box-shadow: 0 0 0.8px rgba(38,45,61,.08), 0 0.8px 3.2px rgba(38,45,61,.04), 0 4.8px 9.6px rgba(38,45,61,.14);
    transform: translate3d(0,0,0) scale(0.985);
    overflow: hidden;
    justify-content: center;
}


/*  有侧边栏4个显示效果开始 【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】 */
.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-5a .program .card .jump,
.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-6a .program .card .jump{
    border-radius: 50%;
}

.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-5a .program .card:hover .jump,
.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-6a .program .card:hover .jump{
    opacity: 1;
    transform: translate3d(15px,0,0);
    -webkit-transform: translate3d(15px,0,0);
    transition: .3s;
    background: #4667f0;
    width: 30px;
    height: 30px;
    text-align: center;
}


.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-5a .program .card:hover .jump svg,
.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-6a .program .card:hover .jump svg{
    width: 10px;
    height: 30px;
    margin-left: 3px;
}


.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-5a .program .card .card-title .logo-img,
.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-6a .program .card .card-title .logo-img{
    background: none;
    position: absolute;
    right: 0;
    bottom: 5px;
}


.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-5a .program .card .card-title,
.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-6a .program .card .card-title{
    font-size: 17px;
}


.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-5a .program .card .card-title .logo-img img,
.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-6a .program .card .card-title .logo-img img{
    width: 40px;
    height: 40px;
    opacity: 0.2;
    border-radius: 50px;
}


.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-5a .program .card .card-title .card-title-buff,
.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-6a .program .card .card-title .card-title-buff{
    margin-right: 0;
}


.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-5a .program .card .card-title .card-title-buff div,
.row.io-mx-n2 .io-px-2[class*="col-"][class*="col-sm-"][class*="col-md-"][class*="col-lg-"][class*="col-xl-"].col-xxl-6a .program .card .card-title .card-title-buff div{
    padding: 0 3px 0 3px;
}

.program .card:hover .jump {
    opacity: 1;
    transform: translate3d(15px,0,0);
    -webkit-transform: translate3d(15px,0,0);
    transition: .3s;
    background: #535353;
    width: 40px;
    height: 40px;
    text-align: center;
}

.program .card {
    border: 1px solid #dddddd5c;
    border-radius: 12.8px;
    padding: 16px;
    position: relative;
    overflow: hidden;
}

.program .card .card-title {
    font-size: 19px;
    line-height: 30px;
    color: #262d3d;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.program .card .card-title .title-pro {
    font-weight: 500;
}

.program .card .card-title .title-pro .badge.vc-red.text-ss {
    position: absolute;
    left: -15px;
    top: 5px;
    z-index: 1;
    transform: rotate(-45deg);
    padding: 4px 18px;
    font-size:10px!important;
	line-height: 8px;
    background: linear-gradient(45deg, #e2b623, #fde48e);
	color:#000000;
    box-shadow: 0 2px 10px rgba(252, 204, 40, 0.2);
	border:none!important;
    border-radius:0;
}

.program .card .card-title .title-pro .badge.vc-red.text-ss-new {
    position: absolute;
    left: -19px;
    top: 67px;
    border-radius: 3px;
    background: rgb(0 78 255 / 0.7);
    z-index: 1;
    transform: rotate(40deg);
    width: 50px;
    height: 30px;
    padding: 0px;
    color: #e7eeff;
}

.program .card .card-title .card-title-buff {
    margin-left: 4px;
    transform: translate(0%, 0%) rotate(0deg) skew(350deg);
    border-radius:5px;
    line-height: 20px;
    margin-right: 20px;
    white-space: nowrap;
}

.program .card .card-title .card-title-buff div {
    background: #eff1f5;
    padding: 0 5px 0 5px;
    border-radius:5px;
    font-size: 12px;
    color:#78849e;
}

.program .card .card-title .logo-img {
    margin-right: 6px;
    background: #b7b7b740;
    border-radius: 6px;
    border: 3px solid transparent;
}

.program .card .card-title img {
    width: 25px;
    height: 25px;
    margin-left: 0;
    float: left;
    border-radius:5px;
}

.program .card .card-title img {
    vertical-align: bottom;
}

.program .card .card-title .logo-tip {
    float: left;
    margin-top: 4px;
}

.logo-tip {
    height: 24px;
}

.program .card .card-tip {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #262d3dad;
    margin-top: 2px;
}

.program .card .jump {
    opacity: 0;
    position: absolute;
    right: 30px;
    border-radius:10px;
}

.program .card .jump path {
    fill: #FFF;
}

.io-black-mode .backfill {
    background: #181a1c;
    border: none;
}

.io-black-mode .backfill:hover {
    box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, .2);
}

.io-black-mode .backfill .card-title {
    color: #c6c9cf;
}

.io-black-mode .backfill .card-tip {
    color: rgb(195 195 195 / 88%);
}

.io-black-mode .backfill .card-title .card-title-buff div {
    background: #3f3f3f;
    color: #c3ccdf;
}

/*右下角按钮美化【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】*/
div#footer-tools {
    bottom: 80px;
    background: rgb(255 255 255);
    border-radius: 120px;
    z-index: 999;
    border: 1px solid #abb7ec4f;
}
/* 移动端样式 */
@media (max-width: 767px) {
div#footer-tools {
bottom: 70px;
border: none; /* 将边框设置为隐藏 */
}
}
/* 深色模式下的样式 */
.io-black-mode div#footer-tools {
    background: rgb(0 0 0 / 90%);
    border-radius: 120px;
    border: 1px solid #2c2e2f
}
#footer-tools .btn {
    color: #555;
    background: rgb(255 255 255);
    width: 40px;
    height: 40px;
    font-size: 1rem;
    text-align: center;
    line-height: 40px;
    padding: unset;
    display: block;
    border: unset;
    border-radius: 50%!important;
}
/* 在PC端的屏幕尺寸上显示哔哩哔哩返回顶部小火箭【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】*/
@media (min-width: 768px) {
.starto-top {
    position: fixed;
    display: none;
    bottom: 222px;
    right: 4px;
    width: 62px;
    height: 85px;
    cursor: pointer;
    background-image: url(https://www.star8.cn/img/bilibiliup.webp);
    background-position: -40px -44px;
    transition: transform 0.3s ease-in;
    transform: scale(0.85);
    z-index: 999;
}
.starto-top:hover {
            animation: up-top .4s steps(1) infinite;
        }
.starto-top.fly {
    transform: translateY(-1000px);
}
@keyframes up-top{
    0% {
                background-position-x: -40px;
    }
    16.5% {
                background-position-x: -183px;
    }
    33% {
                background-position-x: -326px;
    }
    49.5% {
                background-position-x: -469px;
    }
    66% {
                background-position-x: -612px;
    }
    82.5% {
                background-position-x: -755px;
    }
    100% {
                background-position-x: -40px;
    }
}
}

/* PC端大搜索框颜色美化 【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】*/
/*logo与搜索框左右布局居中并显示在最上层*/
#resize-container {
    position: relative;
    max-width:1920px;
    margin:0 auto;
    z-index: 1000;
}
@media (min-width: 768px) {
	#resize-container {
	display: flex;
	justify-content: center;
	gap:50px;
	align-items: center;
	flex-wrap: wrap;
}
	.s-search{
	width:700px;
	}
	.logo-search-up .light,
	.logo-search-up .dark{
	margin-top:25px
	}
	.bulletin-big.mx-3.mx-md-0{
     flex-basis: 100%;
     margin-top: -50px;
}
}

/*logo与搜索框左右布局居中并显示在最上层*/

/* 大搜索框边框圆角触摸变色*/
#search-text {   
    box-shadow: 0px 0px 0px 3px #ffffff!important;
    border:none!important;
 }
#search button {
    border-radius: 9px!important;
}
#btn_search:hover{
    background: linear-gradient(-45deg, #fccb24, #fde48e)!important
}
.io-black-mode #search-text {   
    box-shadow: 0px 0px 0px 3px #2c2e2f!important;
 }
/* 大搜索框边框圆角触摸变色*/


/*搜索框上移*/ 
.header-big #search-text {
 margin-top: 6px;
 margin-bottom:2px
}
.modal-body #search{
  max-width: initial;
  position: initial;
  left: initial;
}
.user-bookmark-body #search{
  position: initial;
  left: initial;
}/* mini书签页搜索框不生效 */



/*屏幕大于768px搜索框上下文字样式*/ 
@media (min-width: 768px) {
/*搜索框上方文字*/ 
    .header-big .s-type-list label span {
        padding: 4px 12px;
        background: #adadad60;
        backdrop-filter: blur(14px);
        color: #ffffff;
        transform: skew(-13deg);
        border-radius: 6px;
        margin: 5px 5px 0px 8px;
        font-size: 14px;
        border: 1px solid #ffffff85;
    }
    .header-big .s-type-list label:hover span{
        background:#fff!important;
        color: #274eee
    }
    .io-black-mode .header-big .s-type-list label span {
        background: #2c2e2f;
        color: #ffffff;
    }
    .io-black-mode .header-big .s-type-list label:hover span{
        background:#1b1d1f!important;
        color: #ffffff
    }
    .s-type-list.big.tab-auto-scrollbar.overflow-x-auto {
        text-align: left;
     }

/*搜索框下方文字*/ 
    .header-big .s-search.mx-auto .text-muted {
        margin: 0px -10px 0px -10px;
        padding: 3px 10px;
        background: #adadad60;
        backdrop-filter: blur(14px);
        border-radius: 6px;
        font-size: 14px;
        border: 1px solid #ffffff85;
    }
    .header-big .s-search.mx-auto .text-muted:hover {
        background: #ffffff;
        color:#274eee!important;
    }
    .io-black-mode .header-big .s-search.mx-auto .text-muted {
        background: #1b1d1f80;
        color:#ffffff
    }
    .io-black-mode .header-big .s-search.mx-auto .text-muted:hover {
        background: #1b1d1f80;
        color:#ffffff!important;
    }

    /* 搜索框上下文字选中状态变色 */
    .header-big .s-type-list label.active span {
        background: #fff;
        color: #4667f0;
        font-weight: 600;
    }
    .io-black-mode .header-big .s-type-list label.active span {
        background: #1b1d1f;
        color: #ffffff;
    }
    .header-big .search-type input:checked+label span {
        background: #fff!important;
        color: #4667f0!important;
        font-weight: 600;
    }
    .io-black-mode .header-big .search-type input:checked+label span {
        background: #1b1d1f!important;
        color: #ffffff!important;
    }
    }


/* 移动端大搜索框文字加粗 【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】*/
@media (max-width: 768px) {
 /*选择上方导航条改色*/ 
    .header-big:not(.no-bg) .s-type-list .anchor {
        background: linear-gradient(to right, #fff, #fff);
        bottom: 10px;
    }
    /*搜索框上方文字*/ 
    .header-big .s-type-list label span {
        color: #fff;
        font-weight: 900;
        font-size: 17px;
    }
    /*搜索框下方文字*/ 
    .header-big:not(.no-bg) .text-muted, .header-big:not(.no-bg) .search-type .menu-item a, .header-big:not(.no-bg) .big-title .h1 {
        color: #fff!important;
        font-weight: 600;
    }
    .s-search {
    top: -0.4rem;
    }
	.header-big #search-text {
	 margin-top: 0;
	}
}
/* 移动端隐藏logo元素 */
@media (max-width: 979px) {
  .logo-search-up,
  .logo-search-up{
    display: none; 
  }
}

/* 首页tab模块美化 【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】*/
    .tab-widget-content .widget-item .icon-btn .img-bg {
        width: 60px;
        height: 60px;
        box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 30%);
    }
    @media (max-width: 768px) {
    .tab-widget-content .widget-item .icon-btn .img-bg {
        width: 50px;
        height: 50px;
        box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 30%);
    }
    }
    .io-black-mode .tab-widget-content .widget-item .icon-btn .img-bg {
        box-shadow: none;
    }    /* 黑暗模式时取消阴影 */
    .icon-btn .img-bg {
        width: 60px;
        height: 60px;
        padding: 6px;
    } 

    .rounded-circle {
        border-radius: 100%!important;
    }
    
/*数据评估美化【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】*/
.panel.site-content.sites-default-content{
    background: #f5f7fa!important;
    border-radius: 6px
}
.io-black-mode .panel.site-content.sites-default-content {
    background: #28292a!important
}

/*文章页面优化【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】【新增】*/
.page h1,.page h2,.page h3 {
    font-weight: 500
}
.panel-body ul li,.panel-body ol li {
    padding-left: 3px;
    text-align: justify;
    font-size: 15px
}
.panel-body ul li::marker,.panel-body ol li::marker {
    color: #4667f0;
    font-weight: 700;
    font-size: 14px
}
/* 给所有H标签添加伪元素样式 */
/* H1, H2 的样式 */
#wangzhijieshao h1::before,
#wangzhijieshao h2::before {
    content: ''; /* 空内容用于伪元素 */
    display: inline-block; /* 伪元素为内联块 */
    width: 18px; /* 总宽度为三个长方形的宽度总和 */
    height: 16px; /* 长方形高度 */
    background: linear-gradient(
        to right,
        rgb(252, 202, 30) 0%,
        rgb(252, 202, 30, 0.75) 50%,
        rgb(252, 202, 30, 0.3) 100%
    ); /* 线性渐变实现三个长方形效果 */
    margin-right: 6px; /* 与文字的间距 */
    border-radius: 2px; /* 圆角处理 */
    vertical-align: baseline; /* 保持基线对齐 */
    transform: skewX(-16deg); /* 倾斜效果 */
    position: relative; /* 使用相对定位向下移动2像素 */
    top: 1px; /* 向下移动 2px */
}
/* H3, H4 的样式 */
#wangzhijieshao h3::before,
#wangzhijieshao h4::before {
    content: ''; /* 空内容用于伪元素 */
    position: relative; /* 相对定位 */
    display: inline-block; /* 伪元素为内联块 */
    width: 14px; /* 主圆形直径 */
    height: 14px; /* 主圆形直径 */
    background-color: #274eee; /* 蓝色主圆形 */
    border-radius: 50%; /* 圆形 */
    margin-right: 12px; /* 与文字的间距 */
    box-shadow: 7px 0 0 -1px #fcca1ecc; /* 小圆形使用偏移 + 半径设置 */
}
/* 调整所有标题的文字样式 */
#wangzhijieshao h1,
#wangzhijieshao h2,
#wangzhijieshao h3,
#wangzhijieshao h4 {
    font-weight: bold; /* 加粗文字 */
    color: #333; /* 标题文字颜色 */
    margin-bottom: 1rem; /* 间距 */
    padding-left: 0; /* 去除默认内边距 */
    border-color: transparent; /* 边框颜色设置为透明 */
}
@media (max-width: 768px) {
    #wangzhijieshao ol,
    #wangzhijieshao ul{
        padding-left:25px
    }
}