.main-content {
    background-color:white;
    border-radius:8px;
    box-shadow:0 3px 10px rgba(0, 0, 0, 0.08);
    overflow:hidden;
    margin-bottom:40px;
    padding:40px;
}

.page-title {
    font-size:28px;
    color:#1a365d;
    margin-bottom:30px;
    text-align:center;
    position:relative;
    padding-bottom:15px;
}

.page-title:after {
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:80px;
    height:3px;
    background:linear-gradient(90deg, #0ea5e9, #3b82f6);
}

.application-form {
    max-width:100%;
    margin:0 auto;
}

.form-group,.advantages-section {
    margin-bottom:25px;
}

.form-label {
    display:block;
    font-weight:600;
    color:#1a365d;
    margin-bottom:8px;
}

.form-control {
    width:100%;
    padding:12px 15px;
    border:1px solid #e2e8f0;
    border-radius:6px;
    font-size:16px;
    transition:border-color 0.3s;
}

.form-control:focus {
    outline:none;
    border-color:#0ea5e9;
    box-shadow:0 0 0 3px rgba(14, 165, 233, 0.1);
}

textarea.form-control {
    min-height:150px;
    resize:vertical;
}

.form-hint {
    font-size:14px;
    color:#64748b;
    margin-top:5px;
}

.required-field:after {
    content:'*';
    color:#d70000;
    margin-left:3px;
}

.submit-btn {
    background:linear-gradient(135deg, #0ea5e9 0%, #3b82f6 100%);
    color:white;
    border:none;
    padding:12px 30px;
    font-size:16px;
    font-weight:600;
    border-radius:6px;
    cursor:pointer;
    display:block;
    margin:40px auto 0;
    transition:all 0.3s;
}

.submit-btn:hover {
    transform:translateY(-2px);
    box-shadow:0 5px 15px rgba(14, 165, 233, 0.3);
}

.success-message {
    text-align:center;
    padding:40px;
}

.success-icon {
    font-size:60px;
    color:#10b981;
    margin-bottom:20px;
}

.success-title {
    font-size:24px;
    color:#1a365d;
    margin-bottom:15px;
}

.success-text {
    color:#64748b;
    margin-bottom:30px;
}

.back-link {
    color:#0ea5e9;
    text-decoration:none;
    font-weight:600;
}

.back-link:hover {
    text-decoration:underline;
}

/* 红色优势卡片样式 */
.red-advantages-list {
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-top:20px;
}

.red-advantage-item {
    flex:1;
    background:linear-gradient(135deg, #fff0f0 0%, #ffe0e0 100%);
    border-radius:12px;
    padding:25px;
    border:1px solid #ffbaba;
    box-shadow:0 5px 15px rgba(255, 0, 0, 0.1);
    transition:all 0.3s ease;
}

.red-advantage-item:hover {
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(255, 0, 0, 0.15);
}

.red-advantage-icon {
    font-size:40px;
    color:#d70000;
    margin-bottom:20px;
    text-align:center;
}

.red-advantage-title {
    font-size:18px;
    font-weight:700;
    color:#d70000;
    margin-bottom:15px;
    text-align:center;
    position:relative;
    padding-bottom:10px;
}

.red-advantage-title:after {
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:40px;
    height:2px;
    background:linear-gradient(90deg, #d70000, #ff6b6b);
}

.red-advantage-desc {
    color:#8b0000;
    line-height:1.5;
    text-align:center;
    font-size:14px;
}

/* 支付流程样式 */
.payment-section {
    background-color:#f8fafc;
    border-radius:8px;
    padding:25px;
    margin-bottom:30px;
    border-left:4px solid #0ea5e9;
}

.payment-title {
    font-size:20px;
    color:#1a365d;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:2px solid #e2e8f0;
}

.payment-steps {
    display:flex;
    justify-content:space-between;
    margin-bottom:30px;
}

.step {
    width:30%;
    text-align:center;
}

.step-number {
    width:40px;
    height:40px;
    background-color:#0ea5e9;
    color:white;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 10px;
    font-weight:600;
}

.step-content h4 {
    color:#1a365d;
    margin-bottom:5px;
}

.step-content p {
    color:#64748b;
    font-size:14px;
}

.qr-code-container {
    text-align:center;
    margin:20px 0;
    padding:15px;
    background-color:white;
    border-radius:8px;
    box-shadow:0 3px 10px rgba(0, 0, 0, 0.05);
}
.qr-code-container p{
    margin:10px 0;
}
.qr-code-image {
    width:200px;
    /*height:200px;*/
    margin:0 auto;
    display:block;
    border:1px solid #e2e8f0;
}

.upload-section {
    margin-top:30px;
}

.upload-title {
    font-weight:600;
    color:#1a365d;
    margin-bottom:15px;
}

.upload-container {
    border:2px dashed #cbd5e1;
    border-radius:8px;
    padding:30px;
    text-align:center;
    cursor:pointer;
    transition:all 0.3s;
    margin-bottom:15px;
}

.upload-container:hover {
    border-color:#0ea5e9;
    background-color:#f0f9ff;
}

.upload-icon {
    font-size:48px;
    color:#0ea5e9;
    margin-bottom:15px;
}

.upload-text {
    font-size:16px;
    color:#475569;
    margin-bottom:10px;
}

.upload-hint {
    font-size:14px;
    color:#94a3b8;
}

.upload-btn {
    background:linear-gradient(135deg, #0ea5e9 0%, #3b82f6 100%);
    color:white;
    border:none;
    padding:8px 20px;
    border-radius:4px;
    cursor:pointer;
    margin-top:15px;
    font-weight:500;
}

.file-info {
    margin-top:15px;
    text-align:center;
}

.file-name {
    font-weight:600;
    color:#1a365d;
    margin-bottom:5px;
}

.file-size {
    color:#64748b;
    font-size:14px;
}

.remove-btn {
    color:#d70000;
    cursor:pointer;
    font-size:14px;
    margin-top:10px;
    display:inline-block;
}

.preview-image {
    max-width:100%;
    max-height:200px;
    margin-top:15px;
    border-radius:4px;
    display:none;
}

.contact-card {
    background:linear-gradient(135deg, #fff0f0 0%, #ffe0e0 100%);
    border-radius:8px;
    padding:25px;
    border:1px solid #ffbaba;
    margin-top:30px;
}

.contact-card h3 {
    color:#d70000;
    margin-bottom:20px;
    font-size:18px;
    padding-bottom:10px;
    border-bottom:2px solid #ff6b6b;
}

.contact-item {
    display:flex;
    align-items:center;
    margin-bottom:15px;
}

.contact-icon {
    width:40px;
    height:40px;
    background:#0ea5e9;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
    color:white;
}

.contact-details {
    flex:1;
}

.contact-type {
    font-weight:600;
    color:#1e40af;
    margin-bottom:3px;
}

.contact-value {
    color:#475569;
}

@media (max-width:1024px) {
    .red-advantages-list {
        flex-wrap:wrap;
    }

    .red-advantage-item {
        min-width:calc(50% - 10px);
        margin-bottom:20px;
    }

    .payment-steps {
        flex-direction:column;
    }

    .step {
        width:100%;
        margin-bottom:20px;
    }
}

@media (max-width:768px) {

    .red-advantages-list {
        flex-direction:column;
    }

    .red-advantage-item {
        width:100%;
    }

    .footer-content {
        flex-direction:column;
        text-align:center;
    }

    .contact-info {
        margin-top:15px;
    }
}