﻿.form_container{max-width:900px;margin:0 auto 32px;padding:44px 56px;box-sizing:border-box;border-radius:20px;border:1px solid #e9edf3;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04),0 20px 50px -18px rgba(15,23,42,.16);font-size:14px;color:#334155}
.form_sub{text-align:center;font-size:13px;color:#94a3b8;margin-bottom:30px}
.form_row{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.form_row>label{flex:0 0 140px;text-align:right;font-size:14px;color:#475569;font-weight:600}
.form_row input[type="text"],.form_row textarea{flex:1;padding:12px 15px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:14px;color:#334155;box-sizing:border-box;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.form_row input[type="text"]:focus,.form_row textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.form_row textarea{height:120px;resize:vertical}
.form_cap{flex:1;display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:13px;color:#475569;box-sizing:border-box}
.form_cap .calc_input{width:70px;height:34px;padding:0 8px;border-radius:8px;border:1px solid #d1d5db;background:#fff;text-align:center;font-size:14px;color:#334155;outline:none;box-sizing:border-box}
.form_cap .calc_input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.form_btns{display:flex;justify-content:center;gap:16px;margin-top:32px}
.form_btns button[type="submit"]{flex:1;max-width:220px;padding:13px 0;border-radius:10px;border:none;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 20px rgba(37,99,235,.25)}
.form_btns button[type="submit"]:hover{filter:brightness(1.05);transform:translateY(-1px)}
.form_btns button[type="reset"]{flex:1;max-width:220px;padding:13px 0;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}
.form_btns button[type="reset"]:hover{background:#f8fafc}
@media (max-width:600px){.form_container{max-width:100%;padding:28px 16px}.form_row{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:16px}.form_row>label{flex:none;text-align:left}.form_btns button{max-width:none}}
.kefu_box{max-width:960px;margin:0 auto 40px;padding:50px 56px;box-sizing:border-box;border-radius:20px;border:1px solid #e8ecf1;background:#fff;font-size:14px;color:#334155}
.kefu_box a{text-decoration:none}
.kefu_box a:hover{text-decoration:none}
.kefu_title{font-size:22px;font-weight:600;color:#111827;letter-spacing:1px}
.kefu_sub{font-size:13px;color:#9aa4b2;margin-top:10px}
.kefu_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.kefu_card{display:flex;align-items:center;gap:18px;padding:30px 26px;border-radius:16px;background:#ffffff;box-shadow:0 1px 2px rgba(16,24,40,.05),0 6px 16px -4px rgba(16,24,40,.08),0 20px 44px -14px rgba(16,24,40,.12);text-decoration:none;color:#334155;transition:all .3s ease}
.kefu_card:hover{background:#f4f7fb;box-shadow:inset 0 2px 5px rgba(16,24,40,.07),inset 0 1px 2px rgba(16,24,40,.05),0 1px 2px rgba(16,24,40,.03)}
.kefu_icon{flex:none;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 1px 1px rgba(255,255,255,.28);transition:transform .3s ease}
.kefu_card:hover .kefu_icon{transform:scale(.93);box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.1)}
.kefu_icon svg{width:21px;height:21px}
.kf_qq .kefu_icon{background:linear-gradient(135deg,#4ea8f2,#1c9ce8);box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 5px 14px -5px rgba(28,156,232,.4)}
.kf_wx .kefu_icon{background:linear-gradient(135deg,#28cf75,#07a355);box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 5px 14px -5px rgba(7,163,85,.4)}
.kf_phone .kefu_icon{background:linear-gradient(135deg,#5b8ff5,#2f63e6);box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 5px 14px -5px rgba(47,99,230,.4)}
.kf_email .kefu_icon{background:linear-gradient(135deg,#ffb84d,#ee8b0c);box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 5px 14px -5px rgba(238,139,12,.4)}
.kf_ww .kefu_icon{background:linear-gradient(135deg,#ff8a4d,#f2640c);box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 5px 14px -5px rgba(242,100,12,.4)}
.kefu_info{flex:1;min-width:0}
.kefu_name{display:block;font-size:16px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kefu_val{display:block;font-size:13px;color:#9aa4b2;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kefu_contact{margin-top:44px;font-size:14px;color:#64748b;line-height:2.2;white-space:pre-line}
.kefu_map{width:100%;height:340px;border:1px solid #eef1f5;border-radius:16px;margin-top:28px}
@media (max-width:900px){.kefu_list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.kefu_box{max-width:100%;padding:30px 20px}.kefu_list{grid-template-columns:1fr;gap:14px;margin-top:26px}.kefu_card{padding:22px 18px}.kefu_icon{width:42px;height:42px}.kefu_contact{margin-top:32px}.kefu_map{height:240px}}
