/*
Theme Name:OneNav
Theme URI:https://www.iotheme.cn
Description:一导航， 集网址、资源、资讯于一体的导航主题。 官网：<a href="https://www.iotheme.cn">一主题</a>
Version: 5.23
Tags: 网址导航, 资源导航, 资讯导航, 一主题, 一导航
Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 7.4
Author:一为
Author URI: https://www.iowen.cn/
License URI: https://www.iotheme.cn/disclaimer
Text Domain: i_theme
Domain Path: /languages
*/

/*
修改腾讯验证码新的接口地址
TODO 书签归档页
TODO 网站 app 书籍 归档页  
TODO 个人标签页网址增加选项卡切换模式
*/

#iow_big_posts_max-5 .text-center,#iow_big_posts_max-3 .text-center{
	display:none;
}
#iow_big_posts_max-3{
	margin-bottom:15px;
}
#iow_big_posts_max-5 .mb-3,#iow_big_posts_max-3 .mb-3{
	margin-bottom:10px!important;
}
#iow_big_posts_max-5 .posts-item{

}
#iow_big_posts_max-3 .posts-item {

	
}
.posts-item.sites-item .item-image{
	background:var(--main-bg-color);
}

        
    
:root{
	--theme-niu:#F4606894;
	--theme-xin:#6BB0FFC4;
}
.io-black-mode{
	--theme-niu:#FF757C68;
	--theme-xin:#6BB0FF64;
}
/**首页横幅**/

.hengfu-left{
	flex:1;
	background: linear-gradient(to right ,  #fff0,#ADE1CC29);
	height:40px;
	line-height:40px;
	font-family: 钉钉进步体;
	color:#466c5dab;
	overflow: hidden;
	display:flex;
	justify-content: center;
		white-space: nowrap; /* 不换行 */
            font-size: 1.2vw; /* 使用视口宽度单位 */

            transition: font-size 0.3s; /* 动态变化效果 */
            overflow: hidden; /* 隐藏超出部分 */
}

@font-face {
  font-family: "钉钉进步体 Regular";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/z33yTNXl7NiB/NIl95Wtlmxgn.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/z33yTNXl7NiB/NWYRie5Fqsdx.woff") format("woff");
  font-display: swap;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "阿里妈妈灵动体 VF Thin";src: url("//at.alicdn.com/wf/webfont/z33yTNXl7NiB/xwb59fAcw4BA.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/z33yTNXl7NiB/qQAogQxg0BL9.woff") format("woff");
  font-display: swap;
}
.hengfu-right{
	flex:1;
	height:40px;
	line-height:40px;
	font-family: 钉钉进步体;
	color:#466c5dab;
	text-align:center;
	overflow: hidden;
	background: linear-gradient(to right ,#ADE1CC29,  #fff0);
}
.io-black-mode .hengfu-right{
	background: linear-gradient(to right ,#496d803b,  #fff0);
	color:#648ea4aa;
}
.io-black-mode .hengfu-left{
	background: linear-gradient(to right ,  #fff0,#496d803b);
	color:#648ea4aa;
}
.io-black-mode .hengfu{
	border:1px solid #496d803b;
}
.hengfu-right span{
	white-space: nowrap; /* 不换行 */
            font-size: 1.2vw; /* 使用视口宽度单位 */

            transition: font-size 0.3s; /* 动态变化效果 */
            overflow: hidden; /* 隐藏超出部分 */
}
.hengfu{
	width:100%;
	border-radius:8px;
	display:flex;
	overflow: hidden;
	border:1px solid #ADE1CC40;
	
}
@media (max-width: 900px){
	.hengfu{
		flex-direction: column;
	}
	.hengfu-right span{

            font-size: 2.5vw; /* 使用视口宽度单位 */
}
	.hengfu-left{
		font-size: 2.3vw; /* 使用视口宽度单位 */
	}
}
@media (max-width: 500px){
	.hengfu{
		flex-direction: column;
	}
	.hengfu-right span{

            font-size: 2.5vw; /* 使用视口宽度单位 */
}
	.hengfu-left , .hengfu-right{
		font-size: 2.5vw; /* 使用视口宽度单位 */
		height:30px;
		line-height:30px;
	}
	.hengfu{
		height:60px;
	}
}
/**首页横幅**/

/**置顶角标**/
.vc-j-red{
	position:absolute;
	top: 0px;
  left: 0px;
	background: #ffcece;
  color: #FF505A;
	z-index:;
	border-radius: 8px 0.1em;
	
}
.vc-j-purple{
	position: absolute;
  bottom: 0px;
  right: -4px;
  background: #d4efff;
  color: #5EB3FF;
  border-radius: 8px 0.1em;
}

.io-black-mode .vc-j-red{
	background: rgba(249,100,90,.15);
  color: #ff6771;
	
}
.io-black-mode  .vc-j-purple{

  background: rgba(32,158,255,.15);
  color:#0085e8;

}

/**置顶角标**/

/**网站详情**/
 .mb-md-5{
	padding: 15px;
  background: #fff;
  border-radius: 10px;
	 position:relative;
}
.mt-3 .text-height-xs{
	font-size:0.675em;
color:var(--muted-color);
	background:rgba(255,110,6,0);
}
.mt-3 .text-height-xs:hover{
	font-size:0.675em;
color:var(--muted-color);
	background:rgba(174, 174, 174, 0.2);
}
.io-black-mode  .mb-md-5{
	background:#2D2E2F;
}
.sites-preview .site-img img{
	width:100%;
}
.sites-preview .preview-body{
	background: linear-gradient(45deg, #f0f0f0, #fff0);
}
.io-black-mode .sites-preview .preview-body {
	background: linear-gradient(45deg, #1B1D1F, #fff0);
}
.mt-2 .site-go{
	background: linear-gradient(45deg, #f0f0f0, #fff0);
	padding:10px;
	border-radius:10px;
}
.io-black-mode .mt-2 .site-go {
	background: linear-gradient(45deg, #1B1D1F, #fff0);
}
.posts-like .btn:not(:disabled):not(.disabled){
	border-radius:0 10px 0 10px;
}
.posts-like{
	position: absolute;
  top: 0px;
  right: 0px;
  z-index: 99;
}
.flex-wrap .flex-fill{
	display:flex;
}
.io-black-mode .img-xiangqing{
	background:#1B1D1F;
}
.img-xiangqing{
	margin-right:15px;
	background:#f1f1f180;
	padding:10px;
	border-radius:10px;
	height:70px;
}
.img-xiangqing img{
	max-width:none;
	max-height:none;
	border-radius:8px;
}
.io-black-mode .flex-wrap {
	box-shadow:0 26px 40px -30px rgba(0, 0, 0, 0.48);
}
.flex-wrap{
	flex-wrap:nowrap !important;
	box-shadow: 0 26px 40px -30px rgba(0,36,100,0.3);
  margin: -10px;
    margin-bottom: -10px;
  padding: 10px 10px 0px 10px;
}
.mb-4 .h3{
	font-weight:bold;
	margin-bottom:.2rem !important;
}
.mb-4 p{
	color:var(--muted-color);
}
.sites-shuju{
	display:flex;
	align-items: center;
	background:var(--main-blur-bg-color);
	padding: 5px 10px;
  border-radius: 10px;
}
.sites-shuju .table-div{
	display:flex;
}
@media (max-width: 1040px){
	.sites-shuju{
	display:block;
}
}
/**网站详情**/

/**搜索框**/
.mb-4 .content{
	margin-top:-1rem!important;
}
/**搜索框**/

/**首页网址块样式**/
.show-card .posts-item{
	border:1px solid #ececec8c;
	box-shadow:none;
}
.io-black-mode .show-card .posts-item{
	border:1px solid #ffffff18;
	box-shadow:none;
}
.show-card .posts-item:hover{
	border:1px solid #12121252;
	
}
.io-black-mode .show-card .posts-item:hover{
	border:1px solid #ffffff90;
	box-shadow:none;
}
.sites-item:not(.style-sites-max) .togo{
	right:15px;
	top:15%;
}
.posts-item.sites-item:hover .item-media img {
	transform: scale(1);
}
.posts-item.sites-item:hover .blur-img-bg {
  transform: scale(0.9);
}
/**首页网址块样式**/

/**首页TAB圆角**/
.slider-tab .anchor{
	border-radius:6px;
}
.slider-tab .tab-item{
	border-radius:6px;
}
.slider-tab{
	border-radius:8px;
}
/**首页TAB圆角**/

/**侧边栏 顶栏样式**/
.header-fixed{
	margin:-8px;
	padding:8px;
}
.header-nav{
	border-radius:0;
}
.shadow{
	box-shadow:none;
}
.blur-img-bg{
	width: 100%;
  height: 100%;
  left:0 ;
  top:0 ;
}
.aside-card{
	background-color:#F2F4F7!important;
	border:1.3px solid #ffffff;
}
.io-black-mode .aside-card{
	background-color:#2D2E2F80!important;
	border:1.3px solid #ffffff30;
}
/**侧边栏 顶栏样式**/

.mt-4 .mt-2 .mt-3{
  background: linear-gradient(to right, #f4f4f4, #fff0);
	padding:10px 0 0 10px;
	border-radius:8px;
}

.site-body .site-go .mr-2:hover{
	background:rgb(219 234 254 / var(--tw-bg-opacity, 1));
	color:rgb(37 99 235 / var(--tw-text-opacity, 1));
	border:1px solid
}
.io-black-mode .mt-4 .mt-2 .mt-3{
	background: linear-gradient(to right, #424242, #42424200);
}
.col-lg-3{
	display: flex;
  flex-direction: column;
  justify-content: center;
}
.io-black-mode header .blur-bg {
  background: #0000 !important;
}
/*文字扫光*/
 .scan-effect {
   background: -webkit-linear-gradient(135deg, #ffffff60, #ffffff60 25%, #ffffff60 50%, #ffffffbd 55%, #ffffff60 60%, #ffffff60 80%, #ffffff60 95%, #ffffff60);
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
   -moz-background-clip: text;
   -o-background-clip: text;
   background-clip: text;
   -webkit-background-size: 200% 100%;
   -moz-background-size: 200% 100%;
   -o-background-size: 200% 100%;
   background-size: 200% 100%;
   -webkit-animation: gf-gx 5s infinite linear;
   -moz-animation: gf-gx 5s infinite linear;
   -o-animation: gf-gx 5s infinite linear;
   animation: gf-gx 5s infinite linear;
 }

 @keyframes gf-gx {
   0% {
     /* 移动背景位置 */
     background-position: 0 0;
   }

   100% {
     background-position: -400% 0;
   }
 }
/*文字扫光*/





/*每日推荐图标*/
@media (min-width: 1400px){
	.col-xxl-10a{
		max-width:16.666666667%;
		flex: 0 0 16.666666667%;
	}
}
.url-card a.card{
	border-radius:8px;
	
}
.url-card .mini .card-body{
	
	padding: 0.6rem 0.8rem;
	color:#de4f51;
	
}
.io-black-mode .url-card .mini .card-body{
	
	padding: 0.6rem 0.8rem;
	color:#dd5d5fe5;
	
}
.row-sm .url-card a.card{
	border: 1px solid #de4f5147;
  transition: .5s;
  background-image: linear-gradient(335deg, #FFF 30%, #FFE9E98F 100%);
	transition:.3s;
}
.row-sm .url-card a.card:hover{
	border:1px solid #de4f51;
	transition:.3s;
}
.url-card .mini .url-img{
	width:30px;
	height:30px;
	
}
.url-card .mini a.togo{
	top:10px;
}

.io-black-mode .row-sm .url-card a.card{
	border: 1px solid #8c444547;
  transition: .5s;
  background-image: linear-gradient(335deg, #2C2E2F 30%, #E1797933 100%);
	
	
}
.io-black-mode .row-sm .url-card a.card:hover{
	border: 1px solid #8c4445;
  transition: .3s;
	
	
}





/*底部收藏 */
@media (max-width: 780px){
	.ctrld{
		display:none;
	}
	}
.io-black-mode .ctrld {
	background:#2c2e2f;
	box-shadow:none;
}
.ctrld {
    text-align: center;
    height: auto;
    font-size: 16px;
    font-weight: 700;
    position: relative;
		padding: 1.5rem!important;
	
	background:#ffffff;
	border-radius: 8px !important;

	transition: background-color .3s;
}
.ctrld-main {
    position: relative;
    z-index: 2;
}
.ctrld-pc {
    display: inline-block;
}
.ctrld-pc span:first-child {
    margin-left: 15px;
}
.ctrld-pc span {
    position: relative;
    color: #030405;
    border: 1px solid silver;
    border-radius: 3px;
    height: 3em;
    width: 3em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background-image: linear-gradient(#f5f5f5, #fff);
    margin: auto;
}
.ctrld-pc span::before {
    content: '';
    box-sizing: content-box;
    position: absolute;
    border: 2px solid rgba(240,240,240,0.9);
    border-top: 1px solid rgba(240,240,240,0.9);
    border-bottom: 7px solid rgba(240,240,240,0.9);
    border-radius: 3px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.1);
}
.ctrld-pc em {
    padding: 0 5px;
}
em, i {
    font-style: normal;
}
.ctrld-pc span:last-child {
    margin-right: 15px;
}
.ctrld-main>span {
    color: #2e6ce2;
    margin: 0 5px;
}


/*每日推荐和最新网址tab*/
.slider_menu[sliderTab]{
	border-radius:6px;
	background: rgb(0 0 0 / 0%);
	
}
.io-black-mode .flex-fill .customize-menu{
	background-color:#2c2e2f;
	transition: background-color .3s;
}
.io-black-mode .slider-menu-father{
	background-color:#2c2e2f;
	transition: background-color .3s;
}
.flex-fill .customize-menu{
	background:#fff;
	padding:3px;
	border-radius:5px;
	background-color:#e9e9e99c;
	}
.customize-menu .btn-edit{
	border-radius:5px;
	margin-right:3px;
}
.slider_menu[sliderTab]>.menu>li{
	border-radius:6px;
}
.slider-menu-father{
	background:#fff;
	padding:3px;
	border-radius:5px;
	background-color:#e9e9e99c;
}

/*跳舞和淘宝和横屏*/
.io-black-mode .shipin{
	 background-color: #2c2e2f;
	color:#ffffff;
	box-shadow:none;
}
.io-black-mode .anniu{
	 background-color: #2c2e2f;
	color:#ffffff;
	box-shadow:none;
}
.io-black-mode .tishi{
	 background-color: #2c2e2f;
	color:#ffffff;
	box-shadow:none;
}
.io-black-mode .shouji{
	border: 10px solid #2c2e2f;
	box-shadow:none;
}
.io-black-mode #qiehuan1{
	    background-color: #2c2e2f;
	color:#ffffff;
	border: 1px solid #ffffff80;
}
/*跳舞和淘宝和横屏*/

/*排行榜角标*/
.hot[data-v-17c467a1]{
	position: absolute;
    top: 0px;
    left: calc(4em + 3px);
    display: inline-block;
    padding: 1px 4px;
    background: linear-gradient(90deg,#f91821,#ff722e);
    border-radius: 6px 6px 6px 0;
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    color: #fff;
}
.hot[data-v-17c467a1]:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    content: " ";
    display: inline-block;
    width: 4px;
    height: 3px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSIzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDJWMGg0TC44IDIuNEEuNS41IDAgMDEwIDJ6IiBmaWxsPSIjRkExRTIyIi8+PC9zdmc+) no-repeat 0;
}
.new[data-v-17c467a1] {
    position: absolute;
    top: -4px;
    left: calc(5em + 6px);
    display: inline-block;
    padding: 1px 4px;
    background: linear-gradient(90deg,#547EF6,#79A9F9);
    border-radius: 6px 6px 6px 0;
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    color: #fff;
}
.new[data-v-17c467a1]:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    content: " ";
    display: inline-block;
    width: 4px;
    height: 3px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSIzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDJWMGg0TC44IDIuNEEuNS41IDAgMDEwIDJ6IiBmaWxsPSIjNUY3RkVFIi8+PC9zdmc+) no-repeat 0;
}
/*排行榜角标*/

/*网站跳转*/
.url-card .default a.togo{
	top:0px;
	opacity:.1;
}