/*
Theme Name: GeneratePress Child
Template: generatepress
*/

/* ============================================ */
/* 在以下输入自定义CSS */
/* ============================================ */

.inside-article .featured-image {
	display:none;
}
.inside-article .comments-link{
	display:none;
}

/* ============================================ */
/* 基础样式和布局 */
/* ============================================ */
.site-header {
    background: linear-gradient(90deg, #66b2ff 0%, #ff99cc 30%, #b266ff 70%, #66b2ff 100%) !important;
    background-size: 400% 400%;
    animation: gradient-animation 15s ease infinite;
    border-bottom: none;
    padding: 1.5rem 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 10;
}

/* PC端（屏幕宽度大于768px）固定头部 */
@media (min-width: 769px) {
    .site-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }

    body {
        padding-top: 100px;
    }

    body.logged-in .site-header {
        top: 32px;
    }

    body.logged-in {
        padding-top: 132px;
    }
    .menu-toggle {
        display: none;
    }
    .main-navigation#site-navigation {
        display: block;
    }
}


.inside-header.grid-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* ================================== */
/* 品牌和Logo区域 */
/* ================================== */
.site-branding-container {
    display: flex;
    align-items: center;
    gap: 0.1rem; 
    flex-shrink: 0;
}

.site-header .header-image {    
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 90px;
    height: 90px;
    object-fit: cover;
    border: none; 
}

.site-logo a:hover .header-image {
    transform: rotate(360deg) scale(1.1);
}

.main-title {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
}

.main-title a {
    text-decoration: none;
    color: #ffffff;
    transition: text-shadow 0.3s ease-in-out;
    letter-spacing: 1px;
}

.main-title a:visited {
    color: #ffffff;
}

.main-title a:hover {
    text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff;
}

.site-description {
    color:#ffffff;
    font-size:16px;
    line-height:26px;
    font-weight:100;
    letter-spacing: 2px;
    margin-top:2px;
}

/* ============================================== */
/* 导航菜单 */
/* ============================================== */
.main-navigation {
    display: flex;
    align-items: center;
    background-color: transparent;
}

.main-nav ul.menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0.1rem;
    background-color: transparent;
}

.main-nav ul.menu li {
    position: relative;
    min-width: 90px;
}

.main-nav ul.menu li a {
    text-decoration: none;
    font-family: 'Poppins', sans-serif !important; 
    color: #f0f0f0 !important; 
    font-weight: 400 !important;
    padding: 0.3rem 1rem; 
    display: block;
    position: relative;
    z-index: 10; 
    transition: color 0.3s ease;
    text-align: left;
    font-size: 1.1rem !important;
}

.main-nav ul.menu li a:visited {
    color: #f0f0f0 !important;
}

.main-nav ul.menu li a::after {
    content: '';
    position: absolute;
    left: 1rem;
    bottom: -2px;
    width: 0; 
    height: 2px;
    background-color: #ff66b2;
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s ease; 
}

.main-nav ul.menu li a:hover {
    color: #ffffff !important;
}

.main-navigation .main-nav ul li a {
    line-height:35px !important;
}

.main-nav ul.menu li a:hover::after {
    background-color: #ffffff !important;
    width: calc(100% - 2rem);
}

.main-nav ul.menu li .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;    
    background: rgba(102, 178, 255, 0.9);
    backdrop-filter: blur(5px);
    border: none;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    padding: 0.5rem 0;
    min-width: 200px;
    border-radius: 12px;
    overflow: hidden;
    transform: translateY(10px) scaleY(0);
    transform-origin: top;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
    opacity: 0;
}

.main-nav ul.menu li:hover > .sub-menu {
    display: block;
    transform: translateY(0) scaleY(1);
    opacity: 1;
}

.sub-menu li a {
    padding: 0.8rem 1.5rem;
    white-space: nowrap;
    color: #fff;
    font-weight: 400;
}

.sub-menu li a:visited {
    color: #fff;
}

.sub-menu li a:hover {
    background-color: #ff99cc;
    color: #ffffff;
}

.sidebar h2, .wp-block-search__label, .wp-block-heading {
	font-size:1.2rem !important;
	line-height:1.5 !important;
	font-weight:bold !important;
}

.sidebar .wp-block-archives-list {
	 display: flex;
  flex-wrap: wrap;
  column-gap:30px;
	line-height:28px;
}

/* ============================================== */
/* 移动端菜单切换按钮 */
/* ============================================== */
.menu-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    color: #ffffff;
}

.menu-toggle .gp-icon svg {
    width: 28px;
    height: 28px;
}

.mobile-menu-control-wrapper[aria-expanded="true"] .icon-menu-bars:nth-child(1) {
    opacity: 0;
    transform: rotate(45deg);
}

/* ============================================== */
/* 响应式设计 */
/* ============================================== */
@media (max-width: 768px) {
    .inside-header.grid-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }
    
    .site-branding-container {
        justify-content: center;
        width: 100%;
    }

    /* 移动端菜单默认隐藏 */
    .main-nav ul.menu {
        display: none;
        flex-direction: column;
        width: 100%;
        text-align: center;
        gap: 0;
        background-color: #66b2ff;
        border-radius: 8px;
        margin-top: 1rem;
        overflow: hidden;
        transition: all 0.3s ease-in-out;
    }

    /* 当菜单被激活时，显示菜单 */
    .main-navigation.has-inline-mobile-toggle .main-nav ul.menu {
        display: flex;
    }
    
    .main-nav ul.menu li a {
        padding: 1.2rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        color: #f0f0f0 !important;
        font-size: 1.1rem !important;
        font-family: 'Poppins', sans-serif !important; 
        font-weight: 400 !important;
    }
    
    .sub-menu {
        position: static;
        display: block;
        border: none;
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0.1);
        padding: 0;
        border-radius: 0;
        transform: none;
        opacity: 1;
    }
    
    .sub-menu li a {
        padding-left: 2.5rem;
        color: #e0e7ff;
    }
    
    .sub-menu li a:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }
    
    .menu-toggle {
        display: block;
    }
    
}

/* ============================================== */
/* 动画效果 */
/* ============================================== */
@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


/* =============== footer设置 ================== */
.site-footer {
    background: linear-gradient(90deg, #66b2ff 0%, #ff99cc 100%);
    border-bottom: none;
    padding: 1.5rem 0; 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    font-family: 'Poppins', sans-serif;
    position: relative; 
    z-index: 10;
    color: transparent!important; 
}
.copyright-bar {
    color: transparent!important; 
    left:-150px!important;
}
.site-info {
    background:none  !important;
}
.wp-element-button{
    padding:10px 10px;
    white-space: nowrap;
}
.wp-block-search__inside-wrapper {
    margin-top:10px;
}
.entry-title {
    font-weight:bold;
}

.entry-title a{
    color: #336699;
}

.entry-title a:hover{
    color: #b266ff;
}

.inside-article .cat-links {
    display:none;   
}

.entry-summary>p:last-child {
    margin-top:1rem !important;
    margin-bottome: 5px;
}
.copyright-bar > span {
    color: #fff;
}

.copyright-bar > a {
    color: transparent;
}

.copyright-bar > a:hover {
    text-decoration-color: transparent;
}

.beian {
    text-align:center;
    color: #ffffff;
    font-size:12px;
    line-height: 20px;
    margin: 0 auto 0 -200px; 
    font-weight:100;
}

.beian a, .beian a:visited {
    color:#fff;
    text-decoration: none;
}

/* ============================================== */
/* 列表页目录设计 */
/* ============================================== */
.inside-article {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) ;
}

.entry-title {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.2;
}

.entry-title a {
    text-decoration: none;
    color: #1a0dab;
}

.entry-summary {
    font-size: 1rem;
    color: #555;
    margin-top: 10px; 
}

.entry-summary p {
    margin: 0;
}

.entry-meta {
    font-size: 0.8rem;
    color: #777;
    margin-top: 10px; 
}

.entry-meta span, .entry-meta a {
    color: #777;
    text-decoration: none;
}

.entry-meta a:hover {
    color: #1a0dab;
}

.post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    border-radius: 8px;
}

/* PC端布局 */
@media (min-width: 769px) {
    .inside-article {
    overflow: hidden;
    }

    .post-image {
    float: left;
    width: 260px;
    height: auto;
    margin-right: 15px;
    }

	  .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 图片填充容器 */
    border-radius: 8px; /* 圆角效果 */
    border: 1px solid #e0e0e0; /* 浅边框 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}

.post-image a:hover img {
    transform: scale(1.05); /* 悬停放大图片 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 增加阴影效果 */
}
	
    .entry-header {
    margin-top: 0;
    }

    .entry-summary {
    clear: none;
    }

    .entry-meta {
    clear: none;
    }
}

/* 移动端布局：图文上下堆叠 */
@media (max-width: 768px) {
    .inside-article {
    }
    .post-image {
    float: none; /* 移除浮动 */
    width: 100%; /* 图片宽度为100%，占据整行 */
    margin-right: 0;
    margin-bottom: 15px;
    }
}

.wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-heading {
  font-size: 1.5rem; 
  color: #2d3748; /* 文字颜色 */
  font-weight: 700; /* 字体粗细 */
  margin-top: 2rem; /* 顶部间距 */
  margin-bottom: 1rem; /* 底部间距 */
  line-height: 1.3; /* 行高 */
}

.wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	line-height:2.5rem;
	padding:30px 0;
}
.wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained p {
	margin-bottom:0.2rem
}

.wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained li {
	margin-bottom:0.2rem
}

.is-right-sidebar .wp-block-group__inner-container {
	padding:0 !important;
	margin:0 !important;
}

.is-right-sidebar .wp-block-group__inner-container h2{
	margin-top:0 !important;
}

.is-right-sidebar .wp-block-group__inner-container p{
	margin-bottom: 1rem !important;
}

.p-4 {
	margin-top:0.6rem
}

.post-navigation {
	line-height:2.5rem;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color:#fff
}

.main-nav .menu-item-has-children:hover > a {
    color: #e1bee7 !important;
}
.wp-block-video {
	margin: 20px 0;
}
.wp-block-image {
	margin: 20px 0;
}

/* 无限滚动激活时，隐藏原来的分页和底部 */
.infinite-scroll #nav-below,
.infinite-scroll #footer {
    display: none;
	  background: #c3c4c7;
}
/* 所有文章加载完后，显示底部 */
.infinity-end #footer {
    display: block;
}
.infinite-wrap {
	margin-right: 20px;
	background:none !important;
}
/* 若内部是 article 标签 */
.infinite-wrap article[id^="post"] {
    margin-bottom: 20px;
}