@charset "utf-8";
/* ==========================================================
   联系我们页 独立样式
   ========================================================== */
.ct-sec{background:var(--bg-light);}
.ct-head h2{color:var(--blue);font-size:clamp(20px,2.4vw,28px);letter-spacing:2px;}
.ct-head span{display:block;color:var(--blue);font-size:12px;letter-spacing:1px;margin-top:4px;}

.ct-grid{display:flex;gap:40px;align-items:flex-start;margin-top:36px;}
.ct-list{flex:1;min-width:0;}
/* align-items 用 flex-start：地址换行时图标与标签对齐右侧第一行文字，而非整块垂直居中 */
.ct-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;font-size:15px;line-height:22px;color:var(--ink);}
.ct-list i{width:22px;height:22px;flex:none;display:flex;}
.ct-list svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.6;}
/* 标签禁止被右侧长内容挤压换行（如“地址：”手机端折行） */
.ct-list b{font-weight:400;letter-spacing:1px;flex:none;white-space:nowrap;}
.ct-qr{flex:none;display:flex;gap:26px;}
.ct-qr .img-slot{width:110px;height:110px;background-color:#111;background-size:cover;}
/* 二维码改用 img 输出，contain 完整显示不裁切 */
.ct-qr .img-slot img{width:100%;height:100%;object-fit:contain;display:block;}
.ct-qr p{text-align:center;font-size:13px;color:var(--ink);margin-top:8px;letter-spacing:2px;}

.ct-map{margin-top:36px;height:clamp(260px,34vw,460px);overflow:hidden;}
/* 地图改用 <a> 包裹 img 输出，cover 铺满裁切；整图可点击跳转百度地图 */
.ct-map a{display:block;width:100%;height:100%;}
.ct-map img{width:100%;height:100%;object-fit:cover;display:block;}

/* 在线留言 */
.ct-msg{background:#dfe1e4;padding:56px 0 64px;}
.ct-msg-head h2{color:var(--blue);font-size:clamp(18px,2.2vw,26px);letter-spacing:2px;}
.ct-msg-head span{display:block;color:var(--blue);font-size:12px;letter-spacing:1px;margin:4px 0 26px;}
.ct-row{display:flex;gap:22px;}
.ct-row input{flex:1;min-width:0;height:44px;border:0;background:#f7f9fb;padding:0 16px;font-size:14px;}
.ct-form textarea{display:block;width:100%;height:150px;border:0;background:#f7f9fb;padding:12px 16px;font-size:14px;resize:vertical;margin-top:22px;}
.ct-form input::placeholder,.ct-form textarea::placeholder{color:#9aa4b2;}
.ct-btns{text-align:center;margin-top:26px;}
    .ct-btns .btn-submit {
        display:block;
        min-width: 120px;
        margin:0 auto;
        padding: 9px 34px;
        border-radius: 18px;
        background: linear-gradient(90deg,var(--orange),var(--blue));
        color: #fff;
        font-size: 14px;
        letter-spacing: 3px;
        transition: .25s;
    }
        .ct-btns .btn-submit:hover {
            opacity: .88;
        }

/* ---------- 自适应 ---------- */
@media (max-width:768px){
  .ct-grid{flex-direction:column;}
  .ct-row{flex-direction:column;gap:14px;}
}
