/* ===== 区域落地页公共样式 ===== */
.cm-area-hero{padding:90px 0 70px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 60%,#0f3460 100%);color:#fff;text-align:center}
.cm-area-hero h1{font-size:36px;line-height:1.4;margin:0 0 18px;font-weight:700;color:#fff}
.cm-area-sub{font-size:17px;color:#d8d8d8;margin:0 0 14px}
.cm-area-tel{font-size:20px;margin:0 0 26px}
.cm-area-tel a{color:#f26305;font-weight:700;text-decoration:none}
.cm-area-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.cm-btn{display:inline-block;padding:14px 34px;border-radius:40px;font-size:16px;font-weight:600;text-decoration:none;transition:.3s}
.cm-btn-main{background:#f26305;color:#fff!important;box-shadow:0 8px 22px rgba(242,99,5,.4)}
.cm-btn-main:hover{background:#d95504}
.cm-btn-ghost{border:1px solid #fff;color:#fff!important}
.cm-btn-ghost:hover{background:rgba(255,255,255,.15)}

.cm-area-section{padding:56px 0;font-size:15px;line-height:2;color:#444}
.cm-area-section h2{font-size:26px;color:#1a1a2e;margin:0 0 20px;font-weight:700;border-left:5px solid #f26305;padding-left:14px}
.cm-area-section h3{font-size:17px;color:#1a1a2e;margin:0 0 8px}
.cm-area-section p{margin:0 0 12px}
.cm-area-section a{color:#f26305}
.cm-area-bg{background:#f7f8fa}

.cm-area-list{margin:0 0 18px;padding:0;list-style:none}
.cm-area-list li{display:inline-block;margin:0 10px 10px 0;padding:6px 16px;background:#f0f2f5;border-radius:4px;color:#333;font-size:14px}

.cm-area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cm-area-card{background:#fff;padding:26px 22px;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.05);transition:.3s}
.cm-area-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.09)}
.cm-area-card p{margin:0;color:#666;font-size:14px;line-height:1.9}

.cm-area-why{margin:0 0 18px;padding:0;list-style:none}
.cm-area-why li{padding:10px 0 10px 26px;position:relative;border-bottom:1px dashed #eee}
.cm-area-why li:before{content:"✓";position:absolute;left:0;top:10px;color:#f26305;font-weight:700}
.cm-area-why strong{color:#1a1a2e}

.cm-area-case{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:18px}
.cm-case-item{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.cm-case-item img{width:100%;height:220px;object-fit:cover;display:block}
.cm-case-item p{margin:0;padding:14px 16px;font-size:14px;color:#333}
.cm-area-tip{text-align:center;color:#888;font-size:14px}

.cm-area-faq{margin:0}
.cm-area-faq dt{padding:14px 0 8px;font-weight:600;color:#1a1a2e;border-top:1px solid #eee}
.cm-area-faq dt:first-child{border-top:0}
.cm-area-faq dd{margin:0 0 10px;padding:0 0 12px;color:#666;border-bottom:1px dashed #eee}

.cm-area-contact{background:#1a1a2e;color:#fff;text-align:center;padding:60px 0}
.cm-area-contact h2{color:#fff;border-left:0;padding-left:0;text-align:center}
.cm-area-contact p{color:#d8d8d8;margin:0 0 8px}
.cm-area-contact a{color:#f26305;font-weight:700}
.cm-area-contact .cm-btn-main{margin-top:20px}

.cm-area-links{text-align:center}
.cm-area-links h2{border-left:0;padding-left:0;text-align:center}
.cm-area-links a{display:inline-block;margin:0 12px 10px 0;padding:6px 16px;background:#f0f2f5;border-radius:4px;color:#333;font-size:14px;text-decoration:none}
.cm-area-links a:hover{background:#f26305;color:#fff}

@media (max-width:900px){
    .cm-area-hero h1{font-size:24px}
    .cm-area-grid,.cm-area-case{grid-template-columns:1fr}
    .cm-area-section h2{font-size:20px}
}