/*
Theme Name: OneNav Child
Theme URI: https://www.iotheme.cn
Template: onenav
Author: 一为
Author URI: https://www.iowen.cn/
Description: 一导航， 集网址、资源、资讯于一体的导航主题。 官网：一主题
Version: 4.1602.1774365696
Updated: 2026-03-24 15:21:36

*/


/** --------------------------------------------------------------------------------------
    ========== DeepSeek风格搜索框样式（高特异性，无 !important）========== 
    -------------------------------------------------------------------------------------- */

/* 主容器卡片样式 */
.s-search .super-search-fm {
    background: #fff;
    border-radius: 32px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02);
    transition: box-shadow 0.2s ease, background 0.2s;
    padding: 8px 20px 8px 24px;
    border: none;
    display: block;
}

.s-search .super-search-fm:focus-within {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(24, 144, 255, 0.3);
}

/* 搜索输入框 */
.s-search .super-search-fm #search-text {
    width: 100%;
    border: none;
    background: transparent;
    padding: 16px 0;
    font-size: 1.05rem;
    line-height: 1.5;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    color: #1f2d3d;
    margin: 0;
    box-sizing: border-box;
}

.s-search .super-search-fm #search-text::placeholder {
    color: #9aa9bb;
    font-weight: 400;
}


/* 底部工具栏：十字菜单 + 类型标签 + 搜索按钮 */
.s-search .super-search-fm #search-list-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 4px 0;
    border-top: 1px solid #eff2f6;
    position: static;
    float: none;
    clear: both;
}

/* 十字按钮 */
.s-search .super-search-fm .cross-menu-trigger {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f5f7fa;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    transition: all 0.2s;
    color: #4a5b6e;
    user-select: none;
    position: static;
    float: none;
}

.s-search .super-search-fm .cross-menu-trigger:hover {
    background: #e9ecef;
    transform: scale(0.95);
    color: #1e2a3a;
}

/* 搜索类型标签滚动区 */


.s-search .super-search-fm .s-type {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
    text-align: left;  /* 强制左对齐 */
}

.s-search .super-search-fm .s-type-list {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    position: relative;
    justify-content: flex-start;  /* 左对齐 */
}

.s-search .super-search-fm .s-type-list label {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 40px;
    background: #f5f7fa;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    color: #3c4b5c;
    letter-spacing: 0.3px;
}

.s-search .super-search-fm .s-type-list label.active {
    background: #eef2ff;
    color: #2c7da0;
    font-weight: 500;
    box-shadow: none;
}

.s-search .super-search-fm .s-type-list label:hover {
    background: #e9ecef;
    color: #1f2d3d;
}

/* 右侧搜索按钮容器 */
.s-search .super-search-fm .search-submit-btn {
    flex-shrink: 0;
    position: static;
    float: none;
}

/* 搜索按钮 - 上箭头样式（DeepSeek风格） */
.s-search .super-search-fm #btn_search {
    width: 42px;
    height: 42px;
    border: none;
    background: #eef2ff;
    color: #2c7da0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: none;
    position: static;
    float: none;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.s-search .super-search-fm #btn_search:hover {
    background: #e4e9f5;
    transform: scale(0.96);
    color: #1f5e7a;
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
    .s-search .super-search-fm {
        background: #1e1e2a;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.08);
    }
    .s-search .super-search-fm:focus-within {
        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(59, 130, 246, 0.5);
    }
    .s-search .super-search-fm #search-text {
        color: #e2e8f0;
    }
    .s-search .super-search-fm #search-text::placeholder {
        color: #6c7a8e;
    }
    .s-search .super-search-fm #search-list-menu {
        border-top-color: #2d2d3a;
    }
    .s-search .super-search-fm .cross-menu-trigger {
        background: #2c2c3a;
        color: #b9c3d4;
    }
    .s-search .super-search-fm .cross-menu-trigger:hover {
        background: #3a3a4a;
        color: #e2e8f0;
    }
    .s-search .super-search-fm .s-type-list label {
        background: #2a2a36;
        color: #b9c3d4;
    }
    .s-search .super-search-fm .s-type-list label.active {
        background: #2d3a5e;
        color: #7aaee0;
    }
    .s-search .super-search-fm .s-type-list label:hover {
        background: #353545;
        color: #e2e8f0;
    }
    .s-search .super-search-fm #btn_search {
        background: #2d3a5e;
        color: #7aaee0;
    }
    .s-search .super-search-fm #btn_search:hover {
        background: #36446e;
        color: #90c0f0;
    }
}

/* 自定义浮动菜单样式 */
.custom-float-menu {
    position: fixed;
    z-index: 9999;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 20px 35px -8px rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.05);
    min-width: 170px;
    overflow: hidden;
}
.custom-float-menu ul {
    margin: 0;
    padding: 8px 0;
    list-style: none;
}
.custom-float-menu li a,
.custom-float-menu li span {
    display: block;
    padding: 10px 20px;
    color: #1f2937;
    text-decoration: none;
    font-size: 0.9rem;
    transition: background 0.15s;
    cursor: pointer;
}
.custom-float-menu li a:hover,
.custom-float-menu li span:hover {
    background: #f1f5f9;
}
@media (prefers-color-scheme: dark) {
    .custom-float-menu {
        background: #1e1e2a;
        box-shadow: 0 20px 35px -8px rgba(0,0,0,0.5);
    }
    .custom-float-menu li a,
    .custom-float-menu li span {
        color: #e2e8f0;
    }
    .custom-float-menu li a:hover,
    .custom-float-menu li span:hover {
        background: #2d2d3f;
    }
}
/*------------------------------------end-------------------------------------------- */



/** --------------------------------------------------------------------------------------
     Avatar Menu Display
    -------------------------------------------------------------------------------------- */
.menu-item img.avatar {
    vertical-align: middle;
    margin: 0 5px;
    border-radius: 50%;
}

/** --------------------------------------------------------------------------------------
     Menu Add menu-button CSS
    -------------------------------------------------------------------------------------- */
.menu-button > a {
    display: inline-block;
    padding: 8px 20px;
/*  background: #00b96a;    */
    background: #165dff;
    color: white !important;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.3s;
}
.menu-button > a:hover {
    background: #55E5A7;
}

/**  Media query to resize buttons on mobile devices */
@media (max-width: 768px) {
    .menu-button > a {
        padding: 6px 12px;
        font-size: 14px;
    }
}

/**  Hover animations */
.menu-button > a {
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.menu-button > a:active {
    transform: translateY(1px);
}





.menu-item-button > a {
    display: inline-block;
    padding: 8px 16px;
    background: #0073aa;
    color: white !important;
    border-radius: 4px;
}



/** --------------------------------------------------------------------------------------
     Menu Add mobile-menu-toggle CSS,   Mobile Bottom Menu
    -------------------------------------------------------------------------------------- */

/* 基础按钮样式 */
.mobile-menu-toggle {
    display: none;
/*  background: #05ce78;  */
    background: #165dff;
    color: white;
    padding: 2px 0px 5px 0px;
    margin: 6px 14px;
/*  border: 1px solid #05ce78;  */
    border: 1px solid #165dff;
    border-radius: 15px;
    width: 90%;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 图标样式 */
.mobile-menu-toggle .icon_wrapper {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 0px;
    vertical-align: middle;
}

/* 白色图标设置 */
.mobile-menu-toggle .icon_wrapper svg,
.mobile-menu-toggle .icon_wrapper i {
    color: white !important;
    fill: white !important;
}

/* 响应式显示 */
@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: block;
    }
}


/** --------------------------------------------------------------------------------------
     语言偏好切换弹窗，主题跟随系统切换
    -------------------------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
    /* 自动应用暗黑变量 */
}





/** --------------------------------------------------------------
## Sidebar style
--------------------------------------------------------------*/


/** --------------------------------------------------------------
##  style
--------------------------------------------------------------*/