/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/



/* 仅针对首页生效的全局渐变 */
body.home, 
body.home .site, 
body.home #page,
body.home .ast-container {
    background: linear-gradient(135deg, #a5ccf9 0%, #ffffff 50%, #d8b4fe 100%) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat;
}

/* 确保首页的页头也是透明的，以便露出渐变色 */
body.home .main-header-bar, 
body.home .ast-primary-header-bar,
body.home .site-header {
    background: transparent !important;
    border-bottom: none !important;
}

/* 确保首页的内容容器没有白背景遮挡 */
body.home .site-content {
    background: transparent !important;
}

body.home .site-footer ,body.home .site-below-footer-wrap[data-section="section-below-footer-builder"]{
    background-color: rgba(0, 0, 0, 0)!important;
}





/* --- OffiNav 搜索框组件样式 --- */
.offinav-search-section {
    width: 100%;
    display: flex;
    justify-content: center;
    /*margin: 40px 0 60px;*/
    margin: 0;
}

.offinav-search-container {
    position: relative;
    width: 100%;
    max-width: 600px; /* 参考图中的宽度 */
    margin: 0 auto;
}

.offinav-search-form {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.offinav-search-input {
    width: 100%;
    padding: 16px 120px 16px 25px !important; /* 右侧留出按钮位置 */
    border-radius: 50px !important; /* 极圆角 */
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 1rem !important;
    color: #111827 !important;
    outline: none !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    height: auto!important;
}

/* 聚焦状态：模拟你提供的蓝色呼吸边框 */
.offinav-search-input:focus {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: #2563eb !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1) !important;
}

.offinav-search-btn {
    position: absolute;
    right: 8px; /* 嵌套在输入框内部 */
    top: 8px;
    bottom: 8px;
    background: #2563eb !important;
    color: white !important;
    border: none !important;
    padding: 0 25px !important;
    border-radius: 40px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
    transition: background 0.2s ease !important;
}

.offinav-search-btn:hover {
    background: #1d4ed8 !important;
}

/* 适配移动端 */
@media (max-width: 640px) {
    .offinav-search-input {
        padding: 14px 100px 14px 20px !important;
        font-size: 1rem !important;
        height: auto!important;
    }
    .offinav-search-btn {
        /*padding: 0 15px !important;*/
    }
}














/* ============================================================
   OffiNav 导航组件 - Flex 优化版
   特性：Flex 响应式布局、深感投影、移动端双列
   ============================================================ */

.offinav-container {
    --offi-primary: #2563eb;
    --offi-primary-hover: #1d4ed8;
    
    --offi-style-2:#9333ea;
    --offi-style-3:#ef4444;
    --offi-style-4:#059c00;
    --offi-style-5:#ff8d00;
    --offi-style-6:#eb01ff;
    
    --offi-text-main: #111827;
    --offi-text-muted: #6b7280;
    --offi-glass: rgba(255, 255, 255, 0.7);
    --offi-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    --offi-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    max-width: 1200px;
    margin: 0 auto;
    font-family: "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;
    color: var(--offi-text-main);
}

/* --- 分类标题区域 --- */
.offinav-section {
    margin-bottom: 40px;
}

.offinav-category-header {
    display: flex;
    align-items: center;
    margin: 40px 0 20px;
    border-left: 4px solid var(--offi-primary);
    padding-left: 15px;
}

.style_2 .offinav-category-header {border-left: 4px solid var(--offi-style-2);}
.style_3 .offinav-category-header {border-left: 4px solid var(--offi-style-3);}
.style_4 .offinav-category-header {border-left: 4px solid var(--offi-style-4);}
.style_5 .offinav-category-header {border-left: 4px solid var(--offi-style-5);}
.style_6 .offinav-category-header {border-left: 4px solid var(--offi-style-6);}

.offinav-category-title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--offi-text-main) !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.offinav-category-desc {
    margin-left: 15px;
    color: #9ca3af;
    font-size: 0.875rem;
}

/* --- 工具容器 - 切换为 Flex 布局 --- */
.offinav-grid {
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    gap: 20px; /* 卡片间距 */
}

/* --- 工具卡片主体 --- */
.offinav-card {
    /* 大屏默认：一行四个 (100% / 4 - 间距修正) */
    width: calc(25% - 15px); 
    background: var(--offi-glass);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 20px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    display: flex;
    gap: 15px;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box; /* 确保 padding 不撑大卡片 */
    
    text-decoration: none !important;
    color: var(--offi-text-main) !important;
    outline: none;
    
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: var(--offi-shadow);
}

.offinav-card:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: var(--offi-shadow-hover);
    text-decoration: none !important;
}

/* --- 图标容器 --- */
.offinav-card-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    background: #ffffff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.offinav-card-icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

/* --- 文字信息区域 --- */
.offinav-card-info {
    flex: 1;
    min-width: 0;
    padding-right: 10px;
}

.offinav-card-name {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    margin: 0 0 4px 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* 标题过长省略 */
}

.offinav-card-text {
    font-size: 0.75rem !important;
    color: var(--offi-text-muted) !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* --- 直达按钮 --- */
.offinav-direct-link {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: rgba(37, 99, 235, 0.08);
    color: var(--offi-primary);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(5px);
    transition: all 0.2s ease-in-out;
}

.offinav-card:hover .offinav-direct-link {
    opacity: 1;
    transform: translateY(0);
}

/* --- 响应式适配 --- */

/* 中等屏幕：一行两个 */
/* 中等屏幕：一行三个 */
@media (max-width: 1024px) {
    .offinav-card {
        /* 100% 除以 3，再减去 gap 带来的偏移 */
        width: calc(33.33% - 14px); 
    }
}

/* 移动端：强制每行两个 */
@media (max-width: 640px) {
    .offinav-grid {
        gap: 12px; /* 移动端间距缩小，更紧凑 */
    }
    .offinav-card {
        width: calc(50% - 6px); /* 减去 gap 的一半 */
        padding: 12px; /* 移动端内边距减小 */
        gap: 10px;
    }
    .offinav-card-icon {
        width: 36px;
        height: 36px;
    }
    .offinav-card-icon img {
        width: 22px;
        height: 22px;
    }
    .offinav-card-name {
        font-size: 0.85rem !important;
    }
    .offinav-category-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .offinav-category-desc {
        margin-left: 0;
        font-size: 0.75rem;
    }
}





/* 搜索框的样式调整 */
/*.wp-block-search__inside-wrapper .wp-block-search__input{*/
/*	padding:24px 10px;*/
/*	border:0px*/
/*}*/




/*通用*/

/*首页*/  .top-line{border-top: 1px solid rgba(0, 0, 0, 0.05)!important;}