/* 移动端搜索短代码样式 */

/* 移动端夜间主题变量 */
@media (max-width: 768px) {
    /* 夜间模式颜色变量覆盖 */
    body.dark-theme,
    body.theme-dark,
    .zib-theme-dark,
    .dark-mode,
    body[data-theme="dark"],
    html[data-theme="dark"],
    html.dark,
    body.dark {
        --search-bg: #1a1a1a;
        --search-surface: #2d2d2d;
        --search-border: #404040;
        --search-text: #f0f0f0;
        --search-meta: #999999;
        --search-item-hover-bg: rgba(255,255,255,0.05);
    }
    
    /* 日间模式颜色变量 */
    body:not(.dark-theme):not(.theme-dark):not(.dark-mode):not(.dark):not([data-theme="dark"]) {
        --search-bg: #ffffff;
        --search-surface: #fafbfc;
        --search-border: #e8eaed;
        --search-text: #333333;
        --search-meta: #666666;
        --search-item-hover-bg: rgba(0,0,0,0.02);
    }

/* 移动端适配 */
    /* 主容器样式调整 - 参考桌面端设计 */
    .zib-123pan-search-container {
        margin: 1rem auto;
        max-width: 100%;
        padding: 0 0rem;
        overflow: hidden;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    
    /* 搜索表单容器 - 参考桌面端优雅设计 */
    .search-form-container {
        background: var(--search-bg);
        border: 1px solid var(--search-border);
        padding: 1.5rem;
        margin-bottom: 1.25rem;
        border-radius: 12px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        overflow: hidden;
    }
    
    /* 搜索输入组 - 改为水平布局 */
    .search-input-group {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
    }
    
    /* 搜索输入框 - 参考桌面端设计 */
    .search-input {
        border-radius: 8px;
        margin-bottom: 0;
        flex: 1;
        font-size: 16px;
        height: 48px;
        padding: 0 1rem;
        border: 2px solid var(--search-border);
        background: var(--search-surface);
        color: var(--search-text);
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
    }
    
    .search-input:focus {
        border-color: #4f46e5;
        background: var(--search-bg);
        box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
        transform: translateY(-1px);
    }
    
    /* 搜索按钮 - 参考桌面端设计 */
    .search-button {
        width: auto;
        min-width: 80px;
        height: 48px;
        border-radius: 8px;
        margin-left: 0;
        padding: 0 1.5rem;
        white-space: nowrap;
        background: #4f46e5;
        color: white;
        border: none;
        font-size: 16px;
        font-weight: 500;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        cursor: pointer;
    }
    
    .search-button:hover {
        background: #4338ca;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
    }
    
    /* 搜索选项 - 水平排列 */
    .search-options {
        margin-top: 0.75rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 16px;
    }
    
    .search-mode-option {
        font-size: 13px;
        display: inline-flex;
        align-items: center;
    }
    
    .search-mode-option input[type="radio"] {
        margin-right: 4px;
    }
    
    /* 搜索结果容器 - 参考桌面端优雅设计 */
    .search-results-container {
        width: 100% !important;
        background-color: var(--search-bg);
        border: 2px dashed var(--search-border);
        border-radius: 12px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        overflow: hidden;
        margin-top: 1.25rem;
        padding: 0.75rem;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .search-results-container:hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        transform: translateY(-1px);
    }
    
    /* 搜索结果列表 */
    .search-results-list {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    /* 搜索结果项 - 参考桌面端优雅设计 */
    .search-result-item {
        border-bottom: 1px solid var(--search-border, #eee);
        align-items: stretch;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        margin-bottom: 0.5rem;
     
    }
    
    .search-result-item:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }
    
    .search-result-item:hover {
        background-color: var(--search-item-hover-bg, rgba(0,0,0,0.02));
        transform: translateX(4px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    
    .search-result-item:hover .file-name {
        color: #007bff !important;
    }
    
    /* 文件信息区域 */
    .file-info {
        width: 100%;
        margin-bottom: 0.5rem;
        display: block;
    }
    
    /* 文件名 */
    .file-name {
        font-size: 14px;
        font-weight: normal;
        color: var(--search-text, #333);
        margin: 0 0 0.25rem 0;
        word-wrap: break-word;
        word-break: break-word;
        line-height: 1.4;
        display: block;
        text-align: left;
        hyphens: none;
    }
    
    /* 底部操作区域 */
    .file-bottom-area {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 0.5rem;
    }
    
    /* 文件大小 */
    .file-size {
        font-size: 13px;
        color: var(--search-meta, #666);
        margin: 0;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    /* 下载按钮 */
    .download-btn {
        padding: 6px 12px;
        background-color: #007bff;
        color: white;
        border: none;
        border-radius: 4px;
        font-size: 13px;
        white-space: nowrap;
        cursor: pointer;
    }
    
    /* 移除旧的网格布局样式 */
    
    .download-btn {
        padding: 3px 8px;
        font-size: 12px;
        border-radius: 4px;
        min-width: 40px;
        text-align: center;
        background-color: #007bff;
        color: white;
        border: none;
        cursor: pointer;
    }
    
    /* 移动端分页样式 */
    .search-pagination {
        padding: 1.5rem 1rem !important;
        gap: 6px !important;
        flex-wrap: wrap;
    }
    
    .pagination-btn {
        min-width: 36px !important;
        min-height: 36px !important;
        padding: 6px 10px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
    }
    
    /* 移动端页码按钮 */
    .pagination-number {
        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
    }
    
    /* 移动端上一页/下一页按钮 */
    .pagination-prev,
    .pagination-next {
        padding: 6px 12px !important;
        min-width: auto !important;
        font-size: 12px !important;
    }
    
    /* 移动端省略号 */
    .pagination-ellipsis {
        width: 36px !important;
        height: 36px !important;
        font-size: 12px !important;
    }
    
    /* 移动端分页容器兼容 */
    .pagination-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
        margin-top: 1rem;
    }
    
    /* 加载状态 */
    .search-loading {
        padding: 1.5rem 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    
    .search-spinner {
        width: 28px;
        height: 28px;
        border-width: 3px;
    }
    
    /* 搜索结果为空状态 */
    .search-results-placeholder {
        padding: 2rem 1rem;
        text-align: center;
        color: var(--search-meta);
        font-size: 14px;
    }
}