/* Theme Name: 归来少年 */

.site-content{margin:0;padding:0}
.site-footer{border:0}

/* 概况 */
.introduction{padding:3rem .5rem;font-size:.875em;color:#fff;background:#000}
.introduction span{font-size:1.5em;font-weight:700;display:block;margin:0 0 1rem 0}
.introduction:before{content:'';background-size:cover;background-position:center center;background-image:url(/wp-content/themes/name/page/归来少年/introduction-bg.jpg);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2}

/* 简介 */
.author{opacity:.9;padding:3rem .5rem;background:#000}
.avatar{height:0;width:0;overflow:hidden}
.author h2{color:#fff;font-weight:700;display:block;margin:0 0 1rem 0;letter-spacing:3px;text-indent:3px}
.author p{font-size:.875em;margin:0 0 1rem 0;color:#b3b3b3;line-height:1.5rem}
.author p:nth-child(3){color:#ea6f5a;font-weight:700;opacity:.8}
.author p:last-child,.author p:nth-last-child(2),.author p:nth-last-child(3){line-height:2rem;margin:0}
.author p:last-child a,.author p:nth-last-child(2) button,.author p:nth-last-child(3) a{color:#b3b3b3!important;display:initial}

/* 事业 + 网站 */
.webmaster,.workplace{padding:3rem .5rem;text-align:center;border-bottom:1px solid #e8e8e8}
.life h2,.webmaster h2,.workplace h2{border-bottom:3px solid #ea6f5a;padding:0 0 5px 5px;display:inline-block;letter-spacing:5px;text-indent:5px;font-weight:700}
.webmaster h3,.workplace h3{color:#313131;margin:1.5rem 0;font-size:1.5em;line-height:3rem}
.webmaster h3+p,.workplace h3+p{text-align:center;font-size:1em;font-style:italic}
.webmaster p,.workplace p{text-align:left;font-size:.875em;margin:0 auto 1rem auto;line-height:1.5rem;color:#777}

/* 生活 */
.life{padding:3rem .5rem;text-align:center}
.life h2{margin:0 0 2rem}
.life li{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.life li:before{content:"::";color:#ea6f5a;margin:0 1rem 0 0;font-weight:700;bottom:1px}
.life a{color:#444;display:initial}

/* 图文 */
.graphic{background:#111;padding:3rem 1rem;text-align:center;display:flex;flex-wrap:wrap;justify-content:space-between}
.graphic .post-thumbnail{width:calc(50% - .5rem);margin:0 0 1rem;overflow:hidden}
.graphic .post-thumbnail:last-child,.graphic .post-thumbnail:nth-last-of-type(2){margin:0}

/* 座右铭 */
.motto{overflow:hidden;padding:6rem 2rem;color:#fff;-webkit-background-size:cover;background-image:url(/wp-content/themes/name/page/归来少年/author-bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.motto p{float:right}
.motto p:nth-child(2):before{position:absolute;top:0;bottom:0;left:-4rem;width:3rem;height:1px;margin:auto;background:#fff;content:''}

@media screen and (min-width: 30rem) { /* 480px */
.introduction{padding:4rem 2rem}
.author{padding:3rem 2rem 3rem 10em}
.avatar{width:100px;height:100px;border-radius:50%;position:absolute;left:2rem;top:3rem}
.webmaster,.workplace{padding:3rem 2rem 3rem 10em;text-align:left}
.life h2,.webmaster h2,.workplace h2{position:absolute;left:2rem;top:calc(3rem + 5px)}
.webmaster h3,.workplace h3{margin:0 0 1.5rem 0}
.webmaster h3+p,.workplace h3+p{text-align:left}
.life{padding:3rem 2rem 3rem 10em;text-align:left}
.graphic{padding:3rem 2rem 2rem 2rem}
.graphic .post-thumbnail{width:calc(33.3333% - .8rem);margin:0 0 20px;overflow:hidden}
.graphic .post-thumbnail:last-child,.graphic .post-thumbnail:nth-last-of-type(2){height:0;width:0;overflow:hidden;position:fixed}
}

@media screen and (min-width: 48rem) { /* 768px */
.author,.life,.webmaster,.workplace{padding:3rem 0 3rem 11em}
.author p,.introduction,.webmaster p,.workplace p{font-size:1em;line-height:2rem}
.graphic{padding:3rem 2rem 1.5rem 2rem}
.graphic .post-thumbnail{width:calc(25% - 1rem);margin:0 0 1.5rem;overflow:hidden}
.graphic .post-thumbnail:last-child,.graphic .post-thumbnail:nth-last-of-type(2){height:auto;width:calc(25% - 1rem);position:relative;margin:0 0 1rem}
}

@media screen and (min-width: 56rem) { /* 896px */ 
.life h2,.webmaster h2,.workplace h2{left:2rem}
}