/* 
	Theme Name: Peaful Child
	Theme URL: https://www.peaful.com
	Description: WordPress资源下载主题 子主题 你可以自由美化、二开
	Author: Peaful
	Author URI: http://www.peaful.com
	Template: peaful
	Version: 1.01
*/

/* updated by Peaful */
body{background-color:#f4f4f4;position:relative;margin-top:70px;font-size:15px;line-height:1.5;font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;color:#333}
.grids .grid .img{aspect-ratio: 1/1;height: auto}

.article-content table { table-layout: fixed;}
body.night a:hover, body a:hover, .rollbar h6, .rollbar h6:hover{color: var(--theme-color);}
.home .header:not(.scrolled) .nav-main a:hover,.home .header:not(.scrolled) .nav-right a:hover{color: #000 !important;}
.nav-main > li > a{padding:15px 13px 13px;}
.nav-right, .nav-main{margin-top:9px;}
.nav-right .nav-search{padding:4px 3px;}
.nav-right .nav-login a{padding: 6px 6.5px;}
.nav-right .nav-login.no{padding:9px 0 7px 6.5px;}
.nav-right .nav-login.yes{padding: 6px 6.5px;}
.nav-right .nav-login a.reg{padding:6px 6.5px;margin-left:6.5px;}
.nav-right .nav-tougao, .nav-right .nav-notice{padding:5px 13px}
.nav-right .nav-vip{padding:0px 13px}
/*body.home .nav-right .nav-search, */body.home .nav-left .nav-search{display: none;}
/*.banner h2, .banner p{display: none;}*/
.banner .search-form{margin-top: 10px;}
.banner .container{top: calc(50%);}
ul.thanks{list-style-type:circle;}



/*首页左侧导航*/
.home-anchor-nav{display: none;position: fixed;width: 58px;transform: translateY(-50%);top: 50%;left: 10px;font-size: 14px;background-color: #fff;border-radius: var(--theme-radius);z-index: 999;box-shadow: 0 0 5px rgba(0,0,0,0.075);}
.home-anchor-nav li{text-align: center;padding: 10px;height: 58px;letter-spacing: 2px;position: relative;line-height: 1.4;}
.home-anchor-nav li:after{content: "";width: 30px;height: 1px;background:#efefef;left: calc(50% - 15px);bottom: 0;position: absolute;}
.home-anchor-nav li:last-child:after{content: none;}
.home-anchor-nav li a{height: 38px;overflow: hidden;display: block;}
.home-anchor-nav li.current a{color: var(--theme-color);}
.home-anchor-nav li i{display: block;line-height: 1.1;font-size: 18px;}

.footer{background: #333;}
.footer, .footer a{color:#fff;}
.footer .container{padding: 5px 15px;}
.footer-widget ul li{display: inline-block;margin: 10px 20px 10px 0;}
.copyright {height: 25px;padding: 4px 0 5px 0;}
.copyright > *{vertical-align: top;}
.copyright img {width: 16px;aspect-ratio: 1/1;}

/*Top of Post and List's Breadcrumbs content*/
.banner-archive, .banner-page, .banner-post .breadcrumbs a, .banner-post .article-meta a{color:#000;}
body.night .banner-archive,body.night .banner-page,body.night .banner-post .breadcrumbs a,body.night .banner-post .article-meta a{color:#fff;}
body.night .banner-archive .container,body.night .banner-page .container{background:#181818;}

/*English words card*/
.peaful-word-container {display:flex;flex-wrap:wrap;justify-content:center;gap:4px;}
.peaful-word-card {width: 132px;text-align: center;border: 1px solid #ddd;border-radius: 5px;padding: 1px;background: #fff;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);}
.peaful-word-card img {width: 130px;height: 130px;object-fit: contain;}
.peaful-word {font-size: 14px;line-height:1.25em;margin: 0 !important;}
.peaful-phonetic {font-size: 14px;line-height:1.25em;margin: 0 !important;}

/*css for peafulshuo*/
.peaful-shuo,.shuo-main {margin-bottom: 20px;}
.shuo-item{border-bottom: 1px dotted #777;}
.shuo-meta img,.shuo-comment .comment-meta img{border-radius:50%}
.shuo-meta img, .shuo-meta strong, .shuo-meta span,.shuo-comment .comment-meta img,.shuo-comment .comment-meta strong,.shuo-comment .comment-meta span{display: inline-block;vertical-align: middle;}
.shuo-meta span,.shuo-comment .comment-meta span {margin-left: 20px;}
.shuo-content span {margin-left: 30px;}
.shuo-content p, .shuo-content span,.shuo-comment .comment-content p,.shuo-comment .comment-content button{display: inline-block;}
.shuo-comment {margin: 20px 0;}
.shuo-comment .nested-comments{display: block;border: 1px dotted #777;margin-left: 5px;}
.shuo-comment .comment-content button,.peaful-shuo .comment-form button {all: unset;background: #fac;padding:0 10px;margin: 0 5px 0 0;}
.shuo-comment .comment-content button:hover,.peaful-shuo .comment-form button:hover{cursor: pointer;background: #f69;}
.peaful-shuo .comment-form textarea {display: block;margin: 0 0 5px 0;min-width:300px;min-height:80px}
.peaful-shuo .content {background: #fff;border-radius: 5px;padding:20px}
body.night .peaful-shuo .content {background: #181818;border-radius: 5px;padding:20px}
.shuo-more{float:right}