.main-container{width:1200px;margin:0 auto;display:flex;gap:25px}
.form-container{flex:1;padding:25px;background:#fff;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,0.1)}

@media (max-width:768px){.main-container{flex-direction:column;width:100%}
.sidebar{width:100%}
}
.form-container{max-width:960px;margin:20px auto;padding:25px;background:#fff;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,0.1);font-family:'Microsoft YaHei',Arial,sans-serif}
.form-title{text-align:center;color:#31ab68;font-size:24px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}
.form-row{display:flex;margin-bottom:20px;align-items:center}
.form-label{width:25%;text-align:right;padding-right:20px;font-weight:bold;color:#555;font-size: 15px;}
.form-input{width:75%}
.form-input input[type="text"],.form-input input[type="tel"],.form-input select,.form-input textarea{width:92%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:all 0.3s}
.form-input input[type="text"]:focus,.form-input input[type="tel"]:focus,.form-input select:focus,.form-input textarea:focus{border-color:#31ab68;box-shadow:0 0 5px rgba(49,171,104,0.3)}
.form-input textarea{min-height:100px;resize:vertical}
.form-note{color:#888;font-size:13px;margin-top:5px}
.required-star{color:#ff4444;margin-right:5px}
.time-selection{background:#f9f9f9;padding:15px;border-radius:4px;margin-top:10px}
.time-table{width:100%;border-collapse:collapse}
.time-table th{background:#31ab68;color:white;padding:8px;text-align:center}
.time-table td{padding:8px;border:1px solid #eee;text-align:center}
.time-table .time-period{font-weight:bold;color:#555}
.submit-btn{background:#31ab68;color:white;border:none;padding:12px 30px;font-size:18px;border-radius:4px;cursor:pointer;transition:all 0.3s;display:block;margin:30px auto 0;width:300px}
.submit-btn:hover{background:#279a5a}
.teacher-highlight{background:#fff8e1;padding:15px;border-radius:4px;margin-bottom:20px;text-align:center;font-weight:bold}
.verification-code{display:flex;align-items:center}
.verification-code input{width:100px;margin-right:10px}
.verification-code img{border:1px solid #ddd;border-radius:4px}
.terms-checkbox{text-align:center;margin:20px 0;color:#ff4444;font-weight:bold}
.payment-select{width:120px !important;display:inline-block}
.payment-unit{margin-left:10px;color:#555}
.payment-link{margin-left:15px;color:#ff4444;font-weight:bold}
.sidebar {
    width: 300px;
    margin-top: 20px;
}

.sidebar-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    padding: 20px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.sidebar-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

.sidebar h3 {
    color: #31ab68;
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.price-list {
    margin-bottom: 15px;
}

.price-list ul {
    margin-bottom: 15px;
}

.price-list li {
    padding: 8px 0;
    border-bottom: 1px dashed #eee;
    display: flex;
    justify-content: space-between;
}

.price-list li:last-child {
    border-bottom: none;
}

.teacher-type {
    font-weight: bold;
    color: #333;
}

.case-container {
    max-height: 340px;
    overflow-y: auto;
    padding-right: 10px;
}

.case-item {
    background: #f9f9f9;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 12px;
    border-left: 3px solid #31ab68;
}

.case-item p {
    margin: 5px 0;
    line-height: 1.5;
}

.case-item p:first-child {
    font-weight: bold;
    color: #333;
}

.case-item p:last-child {
    color: #666;
    font-size: 14px;
}

.contact-info {
    text-align: center;
}

.contact-info p {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-info img {
    margin-left: 10px;
    border-radius: 4px;
}

/* 滚动条样式 */
.case-container::-webkit-scrollbar {
    width: 5px;
}

.case-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.case-container::-webkit-scrollbar-thumb {
    background: #31ab68;
    border-radius: 10px;
}

.case-container::-webkit-scrollbar-thumb:hover {
    background: #279a5a;
}
