/**
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
*/


/*自定义css样式*/
/* ========== 下面写你的自定义CSS ========== */

/* 头部导航下拉子菜单 黑色背景 */
.main-header-menu .sub-menu {
    background-color: #000000 !important;  /* 下拉框背景黑色 */
    width: 220px !important;              /* 下拉菜单整体宽度 */
    padding: 8px 0 !important;
    border-radius:4px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

/* 下拉菜单链接文字 */
.main-header-menu .sub-menu .menu-item a.menu-link {
    color: #ffffff !important;    /* 文字白色 */
    font-size:16px !important;
    padding:12px 20px !important;
}

/* 鼠标悬浮样式 */
.main-header-menu .sub-menu .menu-item a.menu-link:hover {
    background-color:#222222 !important;  /* hover深灰底色 */
    color:#ffdd55 !important;             /* hover高亮黄色文字 */
}
/* 顶部导航栏固定在页面头部，滚动时保持悬浮置顶 */
.main-header-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important; /* 层级保证不会被其他元素盖住 */
}

/* 给页面主体增加顶部边距，防止固定导航挡住首页内容 */
.ast-container {
    margin-top: var(--header-height, 0px) !important;
}

/* 导航内部菜单适配固定布局 */
.main-header-menu {
    width:100%;
}

/* 之前下拉菜单样式保留，这里不用改动 */
.main-header-menu .sub-menu {
    background-color: #000000 !important;
    width: 220px !important;
    padding: 8px 0 !important;
    border-radius:4px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.main-header-menu .sub-menu .menu-item a.menu-link {
    color: #ffffff !important;
    font-size:16px !important;
    padding:12px 20px !important;
}
.main-header-menu .sub-menu .menu-item a.menu-link:hover {
    background-color:#222222 !important;
    color:#ffdd55 !important;
}
/* ========== 首页大Banner 原生封面块 wp-block-cover ========== */
/* Banner外层容器，控制整体高度 */
.wp-block-cover.alignfull {
    min-height: 520px !important;  /* 桌面Banner高度，自行修改 */
    box-sizing: border-box !important;
}

/* 修改渐变背景层（核心！渐变写在这里） */
.wp-block-cover.alignfull .wp-block-cover__background {
    /* 渐变示例：深蓝→紫色渐变，你可以替换色值 */
    background: linear-gradient(35deg, #050078 0%, #8204ff 100%) !important;
    opacity:1 !important;
}

/* Banner内标题文字 */
.wp-block-cover.alignfull h1,
.wp-block-cover.alignfull h2 {
    color: #ffffff !important;
    font-size: 48px !important;
    line-height: 1.2 !important;
}

/* Banner描述小字 */
.wp-block-cover.alignfull p {
    color: #f0f0f0 !important;
    font-size:18px !important;
}

/* ========== 手机端响应式适配 ========== */
@media (max-width:768px) {
    .wp-block-cover.alignfull {
        min-height:320px !important;
    }
    .wp-block-cover.alignfull h1,
    .wp-block-cover.alignfull h2 {
        font-size:30px !important;
    }
}
/* 底部导航菜单 背景黑色 文字白色 */
/* 底部菜单 a.menu-link 文字白色 */
.site-footer .menu-item > a.menu-link {
    color: #ffffff !important;
    font-size: 18px;
    padding: 14px 16px !important;
}
/* 鼠标悬浮效果 */
.site-footer .menu-item > a.menu-link:hover {
    color: #cccccc !important;
}
/* 底部菜单外层容器，设置黑色背景 */
.site-footer .ast-footer-nav-container {
    background-color: #000000 !important;
}
/* 菜单ul横向居中排版 */
.site-footer .ast-footer-nav-container ul {
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}



/*首页手写模板样式*/
.home-hero {
    min-height: 480px;
    background: linear-gradient(35deg,#050078,#8204ff);
    color:#ffffff;
    display:flex;
    align-items:center;
    padding:0 20px;
}
.home-section{
    padding:60px 20px;
}


/*==== 移动端头部布局：左汉堡｜中间LOGO｜右语言切换 ====*/
.ast-mobile-header-wrap {
    width:100%;
    background:#002170;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
}
.ast-mobile-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 16px;
}
.mobile-menu-toggle-wrap .menu-toggle{
    background:transparent;
    border:none;
    width:32px;
    height:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    cursor:pointer;
}
.mobile-menu-toggle-wrap .menu-toggle span{
    width:100%;
    height:3px;
    background:#fff;
    border-radius:2px;
}
.mobile-logo-wrap img{
    height:36px;
    width:auto;
}
.mobile-lang-switch{
    color:#fff;
}
.mobile-lang-switch select{
    background:#002170;
    color:white;
    border:1px solid #fff;
    padding:4px;
}