/*
Theme Name: Grass Land
Description: Making the most of limited time to create something interesting and connected.
Author: Jisongbin ReBuild
Author URI: http://www.newvfx.com
Version: 1.9.9
Text Domain: buddy-child-grass
Template: newvfx
*/

/*
html {
  filter: grayscale(100%);
}
*/

/* 主要链接颜色：WordPress 蓝 */
a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
.ui-tabs .ui-tabs-nav li.ui-state-hover a {
    color: #1e73be; /* 标准蓝色，用于链接和交互状态 */
}

/* ============================================================================ */
/* =============================== 头部与导航 ================================ */
/* ============================================================================ */

/* 头部样式 */
#header {
    background: #ffffff !important;
    margin-bottom: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    position: relative; /* 作为参照系 */
    z-index: 1000; /* 确保整个 header 在顶层 */
}

#header_main, #header {
    box-shadow: 0 2px 5px #cccccc59;
}

/* 导航全屏居中 */
.gp-scrolling.gp-fixed-header #header {
    position: fixed;
    width: 100%;
    left: 0;
    transform: none;
}

.gp-scrolling.gp-fixed-header #header > #page-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

/* 主导航菜单 */
#nav .menu {
    float: left;
    margin: 2px 0 0 0;
    list-style-type: none;
    list-style-position: outside;
}

/* 菜单项基础样式 */
.menu li {
    position: relative;
    overflow: visible !important;
}

.menu li a {
    color: #6c6c6c !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    display: inline-block !important;
    padding: 7px 14px !important;
    position: relative;
    z-index: 2;
    background: transparent !important;
    transition: transform 0.2s ease, color 0.2s ease;
}

/* Font Awesome 图标样式 */
.menu li.fa:before {
    margin-right: -5px;
    display: inline-block;
    transform-origin: left center;
    transition: transform 0.2s ease, color 0.2s ease;
    position: relative;
    z-index: 1;
    color: currentColor;
}

/* 菜单悬停效果：文字与图标放大 */
.menu li:hover:before {
    transform: scale(1.1);
    color: #77af12 !important;
}

.menu li:hover > a {
    background: #ffffff;
    color: #333333;
    transform: scale(1.1);
    color: #77af12 !important;
    background: rgba(255,255,255,0.2) !important;
}

/* 子菜单样式 */
#nav .menu .sub-menu {
    background: transparent;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    width: auto;
    min-width: 150px;
    max-width: 200px;
}

#header .sub-menu {
    position: absolute;
    z-index: 2000;
}

/* 手机端导航按钮 */
#mobile-nav-button {
    background-color: #e96969 !important;
}

#mobile-nav .menu li a {
    display: block;
    color: #555;
}

#mobile-nav .menu li > a:hover {
    color: #fff;
    background: #e96969;
}


/* ============================================================================ */
/* ============================== 内容区域与布局 ============================== */
/* ============================================================================ */

/* 主内容区域背景 */
#content, #container {
    background-color: #fff !important;
}

/* 内容容器阴影 */
.padder, #container #content {
    padding: 10px;
    box-shadow: 0 2px 5px #c1bfbf59;
}

/* 文章内容区域设置（仅在大屏单文章页） */
@media only screen and (min-width: 992px) {
    body.single-post .entry-content img,
    body.single-post .post-content img,
    body.single-post .wp-image-32701,
    body.single-post .alignnone,
    body.single-post .wp-image {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }

    body.single-post .wp-block-image,
    body.single-post .wp-block-image figure,
    body.single-post .wp-block-image a {
        text-align: center;
        display: block;
        width: 100%;
    }

    body.single-post #container #content,
    body.single-post .padder {
        position: relative;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 25px;
        padding-right: 25px;
    }

    body.single-post #commentform input[type="submit"] {
        z-index: 10;
        position: relative;
    }
}

/* 首页博客区域 */
.page-template-homepage-php .gp-blog-wrapper {
    padding: 5px !important;
}

/* 作者信息 */
.author-info .author-desc {
    line-height: 26px;
    letter-spacing: 0.7px;
    font-size: 13px;
}

/* 文章内容 */
#post-content {
    letter-spacing: 0.6px;
}

.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption {
    display: block;
    text-align: center;
    caption-side: unset;
    margin-top: 0.5em;
}

/* 段落默认样式 */
p {
    line-height: 26px;
    margin-bottom: 12px;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}

/* 引用块样式 */
blockquote {
    background: #f9f9f9;
    border-left: 2px solid #ccc;
    margin: 1em 10px;
    padding: 0.5em 10px;
}

/* 代码块样式 */
code {
    color: #000;
    background: #eaeaea;
    border: 0px solid #F0F0ED !important;
    padding: 5px 25px;
    margin: 5px 0 20px 0;
    font-family: "Courier New";
    clear: both;
    display: block;
    font-size: 12px;
    line-height: 21px;
}

pre {
    display: block;
    color: #000;
    background: #eaeaea;
    border: 1px solid #f0f0ed;
    padding: 5px 25px;
    margin: 5px 0 20px 0;
    font-family: "Courier New";
    overflow: auto;
    font-size: 12px;
    line-height: 21px;
}

/* 表格行高 */
td {
    line-height: 26px;
}

/* 斜体文本 */
em {
    font-style: italic;
}

/* 文章内容页面显示作者 日期的间距 */
.gp-post-meta {
    color: #33363C;
    line-height: 1;
    margin: 20px 10px 0 10px;
    font-size: 12px!important;
    font-weight: 400!important;
}

/* 各类作者 日期 评论替代图标 */
.gp-blog-wrapper section {
    margin-bottom: 0px!important;
    padding: 10px;
}

/* 页面标题样式 */
.page-title {
    margin-bottom: 5px;
}


/* ============================================================================ */
/* ================================ 字体与链接 ================================ */
/* ============================================================================ */

/* 链接悬停颜色 */
h4 {
    font-size: 15px;
}

@media (min-width: 800px) {
    .post-text h2 {
        font-size: 18px;
    }
}

#comments h3 {
    line-height: 1;
    font-size: 15px;
    margin-bottom: 20px;
}

#comments #reply-title {
    display: block;
    margin: 0 0 10px;
    font-size: 15px;
}


/* ============================================================================ */
/* ============================== 侧边栏与小工具 ============================= */
/* ============================================================================ */

/* 小工具通用样式 */
.widget {
    position: relative;
    width: 100%;
    overflow: hidden;
    clear: both;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 3px;
}

/* 小工具标题内边距 */
.widget .widgettitle,
.widget .widget-title,
.widget .wp-block-search__label {
    padding: 5px 10px 8px 10px;
    margin: 0 0 10px 0;
}

/* 控制小工具内边距（紧凑） */
.widget {
    padding: 10px;
}

/* 侧边栏字体颜色 */
.sidebar {
    color: #616161;
}


/* ============================================================================ */
/* ================================ 表单与输入 ================================ */
/* ============================================================================ */

/* 登录注册表单输入框 */
.gp-login-register-form input[type="text"],
.gp-login-register-form input[type="password"],
.gp-login-register-form input[type="email"],
.gp-login-register-form input[type='submit'] {
    width: 100%;
    height: 30px;
}

/* 手机端输入框高度 */
@media screen and (max-width: 800px) {
    .gp-login-register-form input[type="text"],
    .gp-login-register-form input[type="password"],
    .gp-login-register-form input[type="email"],
    .gp-login-register-form input[type='submit'] {
        height: 45px !important;
    }
}

/* 搜索栏宽度 */
.gp-search-submit {
    width: 30%;
}

.gp-search-bar {
    width: 68%;
}


/* ============================================================================ */
/* ================================ 媒体与播放器 ============================= */
/* ============================================================================ */

/* FV 播放器冲突解决 */
.flowplayer .fp-play .fp-playbtn,
.flowplayer .fp-pause .fp-playbtn,
.flowplayer .fp-waiting .fp-playbtn {
    display: none !important;
}


/* ============================================================================ */
/* ================================ 图片与对齐 ================================ */
/* ============================================================================ */

/* 图片居中 */
.align-center,
.aligncenter {
    margin: 5px auto;
    clear: none !important;
}

/* 分割线清除 */
hr {
    clear: none !important;
}

/* 轮播图图片圆角 */
.flexslider .slides img {
    border-radius: 2px;
}


/* ============================================================================
   📌 WordPress 通用响应式样式
   ============================================================================ */

/* 平板及以上 */
@media screen and (min-width: 800px) {
    .insert-post-ads {
        display: none !important;
    }
}

/* 手机端 */
@media screen and (max-width: 800px) {
    blockquote p {
        margin: 10px;
    }

    .widget {
        display: none;
    }

    #content-wrapper {
        margin-bottom: 0px;
    }

    .page-title {
        font-size: 16px;
        margin-bottom: 5px;
    }
}

/* 超小屏 */
@media screen and (max-width: 500px) {
    .post-thumbnail.single-thumbnail,
    .post-thumbnail.single-thumbnail img {
        display: none;
    }

    .gp-responsive #page-wrapper {
        padding: 0 0px;
    }

    .padder,
    #container #content {
        padding: 10px;
    }
}
/* 关闭导航上的通知状态 */
@media only screen and (max-width: 1023px) {
  .gp-responsive.gp-profile-all #gp-profile-mobile-button,
  .gp-responsive.gp-profile-mobile #gp-profile-mobile-button {
    display: none;
  }
}
/* ============================================================================ */
/* ================================ 其他组件 ================================ */
/* ============================================================================ */

/* 回到顶部按钮 */
#gp-to-top {
    background: #f5f4f5 !important;
    color: #5C6161 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 3px #d2cfcf59 !important;
}

/* 日历今日高亮 */
#wp-calendar #today {
    font-size: 1.1em;
    background-color: #e2e2e2;
    color: #000;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
}

#wp-calendar #today a {
    color: inherit;
    text-decoration: none;
}

#wp-calendar #today a:hover {
    background-color: #f44336;
    color: #fff;
    border-radius: 50%;
    padding: 0.25em;
}

/* 隐藏特定菜单项 */
#blogs-personal-li {
    display: none;
}

/* 评论表单工具栏 */
#qt_comment_toolbar {
    display: none;
}

/* 字体图标路径（可能拼写错误） */
ht


/* ============================================================================ */
/* ================================ 插件样式 ================================ */
/* ============================================================================ */

/* =============================
   erphpdown 下载模块（高权重覆盖版）
   ============================= */

/* 下载按钮 */
body .erphpdown .erphpdown-down {
    font-size: 15px;
}

/* 登录提示 */
body .erphpdown .erphp-login-must {
    background: #e96969;
    padding: 2px 7px;
    font-size: 15px;
}

/* 复制按钮 */
body .erphpdown .erphpdown-copy {
    color: #fff;
}

/* VIP 提示 */
body .erphpdown .erphpdown-vip {
    background: #e96969;
}

/* 下载容器 */
body .erphpdown {
    overflow: hidden;
    border: 1px solid #ccc!important;
}

/* 下载弹窗标题 */
body #erphpdown-download .title {
    font-size: 15px;
    color: #fff;
}

/* 隐藏内容提示 */
body .hidden-content {
    margin-top: 10px;
    color: #ffc107;
}

/* 下载弹窗整体 */
body #erphpdown-download {
    font-family: 'Microsoft Yahei', 'Sans-serif';
    font-size: 24px;
}

/* layer 弹窗标题 */
body .layui-layer-title {
    display: none;
}

/* layer 弹窗背景 */
body .layui-layer {
    border-radius: 20px;
    background-color: hsl(0deg 0% 22% / 58%);
}

/* 关闭按钮 */
.layui-layer-setwin .layui-layer-close {
    display: none !important;   /* 去掉原来的背景图 */
}

/* myCRED 排名图标 */
div.mycred-my-rank img {
    height: 14px;
    width: 14px;
}

.fp-playlist-vertical-wrapper {
    margin-bottom: 0px;
}

/* mwai AI 插件样式 */
.mwai-statistics-usage .mwai-statistics-bar-container {
    background: #ececec!important;
    height: 21px!important;
}

.mwai-timeless-theme .mwai-conversation .mwai-reply.mwai-user {
    color: black!important;
}

.mwai-input {
    background-color: #e9e9e9;
}

/* 小工具中论坛/主题/回复项间距 */
.gp-theme .widget_display_forums li,
.gp-theme .widget_display_topics li,
.gp-theme .widget_display_replies li {
    margin-top: 10px!important;
}

/* 图片标题 */
.caption {
    background: #3131317d;
}


/* ============================================================================ */
/* ============================ 重复或覆盖规则（保留） ========================= */
/* ============================================================================ */

/* 以下为重复或被覆盖的规则，按原始顺序保留 */
#buddypress .element,
#bbpress .element {
    height: auto !important;
}



.avatar {
    border-radius: 100%;
}

/* 用户头像样式 */
#respond .avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
}


/* 版权区域背景 */
#copyright {
    background: white;
    color: #343434;
}
/*内容区域距离版权区域的间距 */
#content-wrapper {
margin-bottom: 14px;
}

/* 评论修复按钮响应区域 */
#commentform textarea {
    display: block;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}


/* ============================================================================ */
/* ============================== 文档系统 =============================== */
/* ============================================================================ */

.grid-docs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 1em;
}

.grid-docs .docs-category-group {
    background: #fff;
    border: 1px solid #eee;
    padding: 16px 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    transition: transform 0.2s ease;
}

.grid-docs .docs-category-group:hover {
    transform: translateY(-2px);
}

.grid-docs .docs-category-group h4 {
    margin-top: 0;
    font-size: 1.1em;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.4em;
}

.grid-docs ul {
    list-style: disc;
    margin: 0.5em 0 0 1.2em;
    padding: 0;
}

.grid-docs li {
    margin: 0.3em 0;
}

.grid-docs a {
    text-decoration: none;
    color: #0066cc;
}

.grid-docs a:hover {
    text-decoration: underline;
}


/* ============================================================================ */
/* ============================== 全局容器溢出防护 =============================== */
/* ============================================================================ */
/*	•	Safari 自动放大问题仅在字体 <16px 时触发，所以这样就解决了*/
/* 1️⃣ 输入框优化，防止 Safari 自动放大 */
/* ============================================================================ */
@media (max-width: 768px) {
    /* 统一主题下的输入控件 */
    .gp-theme input,
    .gp-theme textarea,
    .gp-theme select {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    /* 按钮类单独处理 *//* 移动端兜底按钮优化 */
    button,
    input[type="button"],
    input[type="submit"] {
        font-size: 16px;
        line-height: 1.2;
        padding: 6px 12px;
        border-radius: 6px;
        border: none;
        background-color: #e96969;
        color: #fff;
        cursor: pointer;
        transform: scale(0.83);
        transform-origin: center;
    }

    /* 全局兜底（避免漏网之鱼） */
    input,
    textarea,
    select {
        font-size: 16px;
        -webkit-text-size-adjust: 100%;
    }
    /* 手机上窄边框 */


}


/* ============================================================
   移动端横向滚动与媒体元素适配优化
   1. 禁止页面在移动端产生横向滚动条（常见于小屏幕 + 元素溢出时）
   2. 保证图片、视频、iframe 在容器内自适应宽度，不会撑破布局
   ============================================================ */
html, body {
    overflow-x: hidden;
}

img,
iframe,
video {
    max-width: 100%;
}