@charset "utf-8";

/* ========== Hero ========== */
.m-sl-hero{background:linear-gradient(135deg,#1a1a2e 0%,#2d1810 100%);padding:50px 20px 40px;text-align:center;color:#fff;position:relative;overflow:hidden}
.m-sl-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('/images/shanglv/hero-bg.jpg') center center/cover no-repeat;opacity:0.35}
.m-sl-hero-inner{position:relative;z-index:2}
.m-sl-hero-en{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#ff5a00;letter-spacing:3px;margin-bottom:12px;font-weight:600}
.m-sl-hero-title{font-size:22px;font-weight:700;line-height:1.4;margin-bottom:8px;text-shadow:0 2px 12px rgba(0,0,0,0.4)}
.m-sl-hero-title em{color:#ff5a00;font-style:normal;margin:0 4px}
.m-sl-hero-sub-en{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:rgba(255,255,255,0.7);line-height:1.5;margin-bottom:8px}
.m-sl-hero-sub{font-size:13px;color:rgba(255,255,255,0.85);line-height:1.6;margin-bottom:20px}
.m-sl-hero-btn{display:inline-block;padding:11px 32px;background:linear-gradient(135deg,#ff5a00,#ff8c00);color:#fff;font-size:15px;font-weight:600;border-radius:24px;text-decoration:none;box-shadow:0 4px 16px rgba(255,90,0,0.35)}

/* ========== Section 通用 ========== */
.m-sl-section{padding:28px 15px}
.m-sl-section-en{display:block;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#ff5a00;letter-spacing:2px;margin-bottom:6px;font-weight:600}
.m-sl-section-title{font-size:20px;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:22px}

/* ========== 服务场景 ========== */
.m-sl-scenes{background:#fff}
.m-sl-scene-list{display:flex;flex-wrap:wrap;margin:0 -6px}
.m-sl-scene-item{width:33.33%;padding:0 6px;margin-bottom:14px;box-sizing:border-box;text-align:center}
.m-sl-scene-icon{width:48px;height:48px;margin:0 auto 8px;background:linear-gradient(135deg,#fff5f0,#ffe0d0);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ff5a00}
.m-sl-scene-item h3{font-size:13px;font-weight:600;color:#1a1a2e;margin-bottom:2px}
.m-sl-scene-en{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#999;line-height:1.3}

/* ========== 车型选择 ========== */
.m-sl-cars{background:#f7f5f0}
.m-sl-car-list{margin:0 -6px}
.m-sl-car-item{background:#fff;border-radius:10px;overflow:hidden;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.m-sl-car-img{width:100%;height:160px;overflow:hidden}
.m-sl-car-img img{width:100%;height:100%;display:block;object-fit:cover}
.m-sl-car-info{padding:12px 14px}
.m-sl-car-info h3{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:4px}
.m-sl-car-info h3 em{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#ff5a00;font-style:normal;font-weight:500;margin-left:4px}
.m-sl-car-info p{font-size:12px;color:#888;line-height:1.5}

/* ========== 询价表单 ========== */
.m-sl-form{background:#fff}
.m-sl-form-box{margin-top:8px}
.m-sl-form-group{margin-bottom:14px}
.m-sl-form-group label{display:block;font-size:14px;color:#333;margin-bottom:6px;font-weight:500}
.m-sl-form-group label em{color:#e74c3c;font-style:normal}
.m-sl-input{width:100%;height:42px;border:1px solid #ddd;border-radius:8px;padding:0 12px;font-size:14px;color:#333;background:#fafafa;box-sizing:border-box;outline:none}
.m-sl-input:focus{border-color:#ff5a00;background:#fff}
.m-sl-select{width:100%;height:42px;border:1px solid #ddd;border-radius:8px;padding:0 12px;font-size:14px;color:#333;background:#fafafa;box-sizing:border-box;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.m-sl-select:focus{border-color:#ff5a00;background-color:#fff}
.m-sl-textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:10px 12px;font-size:14px;color:#333;background:#fafafa;box-sizing:border-box;resize:vertical;outline:none;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif}
.m-sl-textarea:focus{border-color:#ff5a00;background:#fff}

/* Pills 单选 */
.m-sl-pills{margin:0 -4px}
.m-sl-pill{display:inline-block;padding:7px 14px;border:1px solid #ddd;border-radius:20px;font-size:13px;color:#666;margin:0 4px 8px 0;cursor:pointer;background:#fafafa}
.m-sl-pill-radio{display:none}
.m-sl-pill.m-sl-pill-active{background:linear-gradient(135deg,#ff5a00,#ff8c00);border-color:#ff5a00;color:#fff;font-weight:600}

.m-sl-submit{display:block;width:100%;height:48px;background:linear-gradient(135deg,#ff5a00,#ff8c00);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;cursor:pointer;outline:none;box-shadow:0 4px 12px rgba(255,90,0,0.3)}
.m-sl-submit:active{opacity:0.9}
.m-sl-submit:disabled{opacity:0.6;cursor:not-allowed}

/* ========== CTA ========== */
.m-sl-cta{background:linear-gradient(135deg,#1a1a2e,#2d1810);padding:36px 20px;text-align:center;color:#fff}
.m-sl-cta h2{font-size:18px;font-weight:700;margin-bottom:8px}
.m-sl-cta p{font-size:13px;color:rgba(255,255,255,0.6);margin-bottom:18px}
.m-sl-cta-btn{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#ff5a00,#ff8c00);color:#fff;font-size:15px;font-weight:600;border-radius:24px;text-decoration:none;box-shadow:0 4px 16px rgba(255,90,0,0.35)}

/* ========== 输入错误提示 ========== */
.m-sl-input.m-sl-input-error{border-color:#e74c3c;background:#fff5f5}