/*
Theme Name: Personal Resume Portfolio (Corrain Style)
Author: aThemeArt (Modified by Reference to corrain.top)
Author URI: https://athemeart.com/
Theme URI: https://athemeart.com/downloads/resume-portfolio/
Description:Showcase your professional profile with the Personal Resume Portfolio child theme — a simple, digital resume template designed to elevate your personal brand. Whether you're a graphic designer, writer, or freelancer, this creative layout helps you present your career summary, CV, and work history with clarity and style. Perfect for blogger profiles, curriculum vitae, and cover letters, this theme offers a clean space to highlight your skills, experience, and achievements. With sections for a skillset showcase and portfolio display, it's ideal for photographers, illustrators, marketers, and remote professionals looking to make an online impression.
Template: personal-cv-resume
Version: 1.0.1
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Tags: blog, three-columns, grid-layout, news, left-sidebar, right-sidebar, sticky-post, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, portfolio, footer-widgets
Text Domain: personal-resume-portfolio
*/
:root {
	--secondary-color: #2E5EAA; /* 参考corrain.top主色调：深蓝色（专业、简洁） */
	--secondary-color-rgb: rgba(46, 94, 170, 0.15); /* 淡色背景 */
	--nav-color: #2D3748; /* 深灰色导航文字 */
	--text-color: #4A5568; /* 正文文字颜色 */
	--light-bg: #F8FAFC; /* 浅色背景 */
	--border-color: #E2E8F0; /* 边框颜色 */
	--heading-font: 'Inter', sans-serif; /* 替换为Inter字体（corrain.top风格） */
	--nav-font: 'Inter', sans-serif;
	--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05); /* 轻微阴影 */
	--transition: all 0.3s ease; /* 统一过渡效果 */
}
body {
	color: var(--text-color);
	background-color: var(--light-bg);
	line-height: 1.6;
}
#page.site{
	max-width: 100%;
	overflow: hidden;
	box-shadow: none;
}
@media only screen and (min-width : 750px) {
		#page.site{
			display: flex;
			align-items: stretch!important;
			max-width: 1400px; /* 调整最大宽度（corrain.top更紧凑） */
			width: 100%;
			margin: 20px auto; /* 页面上下边距 */
			padding: 0px 1.5%;
			background-color: #fff;
			border-radius: 8px;
			box-shadow: var(--shadow-sm); /* 页面轻微阴影 */
		}
		#main.site-main{
			margin: 30px 2%;
		}
		#page.site #aside-nav-wrapper{
			position: static;
			flex: 0 0 280px; /* 侧边栏宽度调整（corrain.top侧边栏稍宽） */
			border-left: 1px solid var(--border-color);
			max-height: auto;
			height: auto!important;
			background-color: #fff;
		}
		#page.site #content.site-content{
			margin-left: 0px;
			max-width: 100%;
			overflow: hidden;
			flex: 1;
			position: relative;
			padding-bottom: 80px; /* 页脚间距调整 */
			background-color: #fff;
		}
		#colophon.site-footer{
			position: absolute;
			left: 0px;
			right: 0px;
			bottom: 0px;
			border-top: 1px solid var(--border-color);
		}
		#page.site #content.site-content .full-container{
			margin: 30px 3% 0 !important;
		}
		#page.site div.sidewrapper.sidenav{
	    right: 0;
	    margin-right: 0;
	    opacity: 1;
	    visibility: visible;
	    position: static;
	    width: 280px;
		}
		#page.site #secondary{
			overflow: hidden;
			width: 100%;
			padding: 20px 0;
		}
		#page.site #sidebar-actions{
			display: none;
		}
		#page.site #fly-sidebar{
			border: 1px solid var(--border-color);
			overflow: hidden;
			flex: 0 0 280px;
			background-color: #fff;
		}
}
@media only screen and (max-width : 750px) {
	#page.site div.sidewrapper.sidenav {
		position: absolute;
	}
	#page.site {
		margin: 0;
		border-radius: 0;
		box-shadow: none;
	}
}
a.ui-to-top {
  position: fixed;
  right: 30px; /* 调整回到顶部按钮位置 */
  bottom: 30px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  transition: var(--transition);
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  z-index: 99;
  opacity: 0;
  padding: 12px 16px;
  font-family: var(--nav-font);
  color: #fff;
  background-color: var(--secondary-color); /* 背景色修改 */
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  border-radius: 6px; /* 圆角 */
  box-shadow: 0 4px 12px rgba(46, 94, 170, 0.3);
}
a.ui-to-top:hover,
a.ui-to-top:focus{
	color: #fff;
	background-color: #1A365D; /* 加深 hover 色 */
	transform: translateY(-2px);
}
a.ui-to-top i {
  -webkit-transform: rotate(0); /* 取消旋转 */
  -ms-transform: rotate(0);
  transform: rotate(0);
  font-size: 18px;
  display: inline-block;
  position: relative;
  right: 0;
  top: 2px;
  margin-right: 8px;
  height: auto;
}
a.ui-to-top.active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#colophon.site-footer{
	text-align: center;
	padding: 20px 0px!important;
	font-size: 13px;
	color: #718096;
}

/* 文章卡片样式修改 */
#primary #masonry-grid .img-box.gallery{
	height: 220px; /* 调整图片高度（更紧凑） */
	border-radius: 6px;
	overflow: hidden;
	box-shadow: var(--shadow-sm);
	transition: var(--transition);
}
#primary #masonry-grid .img-box.gallery:hover{
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
#primary #masonry-grid .img-box.gallery .gallery-image{
	height: 100%;
	overflow: hidden;
	object-fit: cover;
}
#primary #masonry-grid .img-box.gallery .gallery-image img{
	transition: var(--transition);
}
#primary #masonry-grid .img-box.gallery:hover .gallery-image img{
	transform: scale(1.05); /* 图片 hover 缩放 */
}

#primary .content-post-wrap .img-box .article-link{
	bottom: -24px;
	background-color: var(--secondary-color);
	color: #fff;
	padding: 6px 12px;
	border-radius: 4px;
	transition: var(--transition);
}
#primary .content-post-wrap .img-box:hover .article-link{
	bottom: 20px;
	background-color: #1A365D;
}
@media only screen and (max-width : 750px) {
	.inner-wrapper-sticky{
		width: 250px!important;
	}
	#primary #masonry-grid .img-box.gallery{
		height: 180px;
	}
}
/* 头像样式修改 */
#aside-nav-wrapper .my-photo{
	border-radius: none;
	padding: 30px 0;
	text-align: center;
}
#aside-nav-wrapper .my-photo .custom-logo-link{
	border: 3px solid var(--secondary-color-rgb);
	width: 140px;
	height: 140px;
	text-align: center;
	overflow: hidden;
	border-radius: 100%;
	margin: 0 auto;
	box-shadow: var(--shadow-sm);
}
#aside-nav-wrapper .my-photo .custom-logo-link:hover,
#aside-nav-wrapper .my-photo .custom-logo-link:focus{
	border-color: var(--secondary-color);
	transform: scale(1.03);
	transition: var(--transition);
}
/* 侧边栏 widget 样式 */
.widget h3.widget-title span, .widget.widget_block span{
	background: var(--secondary-color);
	color: #fff;
	padding: 2px 10px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
}
.widget {
	margin-bottom: 30px;
	padding: 0 20px;
}
.widget ul li {
	margin-bottom: 8px;
}
.widget ul li a{
	color: var(--text-color);
	transition: var(--transition);
}
.comments-area a{
	color: var(--secondary-color);
}
.widget ul li a:hover, .widget ol li a:hover, .widget ul li a:focus, .widget ol li a:focus{
	color: var(--secondary-color);
	padding-left: 5px;
}
.widget ul li:hover::before, .widget ol li:hover::before {
	color: var(--secondary-color);
}
/* 导航样式修改 */
#aside-nav-wrapper #navbar ul > li > a{
	color: var(--nav-color);
	font-weight: 500;
	padding: 10px 20px;
	transition: var(--transition);
}
#aside-nav-wrapper #navbar ul > li > a:hover, #aside-nav-wrapper #navbar ul > li > a:focus, #aside-nav-wrapper #navbar ul > li.current_page_item > a{
	color: var(--secondary-color);
	background-color: var(--secondary-color-rgb);
	border-left: 3px solid var(--secondary-color);
}
#aside-nav-wrapper #navbar ul ul li:first-child::before {
	border-right: 8px solid var(--secondary-color)
}
/* 标题样式 */
h1, h2, h3, h4, h5, h6 {
	color: var(--nav-color);
	font-weight: 600;
	margin-bottom: 16px;
}
.entry-title a{
	color: var(--nav-color);
	transition: var(--transition);
}
.entry-title a:hover{
	color: var(--secondary-color);
}
/* 链接样式 */
a {
	color: var(--secondary-color);
	transition: var(--transition);
}
a:hover, a:focus {
	color: #1A365D;
	text-decoration: none;
}












/*
Theme Name: Personal Resume Portfolio
Author: aThemeArt
Author URI: https://athemeart.com/
Theme URI: https://athemeart.com/downloads/resume-portfolio/
Description:Showcase your professional profile with the Personal Resume Portfolio child theme — a simple, digital resume template designed to elevate your personal brand. Whether you're a graphic designer, writer, or freelancer, this creative layout helps you present your career summary, CV, and work history with clarity and style. Perfect for blogger profiles, curriculum vitae, and cover letters, this theme offers a clean space to highlight your skills, experience, and achievements. With sections for a skillset showcase and portfolio display, it's ideal for photographers, illustrators, marketers, and remote professionals looking to make an online impression.
Template: personal-cv-resume
Version: 1.0.0
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Tags: blog, three-columns, grid-layout, news, left-sidebar, right-sidebar, sticky-post, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, portfolio, footer-widgets
Text Domain: personal-resume-portfolio
*/
/*:root {*/
/*	--secondary-color: #EE654D;*/
/*	--secondary-color-rgb: rgba(238,101,77,0.5);*/
/*	--nav-color:#3a3939;*/
/*	--heading-font:'Roboto Condensed', sans-serif;*/
/*	--nav-font:'Roboto Condensed', sans-serif;*/
/*}*/
/*#page.site{*/
/*	max-width: 100%;*/
/*	overflow: hidden;*/
/*}*/
/*@media only screen and (min-width : 750px) {*/
/*		#page.site{*/
/*			display: flex;*/
/*			align-items: stretch!important;*/
/*			max-width: 1600px;*/
/*			width: 100%;*/
/*			margin: 0px auto;*/
/*			padding: 0px 2%;*/
/*		}*/
/*		#main.site-main{*/
/*			margin: 20px 3%;*/
/*		}*/
/*		#page.site #aside-nav-wrapper{*/
/*			position: static;*/
			flex: 0 0 250px; /* Fixed width of 250px */
/*			border-left: 1px solid rgba(0,0,0,0.08);*/
/*			max-height: auto;*/
/*			height: auto!important;*/
/*		}*/
/*		#page.site #content.site-content{*/
/*			margin-left: 0px;*/
/*			max-width: 100%;*/
/*			overflow: hidden;*/
/*			flex: 1;*/
/*			position: relative;*/
/*			padding-bottom: 150px;*/
/*		}*/
/*		#colophon.site-footer{*/
/*			position: absolute;*/
/*			left: 0px;*/
/*			right: 0px;*/
/*			bottom: 0px;*/
/*		}*/
/*		#page.site #content.site-content .full-container{*/
/*			margin: 20px 4% 0 !important;*/
/*		}*/
/*		#page.site div.sidewrapper.sidenav{*/
/*	    right: 0;*/
/*	    margin-right: 0;*/
/*	    opacity: 1;*/
/*	    visibility: visible;*/
/*	    position: static;*/
/*	    width: 250px;*/
/*		}*/
/*		#page.site #secondary{*/
/*			overflow: hidden;*/
/*			width: 100%;*/
/*		}*/
/*		#page.site #sidebar-actions{*/
/*			display: none;*/
/*		}*/
/*		#page.site #fly-sidebar{*/
/*			border: 1px solid rgba(0,0,0,0.08);*/
/*			overflow: hidden;*/
			flex: 0 0 250px; /* Fixed width of 250px */
			
/*		}*/
/*}*/
/*@media only screen and (max-width : 750px) {*/
/*	#page.site div.sidewrapper.sidenav {*/
/*		position: absolute;*/
/*	}*/
/*}*/
/*a.ui-to-top {*/
/*  position: fixed;*/
/*  right: -20px;*/
/*  bottom: 70px;*/
/*  overflow: hidden;*/
/*  text-align: center;*/
/*  text-decoration: none;*/
/*  z-index: 20;*/
/*  transition: .3s all ease;*/
/*  -webkit-transform: translateY(50px) rotate(-90deg);*/
/*  -ms-transform: translateY(50px) rotate(-90deg);*/
/*  transform: translateY(50px) rotate(-90deg);*/
/*  z-index: 99;*/
/*  opacity: 0;*/
/*  padding-right: 10px;*/
/*  font-family: var(--nav-font);*/
/*  color: #1f1f1f;*/
/*  font-size: 12px;*/
/*  font-weight: bold;*/
/*  letter-spacing: 3px;*/
/*  padding-right: 25px;*/
/*}*/
/*a.ui-to-top:hover,*/
/*a.ui-to-top:focus{*/
/*	color: var(--secondary-color);*/
/*}*/
/*a.ui-to-top i {*/
/*  -webkit-transform: rotate(90deg);*/
/*  -ms-transform: rotate(90deg);*/
/*  transform: rotate(90deg);*/
/*  font-size: 16px;*/
/*  display: block;*/
/*  position: absolute;*/
/*  right: 7px;*/
/*  top: 2px;*/
/*  height: 20px;*/
/*}*/
/*a.ui-to-top.active {*/
/*  -webkit-transform: translateY(0) rotate(-90deg);*/
/*  -ms-transform: translateY(0) rotate(-90deg);*/
/*  transform: translateY(0) rotate(-90deg);*/
/*  opacity: 1;*/
/*}*/
/*#colophon.site-footer{*/
/*	text-align: center;*/
/*	padding:20px 0px!important;*/
/*}*/

/*#primary #masonry-grid .img-box.gallery{*/
/*	height: 260px;*/
/*}*/
/*#primary #masonry-grid .img-box.gallery .gallery-image{*/
/*	height: 260px;*/
/*	overflow: hidden;*/
/*}*/

/*#primary .content-post-wrap .img-box .article-link{*/
/* bottom: -24px;*/
/*}*/
/*@media only screen and (max-width : 750px) {*/
/*	.inner-wrapper-sticky{*/
/*		width: 230px!important;*/
/*	}*/
/*	.inner-wrapper-sticky{*/

/*	}*/
/*}*/
/*#aside-nav-wrapper .my-photo{*/
/*	border-radius:none;*/
/*	padding: 0px;*/
/*}*/
/*#aside-nav-wrapper .my-photo .custom-logo-link{*/
/*	border: 4px solid #fff;*/
/*	width: 120px;*/
/*  height: 120px;*/
/*  text-align: center;*/
/*  overflow: hidden;*/
/*  border-radius: 100%;*/
/*}*/
/*#aside-nav-wrapper .my-photo .custom-logo-link:hover,*/
/*#aside-nav-wrapper .my-photo .custom-logo-link:focus{*/
/*	border-color: var(--secondary-color);*/
/*}*/
/*.widget h3.widget-title span, .widget.widget_block span{*/
/*	background: var(--secondary-color);*/
/*}*/
/*.comments-area a{*/
/*	color: var(--secondary-color);*/
/*}*/
/*.widget ul li a:hover, .widget ol li a:hover, .widget ul li a:focus, .widget ol li a:focus{*/
/*	color: var(--secondary-color);*/
/*}*/
/*.widget ul li:hover::before, .widget ol li:hover::before {*/
/*	color: var(--secondary-color);*/
/*}*/
/*#aside-nav-wrapper #navbar ul > li > a:hover, #aside-nav-wrapper #navbar ul > li > a:focus, #aside-nav-wrapper #navbar ul > li.current_page_item > a{*/
/*	color: var(--secondary-color);*/
/*}*/
/*#aside-nav-wrapper #navbar ul ul li:first-child::before {*/
/*	border-right: 8px solid var(--secondary-color)*/
/*}*/