/*
Theme Name: voe child
Template: voe
*/
@import url("../voe/style.css");


/* 网站电脑端与移动端设置一致性宽度3.20  */

/* 移除侧边栏后，主内容区域全宽显示 */
.site-content {
    width: 100% !important;
    float: none !important;
}

.widget-area {
    display: none !important;
}

/* 确保页面布局在所有设备上都一致 */
@media screen and (min-width: 600px) {
    .site-content {
        width: 100% !important;
        float: none !important;
    }
    .widget-area {
        display: none !important;
    }
}

@media screen and (min-width: 960px) {
    .site-content {
        width: 100% !important;
        float: none !important;
    }
    .widget-area {
        display: none !important;
    }
}

/* 强制所有设备使用手机端样式 */
@media screen and (min-width: 0px) {
    /* 这里可以添加手机端的样式 */
    /* 例如，调整字体大小、边距等 */
    body {
        font-size: 14px;
    }
    .site {
        padding: 0 10px;
    }
}

/* 网站电脑端与移动端设置一致性宽度3.20 */




/* 电脑端网站网页整体宽度 */
.site {
		margin: 0 auto;
		/* max-width: 960px; */
		max-width: 42rem;
		overflow: hidden;
}

/* 网页头部和底部间距(此处是“网站内框架顶部”与“外框架顶部”距离设置为0，底部也是如此，暂停用。) */
 body .site {
     margin-top: 0;
     margin-bottom: 0;
	 background: -webkit-linear-gradient(left, #d8f2ff, #e8c9ff);
	 border-radius: 0px;
 }

body {
    font-size: 15px;
    font-size: 1.15rem;
    font-family: Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    color: #444;
}




/* 文章详情页图片统一自动调整宽度315，高度自适应 */
.post-content img {
    width: 315px;
    height: auto;
    display: block;
}



/* 首页与分类页图片自动调整为315x315 */
.entry-summary img,
.post_excerpt img {
    display: block;
	width: 95%;
	/* width: 85%; */
    height: 70%;
	height: 30vh; /* 保持图片比例并裁剪 */
	 /* height: 40vh; */
    object-fit: cover; /* 保持图片比例并裁剪 */
}

/* 首页与分类页摘要图片居中 */
.entry-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
	width: 95%;
	/* width: 85%; */
    height: 70%;
    /* height: 40vh; */
    object-fit: cover;
}

/* 内容框架白色背景/彩色半透明背景 */
.site {
    padding: 0 24px;
    padding: 0 1.714285714rem;
    background-color: #ffffff5e;
}

/* 头部添加搜索框 */
 .header-search {
     float: right;
     margin-top: -50px;
 }

/* 以下3段css代码为网站顶部Logo下计算与其它 */
.relation-stat {
     margin-top: 0px;
    background-color: #f3f9ff;
    padding: 0px;
}

.relation-stat .stat-item .num {
    display: inline-block;
    margin-right: 4px;
    font-size: 16px;
    font-weight: 700;
    font-family: ByteNumber-center;
    line-height: 28px;
    color: #E91E63;
}

.relation-stat .stat-item {
    display: inline-block;
    border: none;
    margin-right: 1px;	
    font-size: 14px;
    line-height: 24px;
    color: #505050;
    background: none;
    cursor: pointer;
}
/* 以上3段css代码为网站顶部Logo下计算与其它 */

/* 导航菜单文字——增大 */
.main-navigation li {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 15px;
    font-size: 1.1rem;
    line-height: 1.42857143;
}

/* 菜单设置 */
.main-navigation li a, .main-navigation li {
    /* display: inline-block; */
    text-decoration: none;
    font-weight: bold;
}







/* 首页文章标题文字字体增大 */
.entry-header .entry-title {
    font-size: 22px;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: normal;
	text-align: justify;
	word-break:break-all;	
} 


/* 首页文章标题文字字体颜色*/
a {
    outline: none;
    color: #005b86;
}

/* 文章文字-左右对齐 */
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    text-align: justify;
	word-break:break-all;
}

/* 首页发表日志内文文字字体增大 */
article.format-aside p {
    font-size: 15px;
    font-size: 1.15rem;
    line-height: 1.846153846;
    color: #4a5466;
}	

/* 首页状态作者名字文字字体增粗 */
.format-status .entry-header h1 {
    font-weight: bold;
}

/* 首页日志作者头像圆形 */
.comments-area article header img {
    border-radius: 50%;
}

/* 文章文字展开/收缩阅读全文-居中 */
.xControl  {
    text-align: center;
}

/* 右侧栏标题文字字体增粗 */
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
    font-size: 15px;
    font-size: 1.15rem;
}

/* 首页与详情页一行三图——去除装饰渐变线 */
#gallery-1 img {
    border: 0px solid #cfcfcf00;
}

/* 首页与详情页一行三图——去除装饰边线 */
.gallery .gallery-icon img {
	max-width: 100%;
    padding: 0%;
}


/* 首页标题下的“日期”与“发表评论”——缩小与文章标题的上行距 */
.entry-header .comments-link {
    margin-top: 1.14285714rem;
}


/* 首页与详情页标题下的“发表评论”——增粗 */
.comments-link a, .entry-meta a {
    color: #7c7c7c;
    font-weight: bold;
}

/* 评论者头像圆形 */
.format-status .entry-header img {
    border-radius: 50%;
}

/* 评论者名字文字字体增粗 */
.comments-area cite b {
font-weight: bold;
}

/* “评论者头像/名字/发表日期”与“评论文字”间距缩小 */
.comments-area article header {
    margin-bottom: 1rem;
}

.comments-area article header cite, .comments-area article header time {
    margin-left: 49px;
    margin-left: 3.5rem;
}


/* 首页与分类页特色图片 */
.img {
	border: 0;
	-ms-interpolation-mode: bicubic;
    -ms-interpolation-mode: bicubic;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 10px 59px 0 rgb(80 106 172 / 30%);
    margin-top: 1.00em;
    margin-bottom: 1.75em;
    display: block;
    margin-left: auto;
    margin-right: auto;
} 



/* 页脚设置 */
 footer[role="contentinfo"] {
     margin: 24px 0 0 0;
     text-align: left;
     max-width: 1190px;
     max-width: 85rem;
     font-size: 13px;
     padding: 28px 0 28px 0;
	 text-align: center;
 }

/* 分页导航样式(共5段css代码) */
.posts-nav {
    font-size:14px;
    color:rgba(0, 0, 0, 0.44);
    padding:10px 0;
	margin:0 auto;
	text-align:center;
}
.posts-nav .page-numbers {
    border-radius:3px;
    border:1px solid rgba(0, 0, 0, 0.15);
    display:inline-block;
    text-align:center;
    width:30px;
    line-height:30px;
    margin:0 5px;
	border-radius: 15%;
}
.posts-nav .page-numbers.current, .posts-nav .page-numbers:not(.dots):hover {
    background:#3b5998;
    border-color:#3b5998;
    color:#fff;
}
.posts-nav .page-numbers.dots {
    border-color:rgba(0, 0, 0, 0);
}
a.prev.page-numbers, a.next.page-numbers {
	border-radius:3px;
    border:1px solid rgba(0, 0, 0, 0.15);
    display:inline-block;
    text-align:center;
    width:70px;
    line-height:30px;
    margin:0 5px;
	margin-bottom:15px;
}
/* 以上为分页导航样式(共5段css代码) */


/* 单篇文章页文章下的“上一篇和下一篇”样式修改 */
.site-content nav {
	padding: 16px;
	background-color: #e0e5ff;
}

/* 移动端菜单按钮 */
.main-navigation ul.nav-menu.toggled-on, .menu-toggle {
    color: #7c7c7c;
    background-color: #ffffff00;
    background-repeat: repeat-x;
    border: 1px solid #f3f3f373;
    box-shadow: 0 1px 1px #005d8e;
	background-image: linear-gradient(to bottom, #a0e2ff00, #007eb700);
    border-radius: 4.5px;
    padding: 6px 20px;
    line-height: 0.823;
}

/* 点击移动端菜单二层按钮 */
.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
    color: #757575;
    background-color: #e1e1e100;
    background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #ebebeb00, #e1e1e100);
	border-color: transparent;
	box-shadow: 0 1px 2px #005d8e;
}

/* 移动端菜单文字增大 */
.main-navigation ul.nav-menu.toggled-on, .menu-toggle {
    font-size: 12px;
    font-size: 1rem;
}

/* 文章详情页文章尾部——自动添加作者简介文字（暂无）
.single-credit {
    background-color: #ededed;
    border-radius: 3px;
    margin: 30px 0;
    font-size: 13px;
    line-height: 1.5;
    padding: 10px;
    border: 1px solid #eaeaea;
    color: #999;
}
 */


/*侧栏跟随*/
#box{float:right; position:relative;width: 280px}.div1{width: 280px;;}.div2{position:fixed;_position:absolute;top:0;z-index:250;}

/*侧栏跟随2
@media screen and (min-width: 768px)
.site-content {
    float: left;
    width: 67.104166667%; 
}*/

/*网站图片边线渐变色*/
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    /*background-color: #ffffff;*/
    border-radius: 6px;
    box-shadow: 0 10px 59px 0 rgba(80,106,172,0.3);
    margin-top: 1.75em;
    /*margin-bottom: 2.75em;*/
}


/*去除下横线(包括 登录以回复|页码数|文章底部日期|分类|作者名)*/
a {
    outline: none;
    color: #005b86;
    text-decoration: none;
}

/*文章与文章上下“间隔线”修改为纯白色*/
.site-content article {
    border-bottom: 2px double #fffbfb;
}

/*文章与文章上下“间隔线”修改为纯白色*/
.site-content article {
    border-bottom: 4px double #ededed;
    margin-bottom: 72px;
    margin-bottom: 4.142857143rem;
}

/*“当前页码”背景色修改为淡蓝色，框边线修改为纯白色*/
.posts-nav .page-numbers.current, .posts-nav .page-numbers:not(.dots):hover {
    background: #afe1ff;
    border-color: #ffffff;
    color: #fff;
}

/*“未选中页码”页码数字修改为黑色*/
a {
    outline: none;
    color: #444;
    text-decoration: none;
}

/*“未选中页码”页码背景修改为纯白半透明色，框边线修改为纯白色*/
.posts-nav .page-numbers {
    border-radius: 3px;
    border: 1px solid rgb(255 255 255);
    display: inline-block;
    text-align: center;
    width: 30px;
    line-height: 30px;
    margin: 0 5px;
    border-radius: 15%;
    background: #ffffff7a;
}

/*“下一页页码”框边线修改为纯白色*/
a.prev.page-numbers, a.next.page-numbers {
    border: 1px solid rgb(255 255 255);
}

/*网站底部间隔条颜色*/
footer[role="contentinfo"] {
    border-top: 2px solid #fffbfb;
    /* border-radius: 10px; */
}

/*登录后评论按钮*/
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span {
    /* padding: 6px 10px; */
    padding: 0.28571429rem 0.714285714rem;
    font-size: 11px;
    font-size: 1rem;
    line-height: 1.428571429;
    font-weight: normal;
    color: #494949;
    background-color: #ffffff;
    /* background-repeat: repeat-x; */
    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
    /* background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); */
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(to bottom, #ecefff, #c4d6ff);
    border: 1px solid #ffffff;
    border-radius: 15px;
    box-shadow: 0 1px 2px rgb(64 64 64 / 10%);
	 /* font-weight: bold; */
}

/*评论区作者“蓝色长方框”修改为淡橙色*/
.bypostauthor cite span {
    color: #696969;
    background-color: #ffe9c9;
    background-image: none;
    border: 1px solid #ffc774;
    border-radius: 20px;
    box-shadow: none;
    padding: 0;
}

/*隐藏登录后台界面的WP图标*/

/* 隐藏资料图片 */
#your-profile .user-profile-picture { 
    display: none !important; 
}

/* 隐藏Gravatar提示 */
#your-profile .gravatar-prompt {
    display: none !important;
}


/* 隐藏评论框上发表评论的电子邮件地址不会公开文字 */
.comment-notes {
    display: none;
}

/* 隐藏评论框下面的电子邮件地址和网站地址输入框 */
.comment-form-email,
.comment-form-url {
    display: none;
}

/* 隐藏评论框下面的勾选保存名称、邮箱和网址，以便下次评论时使用 */
.comment-form-cookies-consent {
    display: none;
}

/* 首页与列表页菜单与文章标题之间距离 */
.site-header {
    padding: 24px 0;
    padding: 0.6em 0;
}

/* 首页与列表页文章标题与文章标题之间距离 */
.site-content article {
    border-bottom: 2px double #f9f9f9;
    margin-bottom: 72px;
    margin-bottom: 2.842857143rem;
}







/* 显示二维码 */
/* 隐藏图片 */
 /* 隐藏图片 */
    #popup {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9999;
      background-color: white;
      padding: 20px;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

    /* 美化弹出框样式 */
    #popup img {
      max-width: 100%;
      max-height: 100%;
      border: 2px solid #333;
      box-shadow: none; /* 删除图片阴影 */
    }



/* 分享与阅读数设置同一行 */
 .inline-container {
    display: flex;
    align-items: center;
  }


/* 列表页“置顶-特色文章”文字设置 */
article.sticky .featured-post {
    /* border-top: 4px double #ededed; */
    /* border-bottom: 4px double #ededed; */
    color: #fc0909;
    /* font-size: 13px; */
    /* font-size: 0.928571429rem; */
    /* line-height: 3.692307692; */
    /* margin-bottom: 24px; */
    /* margin-bottom: 1.714285714rem; */
    /* text-align: center; */
}


/*————————————————— 以下为手机移动端CSS —————————————————*/

/* 头部搜索框-移动端-隐藏 */
@media (max-width: 768px) {
 .header-search {
     display: none;
 }
 }

/* 移动端-居中-网站顶部Logo下粉丝计数与其它 */
@media (max-width: 768px) {
.relation-stat {
	text-align: center;
}
}

/* 移动端内容框架分红蓝色背景渐变显示 */
@media (max-width: 768px){
.site {
    padding: 0 24px;
    padding: 0 1.714285714rem;
    background-color: #ffffff;
	background: -webkit-linear-gradient(left, #d8f2ff, #e8c9ff);
}
}

/* 移动端侧边栏隐藏 */
@media(max-width:768px){
.widget-area .widget{display:none;}
}
}


/* 移动端菜单隐藏(暂不采用)
@media(max-width:768px){
.menu-toggle{display:none;}
}
 */

/* 移动端首页与详情页标题下的“发表日期”、“作者”“发表评论”——文字居中 */
@media(max-width:768px){
.entry-header .comments-link {
    text-align: center;
}
}


}