/* 检索框样式 */

  * {
            margin: 0;
            padding: 0;

            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
.bd2508 { 
            background:url(images/445.jpg) repeat-x;
            min-height: 700px;
            display: flex;
			flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
        } 
        
        .container2508 {
            width: 100%;
            max-width: 900px;
            background: rgba(166,40,46, 0.6);
            border-radius: 15px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
            overflow: hidden;
        }
        
        .header2508 {
            background: rgba(166,40,46,0.6);
/* #4a6bdf */
            color: white;
            padding: 10px 30px;
            text-align: center;
            position: relative;
            cursor: pointer;
            transition: all 0.4s ease;
        }
        
        .header2508:hover {
            background:  rgba(166,40,46,0.9);
/* #3e5fd8  */
        }
        
        .header2508 h1 {
            font-weight: 600;
            font-size: 28px;
            margin-bottom: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .header2508 p {
            opacity: 0.9;
            font-size: 16px;
            transition: all 0.3s ease;
        }
        
        .toggle-icon2508 {
            position: absolute;
            right: 25px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 20px;
            transition: all 0.3s ease;
        }
        
        .header2508.collapsed .toggle-icon2508 {
            transform: translateY(-50%) rotate(180deg);
        }
        
        .header2508.collapsed {
            padding: 10px 30px;
        }
        
        .header2508.collapsed p {
            opacity: 0;
            height: 0;
            margin: 0;
            overflow: hidden;
        }
        
        .content-wrapper {
            overflow: hidden;
            transition: all 0.4s ease;
            max-height: 1000px;
        }
        
        .content-wrapper.collapsed {
            max-height: 0;
        }
        
        .tabs {
            display: flex;
            background: rgba(255,255,255,0.8);
            border-bottom: 1px solid #e6d6d7;
        }
        
        .tab {
            padding: 15px 25px;
            cursor: pointer;
            font-weight: 500;
            color: ##5A283C;
            transition: all 0.3s ease;
            position: relative;
            text-align: center;
            flex: 1;
        }
        
        .tab:hover {
            color: #A6282E;
            background: rgba(166, 40, 46, 0.1);
        }
        
        .tab.active {
            color: #A6282E;
            font-weight: 600;
        }
        
        .tab.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: #A6282E;
        }
        
        .tab-content {
            padding: 30px;
        }
        
        .search-pane {
            display: none;
            animation: fadeIn 0.5s ease;
        }
        
        .search-pane.active {
            display: block;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .search-container {
            display: flex;
            margin-bottom: 25px;
            position: relative;
        }
        
        .file-type-selector {
            width: 150px;
            background: #f9f0f0;
            border: 1px solid #dde2ff;
            border-right: none;
            border-radius: 10px 0 0 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .file-type-selector i {
            font-size: 18px;
            color: #A6282E;
            margin-right: 10px;
        }
        
        .file-type-selector select {
            border: none;
            background: transparent;
            font-size: 14px;
            color: #333;
            outline: none;
            cursor: pointer;
            width: 100%;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            padding: 5px 0;
        }
        .advanced-toggle {
            width: 150px;
            background: #f9f0f0;
            border: 1px solid #dde2ff;
            border-right: none;
            border-radius: 10px 0 0 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .advanced-toggle:hover {
            background: #f9f0f0;
        }
        
        .advanced-toggle i {
            font-size: 20px;
            color: #4a6bdf;
        }
        
        .search-form {
            display: flex;
            flex-grow: 1;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            border-radius: 0 10px 10px 0;
            overflow: hidden;
        }
        
        .search-input {
            flex-grow: 1;
            padding: 18px 20px;
            font-size: 16px;
            border: 1px solid #dde2ff;
            border-left: none;
            outline: none;
            background: white;
        }
        
        .search-input::placeholder {
            color: #aaa;
        }
        
        .search-button {
            padding: 0 25px;
            background-color: #4a6bdf;
            color: white;
            border: none;
            cursor: pointer;
            font-size: 16px;
            font-weight: 500;
            transition: background-color 0.3s ease;
        }
        
        .search-button:hover {
            background-color: #3a5bc7;
        }
        
        .advanced-options {
            position: absolute;
            left: 0;
            top: 100%;
            width: 300px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
            padding: 20px;
            margin-top: 10px;
            z-index: 100;
            display: none;
            border: 1px solid #e0e6ff;
        }
        
        .advanced-options.active {
            display: block;
            animation: slideDown 0.3s ease;
        }
        
        @keyframes slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .options-title {
            font-size: 16px;
            font-weight: 600;
            color: #445588;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .options-title i {
            margin-right: 8px;
            color: #4a6bdf;
        }
        
        .option-group {
            margin-bottom: 0px;
        }
        
        .option-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: #445588;
            font-size: 14px;
        }
        
        .option-group select, .option-group input {
            width: 120px;
            padding: 10px 12px;
            font-weight: 500;
            font-size: 16px;
            border: none;
            background: #f9f0f0;
            outline: none;
        }
        
        .option-group select:focus, .option-group input:focus {
            border: none;
            box-shadow: 0 0 0 2px rgba(74, 107, 223, 0.2);
        }
        
        .apply-options {
            background: #4a6bdf;
            color: white;
            border: none;
            padding: 10px 15px;
            border-radius: 6px;
            cursor: pointer;
            font-weight: 500;
            width: 100%;
            margin-top: 10px;
            transition: background-color 0.3s ease;
        }
        
        .apply-options:hover {
            background: #3a5bc7;
        }
        
        .additional-features {
            display: flex;
            justify-content: space-between;
            margin-top: 25px;
            padding-top: 20px;
            border-top: 1px solid #eaefff;
        }
        
        .search-history, .popular-searches {
            flex-basis: 48%;
        }
        
        .feature-title {
            font-size: 16px;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .feature-title i {
            margin-right: 8px;
            color: #4a6bdf;
        }
        
        .tag {
            display: inline-block;
            background: #f0f4ff;
            color: #A6282E;
            padding: 6px 12px;
            border-radius: 50px;
            font-size: 13px;
            margin-right: 8px;
            margin-bottom: 8px;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        
        .tag:hover {
            background: #A6282E;
            color: white;
        }
        
        .footer2508 {
            text-align: center;
            padding: 20px;
            color: #5A283C;
            font-size: 14px;
            background: rgba(255,255,255,0.9);
            border-top: 1px solid #e6d6d7;
        }
        
        .status-indicator {
            display: inline-block;
            margin-left: 10px;
            font-size: 12px;
            padding: 3px 8px;
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.2);
        }
        
        @media (max-width: 768px) {
            .tabs {
                flex-wrap: wrap;
            }
            
            .tab {
                flex: 1 0 33.33%;
                padding: 12px;
                font-size: 14px;
            }
            
            .additional-features {
                flex-direction: column;
            }
            
            .search-history, .popular-searches {
                margin-bottom: 20px;
            }
            
            .header h1 {
                font-size: 22px;
            }
            
            .toggle-icon {
                right: 15px;
                font-size: 18px;
            }
            
            .search-container {
                flex-direction: column;
            }
            
            .advanced-toggle {
                width: 100%;
                border-radius: 10px 10px 0 0;
                border-right: 1px solid #dde2ff;
                border-bottom: none;
                padding: 10px;
            }
            
            .search-form {
                border-radius: 0 0 10px 10px;
            }
            
            .search-input {
                border-left: 1px solid #dde2ff;
            }
            
            .file-type-selector {
                width: 100%;
                border-radius: 10px 10px 0 0;
                border-right: 1px solid #d9c7c8;
                border-bottom: none;
                height: 50px;
            }

            .advanced-options {
                width: 100%;
                position: relative;
                margin-top: 0;
                border-radius: 0 0 10px 10px;
            }
        }