.hfft-wrap{display:flex;gap:16px;flex-direction:row!important}
/* 内容包装器：占据剩余空间，内部工具垂直堆叠 */
.hfft-content-wrapper{flex:1!important;min-width:0!important;display:block!important}
/* 确保内容包装器内的所有工具垂直堆叠 */
.hfft-content-wrapper .hfft-content,
.hfft-content-wrapper>.hfft-content{display:block!important;width:100%!important;margin-bottom:20px!important;flex:none!important;clear:both!important;float:none!important}
.hfft-content-wrapper .hfft-content+.hfft-content{margin-top:20px!important}
/* 兼容：如果没有包装器，直接作为 .hfft-wrap 的子元素 */
.hfft-wrap>.hfft-content:first-of-type{flex:1!important;min-width:0!important;display:block!important}
.hfft-wrap>.hfft-content:not(:first-of-type){display:block!important;width:100%!important;flex:0 0 auto!important;clear:both!important;margin-top:20px!important}
/* 确保内容区域内的多个工具垂直堆叠 - 最高优先级 */
.hfft-wrap>.hfft-content .hfft-content,
.hfft-wrap>.hfft-content>.hfft-content,
.hfft-wrap .hfft-content+.hfft-content{display:block!important;width:100%!important;margin-top:20px!important;flex:none!important;clear:both!important;float:none!important}
/* 确保内容区域内的所有直接子元素（包括多个工具）都是块级显示 */
.hfft-wrap>.hfft-content>*{display:block!important;width:100%!important;flex:none!important;clear:both!important}
.hfft-nav{width:220px;background:#1f2937;border-radius:8px;padding:8px}
.hfft-nav ul{list-style:none;margin:0;padding:0}
.hfft-nav a{display:block;color:#e5e7eb;text-decoration:none;padding:10px 12px;border-radius:6px}
.hfft-nav a:hover{background:#2563eb;color:#fff}

/* 分类菜单样式 */
.hfft-nav-main {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hfft-category {
    margin-bottom: 8px;
}

.hfft-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #374151;
    color: #e5e7eb;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 600;
    transition: background-color 0.2s;
}

.hfft-category-header:hover {
    background: #4b5563;
}

.hfft-category-name {
    font-size: 14px;
}

.hfft-category-toggle {
    font-size: 12px;
    transition: transform 0.2s;
}

.hfft-category.collapsed .hfft-category-toggle {
    transform: rotate(-90deg);
}

.hfft-category-tools {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 4px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.hfft-category.expanded .hfft-category-tools {
    max-height: 500px; /* 足够大的值 */
}

.hfft-category-tools li {
    margin: 2px 0;
}

.hfft-category-tools a {
    display: block;
    padding: 8px 20px;
    color: #d1d5db;
    text-decoration: none;
    border-radius: 4px;
    font-size: 13px;
    transition: all 0.2s;
}

.hfft-category-tools a:hover {
    background: #2563eb;
    color: #fff;
}
.hfft-content{display:block!important;width:100%!important;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px!important;box-sizing:border-box!important;flex:none!important;max-width:100%!important;float:none!important}
.hfft-content+.hfft-content{margin-top:20px!important}
/* 确保在任何父容器中都是块级显示 */
*>.hfft-content{display:block!important;width:100%!important;float:none!important}
/* 处理 flex 容器中的情况 - 但排除 .hfft-wrap > .hfft-content（它需要 flex:1） */
[class*="flex"] .hfft-content:not(.hfft-wrap>.hfft-content),[style*="flex"] .hfft-content:not(.hfft-wrap>.hfft-content){flex:0 0 100%!important;max-width:100%!important}
/* 处理常见主题容器 */
.entry-content .hfft-content,.post-content .hfft-content,.article-content .hfft-content,.content-area .hfft-content,.main-content .hfft-content{display:block!important;width:100%!important;flex:0 0 100%!important;max-width:100%!important;clear:both!important}
/* 处理 grid 容器 */
[class*="grid"] .hfft-content,[style*="grid"] .hfft-content{grid-column:1/-1!important;width:100%!important}
/* 强制所有情况下的垂直堆叠 - 最高优先级 */
.hfft-content{clear:both!important;min-width:100%!important}
/* 确保 .hfft-wrap 内的内容区域也是垂直堆叠 */
.hfft-wrap{flex-direction:column!important}
.hfft-wrap>.hfft-content{flex:0 0 auto!important;width:100%!important;max-width:100%!important}
/* 处理任何可能的父容器 flex 布局 - 使用更通用的选择器 */
div .hfft-content,section .hfft-content,article .hfft-content,p .hfft-content{display:block!important;width:100%!important;flex:0 0 100%!important;max-width:100%!important;clear:both!important}
.hfft-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.hfft-field input,.hfft-field textarea, .hfft-field select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px}
.hfft-actions{display:flex;gap:10px;margin:10px 0;flex-wrap:wrap}
.hfft-actions.wrap{flex-wrap:wrap}
.hfft-btn{height:36px;padding:0 14px;border:0;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer}
.hfft-btn.secondary{background:#6b7280}
.hfft-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hfft-grid-tracking{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hfft-grid-terms{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important}
.hfft-grid-terms .hfft-field{margin-bottom:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important}
.hfft-grid-terms .hfft-field label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;margin-bottom:0!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important}
.hfft-output{width:100%}
.hfft-output textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-family:monospace;font-size:14px;line-height:1.5;resize:vertical}
/* min-height 由动态CSS控制，默认值：电脑端400px，移动端300px */

/* 空白页面内容样式 */
.hfft-blank-content {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

.hfft-blank-content * {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}
/* 移动端优化样式 */
@media(max-width:768px){
    .hfft-wrap{
        flex-direction:column!important;
        gap:12px;
    }
    .hfft-nav{
        width:100%;
        order:2;
    }
    .hfft-content{
        order:1;
        padding:12px;
        margin-bottom:10px;
    }
    
    /* onenav 主题移动端特殊优化 - 减少边距 */
    body.onenav-theme .hfft-content,
    body.theme-onenav .hfft-content,
    .onenav-theme .hfft-content,
    .theme-onenav .hfft-content {
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 网格布局优化 */
    .hfft-grid{
        grid-template-columns:1fr !important;
        gap:15px !important;
    }
    
    /* 跟踪工具网格优化 */
    .hfft-grid-tracking{
        grid-template-columns:1fr !important;
        gap:15px !important;
    }
    
    /* 贸易术语网格优化 */
    .hfft-grid-terms{
        grid-template-columns:repeat(2,1fr) !important;
        gap:10px !important;
    }
    
    /* 字段优化 */
    .hfft-field{
        margin-bottom:15px;
    }
    
    .hfft-field input,
    .hfft-field textarea,
    .hfft-field select{
        font-size:16px !important; /* 防止iOS缩放 */
        padding:12px !important;
        border-radius:8px !important;
        border:2px solid #d1d5db !important;
    }
    
    .hfft-field input:focus,
    .hfft-field textarea:focus,
    .hfft-field select:focus{
        border-color:#2563eb !important;
        outline:none !important;
        box-shadow:0 0 0 3px rgba(37,99,235,0.1) !important;
    }
    
    /* 按钮优化 */
    .hfft-actions{
        flex-direction:column !important;
        gap:12px !important;
        margin:15px 0 !important;
    }
    
    .hfft-btn{
        width:100% !important;
        height:48px !important;
        font-size:16px !important;
        border-radius:8px !important;
        padding:0 20px !important;
    }
    
    /* 输出区域优化 */
    .hfft-output textarea{
        /* min-height 由动态CSS控制，默认值300px */
        font-size:14px !important;
        padding:15px !important;
        border-radius:8px !important;
        border:2px solid #d1d5db !important;
    }
    
    /* 导航优化 */
    .hfft-nav{
        padding:12px;
        border-radius:8px;
    }
    
    .hfft-nav a{
        padding:12px 15px;
        font-size:16px;
        border-radius:8px;
        margin-bottom:5px;
    }
    
    /* 分类菜单移动端优化 */
    .hfft-category-header {
        padding: 15px 18px;
        font-size: 16px;
        border-radius: 8px;
    }
    
    .hfft-category-name {
        font-size: 16px;
    }
    
    .hfft-category-toggle {
        font-size: 14px;
    }
    
    .hfft-category-tools a {
        padding: 12px 24px;
        font-size: 15px;
        border-radius: 6px;
        margin-bottom: 3px;
    }
    
    /* 表格优化 */
    .hfft-table{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    
    .hfft-table table{
        min-width:600px;
        font-size:14px;
    }
    
    .hfft-table th,
    .hfft-table td{
        padding:8px 6px;
        white-space:nowrap;
    }
    
    /* 工具描述优化 */
    .hfft-tool-description{
        padding:15px !important;
        margin-top:15px !important;
        border-radius:8px !important;
    }
    
    .hfft-tool-description h3{
        font-size:18px !important;
        margin-bottom:10px !important;
    }
    
    .hfft-tool-description h4{
        font-size:16px !important;
        margin-bottom:8px !important;
    }
    
    .hfft-tool-description p,
    .hfft-tool-description li{
        font-size:14px !important;
        line-height:1.6 !important;
    }
    
    /* 特殊工具优化 */
    .currency-select-wrapper select{
        font-size:16px !important;
        padding:8px !important;
        border-radius:8px !important;
        border:2px solid #d1d5db !important;
        background:#fff !important;
        -webkit-appearance:none !important;
        -moz-appearance:none !important;
        appearance:none !important;
        max-height:120px !important;
        overflow-y:auto !important;
    }
    
    .currency-select-wrapper input{
        font-size:16px !important;
        padding:10px !important;
        border-radius:8px !important;
        border:2px solid #d1d5db !important;
    }
    
    /* 印章生成器优化 */
    .seal-preview{
        max-width:100% !important;
        height:auto !important;
    }
    
    /* PDF预览优化 */
    .pdf-preview{
        max-width:100% !important;
        height:auto !important;
    }
    
    /* 滚动优化 */
    .hfft-content{
        overflow-x:hidden;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
    }
    
    /* 表单组优化 */
    .form-group{
        margin-bottom:15px;
    }
    
    .form-row{
        flex-direction:column !important;
        gap:10px !important;
    }
    
    /* 标签优化 */
    .hfft-field label{
        font-size:14px !important;
        font-weight:600 !important;
        margin-bottom:5px !important;
    }
}

/* diff result */
.hfft-diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.diffbox{min-height:160px;border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#fff;white-space:pre-wrap;word-break:break-word}
.diff-del{background:#fde2e2}
.diff-ins{background:#e1f0ff}

/* 移动端diff优化 */
@media(max-width:768px){
    .hfft-diff-grid{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }
    .diffbox{
        min-height:120px !important;
        padding:8px !important;
        font-size:12px !important;
    }
}

/* 通用移动端优化 */
@media(max-width:768px){
    /* 容器优化 */
    .container,
    .hfft-container{
        padding:10px !important;
        margin:0 !important;
    }
    
    /* onenav 主题特殊优化 - 减少移动端容器边距 */
    .container .hfft-content,
    .container-body .hfft-content,
    .hfft-content {
        /* 如果父容器已经有 padding，减少内容区域的 padding */
        box-sizing: border-box;
    }
    
    /* 针对 onenav 主题的容器，进一步减少边距 */
    .container .hfft-wrap,
    .container-body .hfft-wrap {
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .container .hfft-content,
    .container-body .hfft-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    /* 卡片优化 */
    .card,
    .hfft-card{
        margin-bottom:15px !important;
        border-radius:8px !important;
        padding:15px !important;
    }
    
    /* 模态框优化 */
    .modal,
    .hfft-modal{
        width:95% !important;
        max-width:none !important;
        margin:10px auto !important;
    }
    
    /* 标签页优化 */
    .tabs,
    .hfft-tabs{
        flex-direction:column !important;
    }
    
    .tab-content,
    .hfft-tab-content{
        padding:10px !important;
    }
    
    /* 列表优化 */
    .list-group,
    .hfft-list{
        padding:0 !important;
    }
    
    .list-item,
    .hfft-list-item{
        padding:12px !important;
        margin-bottom:8px !important;
        border-radius:6px !important;
    }
    
    /* 进度条优化 */
    .progress,
    .hfft-progress{
        height:8px !important;
        border-radius:4px !important;
    }
    
    /* 警告框优化 */
    .alert,
    .hfft-alert{
        padding:12px !important;
        margin-bottom:15px !important;
        border-radius:6px !important;
        font-size:14px !important;
    }
    
    /* 工具提示优化 */
    .tooltip,
    .hfft-tooltip{
        font-size:12px !important;
        max-width:200px !important;
    }
    
    /* 下拉菜单优化 */
    .dropdown-menu,
    .hfft-dropdown{
        width:100% !important;
        max-height:300px !important;
        overflow-y:auto !important;
    }
    
    /* 分页优化 */
    .pagination,
    .hfft-pagination{
        justify-content:center !important;
        flex-wrap:wrap !important;
    }
    
    .page-item,
    .hfft-page-item{
        margin:2px !important;
    }
    
    /* 面包屑优化 */
    .breadcrumb,
    .hfft-breadcrumb{
        flex-wrap:wrap !important;
        font-size:12px !important;
    }
    
    /* 徽章优化 */
    .badge,
    .hfft-badge{
        font-size:11px !important;
        padding:4px 8px !important;
    }
    
    /* 图片优化 */
    img{
        max-width:100% !important;
        height:auto !important;
    }
    
    /* 视频优化 */
    video{
        max-width:100% !important;
        height:auto !important;
    }
    
    /* 嵌入内容优化 */
    iframe,
    embed,
    object{
        max-width:100% !important;
    }
}

/* 自定义下拉组件样式 */
.custom-dropdown {
    position: relative;
    width: 100%;
}

.dropdown-trigger {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border: 2px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s;
    min-height: 36px;
}

.dropdown-trigger:hover {
    border-color: #2563eb;
}

.dropdown-trigger input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    padding: 0;
    color: #374151;
}

.dropdown-arrow {
    margin-left: 8px;
    color: #6b7280;
    font-size: 12px;
    transition: transform 0.2s;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 2px solid #d1d5db;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    margin-top: 2px;
}

.search-input {
    width: 100%;
    padding: 8px 12px;
    border: none;
    border-bottom: 1px solid #e5e7eb;
    outline: none;
    font-size: 14px;
    background: #f9fafb;
    min-height: 32px;
}

.search-input:focus {
    background: #fff;
}

.options-list {
    max-height: 150px;
    overflow-y: auto;
}

.option-item {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
    font-size: 14px;
    transition: background-color 0.2s;
    min-height: 32px;
}

.option-item:hover {
    background: #f9fafb;
}

.option-item.selected {
    background: #2563eb;
    color: #fff;
}

.option-item:last-child {
    border-bottom: none;
}

/* 电脑端自定义下拉组件优化 */
@media(min-width:769px) {
    .dropdown-trigger {
        padding: 8px 12px;
        font-size: 14px;
        min-height: 36px;
    }
    
    .dropdown-trigger input {
        font-size: 14px;
        min-height: 20px;
    }
    
    .search-input {
        font-size: 14px;
        padding: 8px 12px;
        min-height: 32px;
    }
    
    .option-item {
        font-size: 14px;
        padding: 8px 12px;
        min-height: 32px;
    }
    
    .dropdown-menu {
        max-height: 200px;
        overflow-y: auto;
    }
    
    .options-list {
        max-height: 150px;
        overflow-y: auto;
    }
}

/* 移动端自定义下拉组件优化 */
@media(max-width:768px) {
    .dropdown-trigger {
        padding: 12px !important;
        font-size: 16px !important;
        min-height: 48px !important;
        touch-action: manipulation !important;
    }
    
    .dropdown-trigger input {
        font-size: 16px !important;
        min-height: 24px !important;
    }
    
    .search-input {
        font-size: 16px !important;
        padding: 10px 12px !important;
        min-height: 44px !important;
        touch-action: manipulation !important;
    }
    
    .option-item {
        font-size: 16px !important;
        padding: 12px !important;
        min-height: 44px !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0.1) !important;
    }
    
    .dropdown-menu {
        max-height: 300px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
    }
    
    .options-list {
        max-height: 250px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
    }
    
    /* 确保移动端滚动流畅 */
    .custom-dropdown {
        -webkit-overflow-scrolling: touch !important;
    }
}

/* 确保在文章模板中也能正确显示左侧菜单样式 */
.single .hfft-nav,
.single-hf_tool .hfft-nav {
    width: 220px !important;
    background: #1f2937 !important;
    border-radius: 8px !important;
    padding: 8px !important;
}

.single .hfft-nav ul,
.single-hf_tool .hfft-nav ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single .hfft-nav a,
.single-hf_tool .hfft-nav a {
    display: block !important;
    color: #e5e7eb !important;
    text-decoration: none !important;
    padding: 10px 12px !important;
    border-radius: 6px !important;
}

.single .hfft-nav a:hover,
.single-hf_tool .hfft-nav a:hover {
    background: #2563eb !important;
    color: #fff !important;
}

/* 分类菜单样式 - 确保在文章模板中正确显示 */
.single .hfft-nav-main,
.single-hf_tool .hfft-nav-main {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single .hfft-category,
.single-hf_tool .hfft-category {
    margin-bottom: 8px !important;
}

.single .hfft-category-header,
.single-hf_tool .hfft-category-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 16px !important;
    background: #374151 !important;
    color: #e5e7eb !important;
    cursor: pointer !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: background-color 0.2s !important;
}

.single .hfft-category-header:hover,
.single-hf_tool .hfft-category-header:hover {
    background: #4b5563 !important;
}

.single .hfft-category-name,
.single-hf_tool .hfft-category-name {
    font-size: 14px !important;
}

.single .hfft-category-toggle,
.single-hf_tool .hfft-category-toggle {
    font-size: 12px !important;
    transition: transform 0.2s !important;
}

.single .hfft-category.collapsed .hfft-category-toggle,
.single-hf_tool .hfft-category.collapsed .hfft-category-toggle {
    transform: rotate(-90deg) !important;
}

.single .hfft-category-tools,
.single-hf_tool .hfft-category-tools {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 4px !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease !important;
}

.single .hfft-category.expanded .hfft-category-tools,
.single-hf_tool .hfft-category.expanded .hfft-category-tools {
    max-height: 500px !important;
}

.single .hfft-category-tools li,
.single-hf_tool .hfft-category-tools li {
    margin: 2px 0 !important;
}

.single .hfft-category-tools a,
.single-hf_tool .hfft-category-tools a {
    display: block !important;
    padding: 8px 20px !important;
    color: #d1d5db !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    transition: all 0.2s !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.single .hfft-category-tools a:hover,
.single-hf_tool .hfft-category-tools a:hover {
    background: #2563eb !important;
    color: #fff !important;
}

/* 确保文章模板中的布局正确 - 桌面端横向布局 */
.single .hfft-wrap,
.single-hf_tool .hfft-wrap {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
}

/* 移动端菜单样式 - 提高优先级 */
.hfft-mobile-toggle {
    display: none !important;
    position: fixed !important;
    top: 80px !important;
    right: 20px !important;
    z-index: 9999 !important;
    background: #2563eb !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    font-size: 18px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
    font-family: inherit !important;
    line-height: 1 !important;
    min-width: 48px !important;
    min-height: 48px !important;
}

.hfft-mobile-toggle:hover {
    background: #1d4ed8;
    transform: scale(1.05);
}

.hfft-mobile-toggle.active {
    background: #dc2626;
}

.hfft-mobile-toggle.active:hover {
    background: #b91c1c;
}

/* 移动端响应式设计 */
@media (max-width: 768px) {
    .hfft-mobile-toggle {
        display: block !important;
    }
    
    .hfft-wrap {
        flex-direction: column !important;
        gap: 0 !important;
    }
    
    .hfft-nav {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 280px !important;
        height: 100vh !important;
        z-index: 1000 !important;
        transition: left 0.3s ease !important;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15) !important;
        -webkit-overflow-scrolling: touch !important;
        background: #1f2937 !important;
    }
    
    .hfft-nav ul {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    
    .hfft-nav a {
        pointer-events: auto !important;
        cursor: pointer !important;
        user-select: auto !important;
    }
    
    .hfft-nav.mobile-open {
        left: 0;
    }
    
    .hfft-content {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 60px 16px 16px !important;
    }
    
    /* onenav 主题特殊优化 - 减少移动端边距 */
    body.onenav-theme .hfft-content,
    body.theme-onenav .hfft-content,
    .onenav-theme .hfft-content,
    .theme-onenav .hfft-content {
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 针对 onenav 主题的容器优化 */
    body.onenav-theme .container .hfft-content,
    body.theme-onenav .container .hfft-content,
    .onenav-theme .container .hfft-content,
    .theme-onenav .container .hfft-content,
    body.onenav-theme .container-body .hfft-content,
    body.theme-onenav .container-body .hfft-content,
    .onenav-theme .container-body .hfft-content,
    .theme-onenav .container-body .hfft-content {
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }
    
    /* 针对 onenav 主题的 wrap 优化 */
    body.onenav-theme .hfft-wrap,
    body.theme-onenav .hfft-wrap,
    .onenav-theme .hfft-wrap,
    .theme-onenav .hfft-wrap {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* 移动端遮罩层 */
    .hfft-mobile-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
        display: none;
    }
    
    .hfft-mobile-overlay.active {
        display: block;
    }
}

/* ============================================
   船公司下拉框左右并排显示样式
   ============================================ */

/* ONENAV主题：搜索框和船公司选择左右并排显示 */
.big-search .search-form {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.big-search .search-form .search-key {
    flex: 1 !important;
    min-width: 0 !important;
}

.big-search .search-form .search-tools {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    height: auto !important;
    padding: 0 !important;
}

#hfft-onenav-carrier-select-wrapper {
    flex-shrink: 0;
    margin: 0 8px;
}

#hfft-onenav-carrier-select {
    width: 150px;
    height: 44px;
    padding: 8px 30px 8px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
    color: #333;
    box-sizing: border-box;
}

/* 火运代理主题：搜索框和船公司选择左右并排显示 */
/* 注意：搜索表单已经有 flex 布局，不需要重复设置 */
#super-search-fm {
    overflow: visible !important; /* 允许下拉框显示在外部 */
}

#super-search-fm #search-text {
    flex: 1 !important;
    min-width: 0 !important;
    padding-right: 8px !important; /* 避免与下拉框重叠 */
}

#hfft-carrier-select-wrapper {
    flex-shrink: 0 !important;
    margin: 0 8px !important;
    position: relative !important;
    z-index: 10 !important; /* 确保下拉框在上层 */
}

#hfft-carrier-select {
    width: 150px !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 8px 30px 8px 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    background: #fff !important;
    color: #333 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; /* 默认主题下仍保留独立小卡片样式 */
}

/*================ huoyundail 主题专用样式（通过 .s-search 作用于首页搜索） ================*/
/* 1）去掉搜索框下方的小三角，只在 huoyundail 使用，不影响 OneNav */
.s-search #super-search-fm::before,
.s-search #super-search-fm.has-selection::before {
    content: none !important;
    display: none !important;
}

/* 2）扁平化货物跟踪下拉框：只保留与输入框之间的一条竖线，看起来像同一个输入框 */
.s-search #hfft-carrier-select-wrapper {
    margin: 0 4px !important;
}

.s-search #hfft-carrier-select {
    background: transparent !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 1px solid #e5e7eb !important; /* 分隔竖线 */
    box-shadow: none !important;
    padding: 0 24px 0 12px !important;
    height: 44px !important;
    line-height: 44px !important;
    color: #666 !important;
}

.s-search #hfft-carrier-select-wrapper span {
    color: #9ca3af !important;
    font-size: 12px !important;
}

/* 火运代理主题：确保货物跟踪模式下搜索按钮始终可见、易识别 */
#super-search-fm button.submit,
#super-search-fm .submit.hfft-tracking-submit {
    min-width: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 移动端响应式调整 */
@media (max-width: 768px) {
    #hfft-onenav-carrier-select-wrapper,
    #hfft-carrier-select-wrapper {
        margin: 0 4px;
    }
    
    #hfft-onenav-carrier-select,
    #hfft-carrier-select {
        width: 120px;
        font-size: 13px;
        padding: 8px 25px 8px 8px;
    }
}

/* 确保移动端菜单在文章模板中也能正确显示 */
@media (max-width: 768px) {
    .single .hfft-nav,
    .single-hf_tool .hfft-nav {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 280px !important;
        height: 100vh !important;
        z-index: 1000 !important;
        transition: left 0.3s ease !important;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15) !important;
        -webkit-overflow-scrolling: touch !important;
        background: #1f2937 !important;
    }
    
    .single .hfft-nav ul,
    .single-hf_tool .hfft-nav ul {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    
    .single .hfft-nav a,
    .single-hf_tool .hfft-nav a {
        pointer-events: auto !important;
        cursor: pointer !important;
        user-select: auto !important;
    }
    
    .single .hfft-nav.mobile-open,
    .single-hf_tool .hfft-nav.mobile-open {
        left: 0 !important;
    }
    
    .single .hfft-wrap,
    .single-hf_tool .hfft-wrap {
        flex-direction: column !important;
        gap: 0 !important;
    }
    
    /* 移动端日期时间输入框宽度调整 - 避免超出边框 */
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"] {
        max-width: 95%;
        box-sizing: border-box;
    }
}