* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 隐藏垂直滚动条但允许内容滚动 */
::-webkit-scrollbar {
    display: none;
}

html {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    color: hsl(0, 100%, 36%);
}

/* logo的外层 div 样式 */
.logo-outter {
    width: 100%;
    height: 230px;
    background: linear-gradient(135deg, hsl(210, 100%, 50%) 0%, hsl(210, 89%, 40%) 100%);
    position: relative;
    overflow: hidden;
}

/* 添加背景装饰效果 */
.logo-outter::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    border-radius: 50%;
}

/* logo的内层 div 样式 */
.logo-inner {
    width: 1440px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

/* wrapper header 样式 */
.wrapper_logo.header_logo {
    width: 100%;
    height: 100%;
   
}

.wrapper_logo.header_logo .inner_logo {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.wrapper_logo.header_logo .mod_logo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 左侧 logo 区域 */
.head-left_logo {
    display: flex;
    align-items: center;
}

.sitelogo_logo a {
    display: block;
}

/* 新增 logo 样式 */
.new-logo_logo {
    margin: 0;
    width: 800px;
    height: 180px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.new-logo_logo:hover {
    transform: scale(1.02);
}

/* 右侧区域 - 包含搜索框等右侧元素的容器 */
.head-right_logo {
    display: flex;                      /* 使用弹性盒子布局 */
    flex-direction: row;             /* 子元素水平排列 */   
    align-items: flex-end;              /* 子元素靠右对齐 */
    justify-content: center;            /* 子元素垂直居中 */
    height: 100%;                       /* 高度占满父容器 */
    gap: 20px;                          /* 子元素之间间距20px */
    margin-left: auto;                  /* 让右侧区域靠在最右边（在flex布局中自动推到右侧） */
   
}


/* 搜索框外层容器样式 */
.searchbox_logo {
    width: 260px;                       /* 搜索框容器宽度固定为260px */
}

/* 搜索框主容器样式 - 包含输入框和按钮的区域 */
.wp-search_logo {
    display: flex;                      /* 使用弹性盒子布局 */
    align-items: center;                /* 子元素垂直居中对齐 */
    background: rgba(255, 255, 255, 0.2); /* 白色半透明背景，透明度20% */
    border-radius: 10px;                /* 圆角半径10px */
    padding: 5px 0px;                   /* 上下内边距5px，左右内边距0px */
    backdrop-filter: blur(10px);        /* 背景模糊效果，模糊半径10px */
    border: 1px solid rgba(255, 255, 255, 0.3); /* 白色半透明边框，透明度30% */
}

/* 搜索框表单样式 */
.wp-search_logo form {
    display: flex;                      /* 使用弹性盒子布局 */
    flex-direction: row;                /* 子元素水平排列 */
    align-items: center;                /* 子元素垂直居中对齐 */
    width: 100%;                       /* 宽度占满父容器 */
    margin: 0;                         /* 外边距为0 */
    padding: 0;                        /* 内边距为0 */
}

/* 搜索输入框容器样式 */
.search-input_logo {
    flex: 1;                           /* 占据剩余所有空间 */
    display: flex;                     /* 使用弹性盒子布局 */
    align-items: center;               /* 子元素垂直居中对齐 */
}

.search-title_logo {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border: none;
    background: transparent;
    color: #ffffff;
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    outline: none;
    line-height: 40px;
    vertical-align: middle;
}

.search-title_logo::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.search-btn_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}

.search-submit_logo {
    width: 40px;
    height: 40px;
    border: none;
    background: url('../images/search.png') center/20px no-repeat;
    cursor: pointer;
    transition: transform 0.2s ease;
    vertical-align: middle;
}

.search-submit_logo:hover {
    transform: scale(1.1);
}