/* 基础样式 */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: Arial, sans-serif; background: #f5f5f5; color: #333; }
        
        /* 头部 */
        .header { 
            background: #0669DC; 
            color: white; 
            padding: 12px 0; 
            position: fixed; 
            top: 0; 
            width: 100%; 
            z-index: 1000; 
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .container { width: 90%; max-width: 1200px; margin: 0 auto; }
        .header-container { 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            height: 60px;
        }
        .logo { 
            font-size: 18px; 
            font-weight: bold; 
            display: flex;
            align-items: center;
        }
        
        /* 报告查询按钮 - 始终显示 */
        .report-btn { 
            display: inline-flex;
            align-items: center;
            background: #2ed573;
            color: white;
            text-decoration: none;
            padding: 8px 16px;
            border-radius: 8px;
            font-weight: 500;
            font-size: 14px;
            transition: all 0.3s;
            margin-right: 15px;
            white-space: nowrap;
        }
        .report-btn:hover {
            background: #25c464;
            transform: translateY(-1px);
            box-shadow: 0 3px 8px rgba(46, 213, 115, 0.3);
        }
        .report-btn-icon {
            margin-right: 6px;
            font-size: 16px;
        }
        
        /* 菜单按钮和导航容器 */
        .nav-container {
            display: flex;
            align-items: center;
        }
        
        /* 菜单按钮 */
        .menu-toggle { 
            display: none; 
            background: none; 
            border: none; 
            color: white; 
            font-size: 24px;
            width: 44px;
            height: 44px;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            margin-left: 10px;
        }
        
        /* 导航菜单 */
        .nav { display: flex; align-items: center; }
        .nav-list { 
            display: flex; 
            list-style: none; 
            align-items: center;
            margin: 0;
            padding: 0;
        }
        .nav-item { margin-left: 25px; }
        .nav-link { 
            color: white; 
            text-decoration: none; 
            font-weight: 500;
            font-size: 14px;
            padding: 8px 0;
            transition: opacity 0.3s;
        }
        .nav-link:hover { opacity: 0.8; }
        .nav-item.active .nav-link { font-weight: 600; }
        
        /* 主要内容 */
        .main { margin-top: 70px; padding: 20px 0; }
        .card { 
            background: white; 
            border-radius: 12px; 
            padding: 25px; 
            margin-bottom: 20px; 
            box-shadow: 0 4px 15px rgba(0,0,0,0.08); 
        }
        .card-header { 
            border-bottom: 1px solid #eee; 
            padding-bottom: 20px; 
            margin-bottom: 25px; 
        }
        .card-title { 
            font-size: 22px; 
            margin-bottom: 8px; 
            color: #1a1a1a;
            font-weight: 600;
        }
        .card-subtitle { 
            color: #666; 
            font-size: 14px; 
            line-height: 1.5;
        }
        
        /* 表单元素 */
        .form-group { margin-bottom: 24px; }
        .form-label { 
            display: block; 
            margin-bottom: 10px; 
            font-weight: 600; 
            color: #333;
            font-size: 14px;
        }
        .required { color: #ff4757; margin-left: 4px; }
        .form-input, .form-textarea, select { 
            width: 100%; 
            padding: 12px 16px; 
            border: 1px solid #ddd; 
            border-radius: 8px; 
            font-size: 14px; 
            transition: border-color 0.3s;
            background: #fff;
        }
        .form-input:focus, .form-textarea:focus, select:focus { 
            border-color: #0669DC; 
            outline: none;
            box-shadow: 0 0 0 3px rgba(6, 105, 220, 0.1);
        }
        .form-textarea { 
            min-height: 220px; 
            resize: vertical; 
            line-height: 1.6;
            font-family: inherit;
        }
        
        /* 检测范围 */
        .range-grid { 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); 
            gap: 12px; 
            margin: 15px 0; 
        }
        .range-item { 
            border: 2px solid #e8e8e8; 
            border-radius: 10px; 
            padding: 20px 15px; 
            text-align: center; 
            cursor: pointer; 
            transition: all 0.3s ease;
            background: #fff;
        }
        .range-item:hover { 
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        .range-item.active { 
            border-color: #0669DC; 
            background: #f0f8ff; 
            box-shadow: 0 4px 12px rgba(6, 105, 220, 0.15);
        }
        .range-icon { 
            font-size: 28px; 
            margin-bottom: 12px; 
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
        }
        .range-name { 
            font-weight: 600; 
            font-size: 14px;
            color: #333;
        }
        
        /* 文件上传 */
        .upload-tabs { 
            display: flex; 
            border-bottom: 1px solid #eee; 
            margin-bottom: 25px; 
        }
        .upload-tab { 
            flex: 1; 
            text-align: center; 
            padding: 14px; 
            cursor: pointer; 
            font-weight: 500;
            color: #666;
            transition: all 0.3s;
        }
        .upload-tab.active { 
            border-bottom: 2px solid #0669DC; 
            color: #0669DC; 
            font-weight: 600;
        }
        .upload-area { 
            border: 2px dashed #ddd; 
            border-radius: 12px; 
            padding: 50px 30px; 
            text-align: center; 
            margin: 20px 0; 
            transition: all 0.3s;
            background: #f9f9f9;
        }
        .upload-area.drag-over { 
            border-color: #0669DC; 
            background: #f0f8ff; 
        }
        .upload-button { 
            display: inline-block; 
            background: #0669DC; 
            color: white; 
            padding: 14px 30px; 
            border-radius: 8px; 
            margin: 15px 0;
            position: relative;
            overflow: hidden;
            font-weight: 500;
            transition: background 0.3s;
        }
        .upload-button:hover { background: #0550a8; }
        .upload-button input { 
            position: absolute; 
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%; 
            opacity: 0; 
            cursor: pointer; 
        }
        .upload-hint { 
            color: #666; 
            font-size: 13px; 
            margin: 8px 0; 
            line-height: 1.5;
        }
        .upload-hint.error { color: #ff4757; }
        .upload-status { margin: 15px 0; }
        .upload-success { color: #2ed573; font-weight: 500; }
        .upload-error { color: #ff4757; font-weight: 500; }
        .upload-loading { color: #0669DC; }
        
        /* 字数统计 */
        .char-count { 
            display: flex; 
            justify-content: space-between; 
            font-size: 13px; 
            color: #888; 
            margin-top: 8px; 
        }
        
        /* 复选框 */
        .checkbox-group { 
            display: flex; 
            align-items: flex-start; 
            margin: 30px 0; 
            padding: 20px; 
            background: #f9f9f9; 
            border-radius: 10px; 
            border: 1px solid #eee;
        }
        .checkbox-input { 
            margin-right: 12px; 
            margin-top: 4px;
            width: 18px;
            height: 18px;
            cursor: pointer;
        }
        .checkbox-label { 
            font-size: 14px; 
            color: #555;
            line-height: 1.5;
        }
        
        /* 提交按钮 */
        .submit-button { 
            width: 100%; 
            background: linear-gradient(135deg, #0669DC, #2980b9); 
            color: white; 
            border: none; 
            padding: 18px; 
            border-radius: 10px; 
            font-size: 16px; 
            font-weight: 600;
            cursor: pointer; 
            transition: all 0.3s;
            margin-top: 10px;
        }
        .submit-button:hover { 
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(6, 105, 220, 0.3);
            background: linear-gradient(135deg, #0550a8, #2471a3);
        }
        
        /* =============== 订单模态框 =============== */
        .modal-overlay { 
            display: none;
            position: fixed; 
            top: 0; 
            left: 0; 
            right: 0; 
            bottom: 0; 
            background: rgba(0,0,0,0.5); 
            z-index: 2000;
            padding: 20px;
            animation: fadeIn 0.3s ease;
            overflow-y: auto;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        .modal-content { 
            background: white; 
            border-radius: 16px; 
            width: 100%; 
            max-width: 500px; 
            margin: 0 auto;
            margin-top: 50px;
            margin-bottom: 50px;
            overflow: auto;
            animation: slideUp 0.3s ease;
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
            position: relative;
        }
        
        @keyframes slideUp {
            from { 
                opacity: 0;
                transform: translateY(30px) scale(0.95);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .modal-header { 
            padding: 25px 30px; 
            border-bottom: 1px solid #eee; 
            display: flex; 
            justify-content: space-between; 
            align-items: center;
            background: #f8f9fa;
            border-radius: 16px 16px 0 0;
            position: sticky;
            top: 0;
            z-index: 1;
        }
        .modal-title { 
            font-size: 20px; 
            font-weight: 600;
            color: #1a1a1a;
        }
        .modal-close { 
            background: none; 
            border: none; 
            font-size: 28px; 
            color: #666;
            cursor: pointer; 
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background 0.3s;
        }
        .modal-close:hover { 
            background: #f1f1f1; 
            color: #333;
        }
        .modal-body { 
            padding: 30px; 
        }
        
        .order-info { 
            background: linear-gradient(135deg, #f0f8ff, #e8f4ff); 
            padding: 20px; 
            border-radius: 12px; 
            margin-bottom: 25px; 
            border-left: 4px solid #0669DC;
        }
        .order-info-item { 
            display: flex; 
            justify-content: space-between; 
            margin-bottom: 12px; 
            font-size: 15px;
        }
        .order-info-label { 
            color: #666; 
            font-weight: 500;
        }
        .order-info-value { 
            color: #1a1a1a; 
            font-weight: 600;
        }
        
        .order-actions { 
            display: flex; 
            gap: 12px; 
            margin-top: 30px; 
        }
        .order-button { 
            flex: 1; 
            padding: 16px; 
            text-align: center; 
            border-radius: 10px; 
            text-decoration: none; 
            font-weight: 500;
            transition: all 0.3s;
            font-size: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .order-button.buy { 
            border: 2px solid #0669DC; 
            color: #0669DC; 
            background: white; 
        }
        .order-button.buy:hover { 
            background: #f0f8ff; 
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(6, 105, 220, 0.15);
        }
        .order-button.submit { 
            background: linear-gradient(135deg, #0669DC, #2980b9); 
            color: white; 
            border: none; 
            box-shadow: 0 4px 12px rgba(6, 105, 220, 0.2);
        }
        .order-button.submit:hover { 
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(6, 105, 220, 0.3);
            background: linear-gradient(135deg, #0550a8, #2471a3);
        }
        
        /* 成功模态框 */
        .success-modal { 
            text-align: center; 
            padding: 50px 30px; 
        }
        .success-icon { 
            width: 80px; 
            height: 80px; 
            background: #2ed573; 
            color: white; 
            border-radius: 50%; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            font-size: 40px; 
            margin: 0 auto 30px; 
            box-shadow: 0 10px 30px rgba(46, 213, 115, 0.3);
        }
        .success-message { 
            font-size: 18px; 
            color: #1a1a1a; 
            margin-bottom: 35px; 
            line-height: 1.6;
            font-weight: 500;
        }
        
        /* 底部 */
        .footer { 
            background: #e9ecef; 
            padding: 25px 0; 
            text-align: center; 
            margin-top: 60px; 
            color: #555;
        }
        .footer-info { 
            font-size: 14px; 
            margin-bottom: 10px; 
        }
        .footer-contact { 
            font-size: 14px; 
        }
        
        /* =============== 响应式设计 =============== */
        @media (max-width: 768px) {
            .menu-toggle { 
                display: flex;
                order: 2; /* 确保在报告查询按钮之后 */
            }
            
            /* 报告查询按钮在移动端也显示 */
            .report-btn {
                display: inline-flex; /* 确保在移动端也显示 */
                margin-right: 10px;
                padding: 6px 12px;
                font-size: 13px;
            }
            
            /* 调整导航容器布局 */
            .nav-container {
                display: flex;
                align-items: center;
            }
            
            .nav { 
                position: fixed;
                top: 60px;
                left: -100%;
                width: 85%;
                max-width: 300px;
                height: calc(100vh - 60px);
                background: white;
                box-shadow: 2px 0 15px rgba(0,0,0,0.1);
                transition: left 0.3s ease;
                z-index: 999;
                overflow-y: auto;
            }
            
            .nav.active {
                left: 0;
            }
            
            .nav-list {
                flex-direction: column;
                padding: 20px;
                width: 100%;
            }
            
            .nav-item {
                margin: 0 0 15px 0;
                width: 100%;
            }
            
            .nav-link {
                color: #333;
                display: block;
                padding: 15px;
                background: #f8f9fa;
                border-radius: 10px;
                font-size: 15px;
                font-weight: 500;
            }
            
            .nav-item.active .nav-link {
                background: #0669DC;
                color: white;
                font-weight: 600;
            }
            
            .nav-link:hover {
                background: #e9ecef;
            }
            
            .nav-item.active .nav-link:hover {
                background: #0550a8;
            }
            
            .range-grid { 
                grid-template-columns: repeat(2, 1fr); 
                gap: 10px;
            }
            
            .card {
                padding: 20px;
                margin-bottom: 15px;
            }
            
            .upload-area {
                padding: 30px 20px;
            }
            
            .modal-body {
                padding: 25px 20px;
            }
            
            .order-actions {
                flex-direction: column;
            }
            
            /* 移动端模态框优化 */
            .modal-overlay {
                padding: 10px;
                display: flex;
                align-items: flex-start;
                justify-content: center;
            }
            
            .modal-content {
                margin-top: 20px;
                margin-bottom: 20px;
                max-width: 95%;
                max-height: calc(100vh - 40px);
            }
        }
        
        @media (max-width: 480px) {
            .range-grid { grid-template-columns: 1fr; }
            .container { width: 95%; }
            
            /* 在小屏幕上调整报告查询按钮大小 */
            .report-btn {
                padding: 5px 10px;
                font-size: 12px;
                margin-right: 8px;
            }
            .report-btn-icon {
                font-size: 14px;
                margin-right: 4px;
            }
            
            .modal-content {
                margin-top: 10px;
                margin-bottom: 10px;
                max-height: calc(100vh - 20px);
                max-width: 100%;
                border-radius: 12px;
            }
            
            .modal-body {
                padding: 20px 15px;
            }
            
            .modal-header {
                padding: 20px 15px;
            }
        }
        
        /* 确保模态框在极矮屏幕上也能正常显示 */
        @media (max-height: 500px) {
            .modal-content {
                margin-top: 10px;
                margin-bottom: 10px;
                max-height: calc(100vh - 20px);
            }
            
            .modal-body {
                padding: 15px;
            }
        }