/* ============================================================
 * pages/contact.css 联系页特有
 * 由同目录 ../../tools/extract_assets.py 从内联样式抽离，请勿手工合并
 * ============================================================ */

.pban{position:relative;margin-top:84px;height:300px;color:#fff;display:flex;align-items:center;overflow:hidden;}
.pban-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.pban-mask{position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,13,14,.94) 0%,rgba(18,19,21,.72) 55%,rgba(18,19,21,.35) 100%);}
.pban-inner{position:relative;}
.crumb{font-size:13px;color:rgba(255,255,255,.7);margin-bottom:18px;letter-spacing:1px;}
.crumb a{color:rgba(255,255,255,.7);}
.crumb a:hover{color:#fff;}
.crumb span{color:#fff;}
.pban-kicker{font-family:var(--en-cond);font-size:15px;font-weight:600;letter-spacing:5px;color:#E88A8E;}
.pban h1{font-size:42px;font-weight:900;letter-spacing:3px;margin-top:10px;}
.pban p{font-size:15px;color:rgba(255,255,255,.8);margin-top:12px;font-weight:300;}
.contact-sec{padding:72px 0 40px;}
.cinfo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:-110px;position:relative;z-index:5;}
.cinfo{background:#fff;border:1px solid var(--line);padding:32px 28px;box-shadow:0 18px 40px rgba(0,0,0,.12);}
.cinfo .ico{width:44px;height:44px;background:var(--red-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.cinfo .ico svg{width:22px;height:22px;stroke:var(--red);fill:none;stroke-width:1.7;}
.cinfo h3{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:1px;}
.cinfo p{font-size:14px;color:var(--body);margin-top:8px;line-height:1.8;}
.cinfo .big{font-family:var(--en-font);font-size:20px;font-weight:800;color:var(--red);letter-spacing:.5px;}
.main-sec{padding:56px 0 92px;}
.main-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start;}
.form-card{background:#fff;border:1px solid var(--line);padding:44px 44px 40px;}
.form-card h2{font-size:24px;font-weight:900;color:var(--ink);letter-spacing:1px;}
.form-card .kicker{font-family:var(--en-font);font-size:12px;font-weight:700;letter-spacing:3px;color:var(--red);margin-bottom:10px;}
.form-card .lead{font-size:14px;color:var(--steel);margin:12px 0 26px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.fitem{margin-bottom:16px;}
.fitem label{font-size:12.5px;color:var(--body);display:block;margin-bottom:7px;letter-spacing:1px;font-weight:500;}
.fitem label b{color:var(--red);}
.fitem input,.fitem select,.fitem textarea{width:100%;border:1px solid var(--line);padding:12px 14px;font-size:16px;font-family:var(--cn-font);color:var(--ink);background:#FBFBFC;}
.fitem textarea{resize:vertical;min-height:92px;}
.fitem input:focus,.fitem select:focus,.fitem textarea:focus{outline:none;border-color:var(--red);}
.full{grid-column:1/-1;}
.form-card button{width:100%;background:var(--red);color:#fff;border:none;padding:16px;font-size:16px;font-weight:700;letter-spacing:3px;cursor:pointer;margin-top:8px;transition:background .25s;}
.form-card button:hover{background:var(--red-deep);}
.form-card .note{font-size:12px;color:var(--steel);margin-top:12px;text-align:center;}
.visit-card{position:relative;color:#fff;overflow:hidden;min-height:520px;display:flex;flex-direction:column;}
.visit-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.visit-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,13,14,.55) 0%,rgba(12,13,14,.92) 100%);}
.visit-inner{position:relative;padding:40px 36px;display:flex;flex-direction:column;flex:1;}
.visit-inner .kicker{font-family:var(--en-font);font-size:12px;font-weight:700;letter-spacing:3px;color:#E88A8E;}
.visit-inner h2{font-size:24px;font-weight:900;margin:12px 0 26px;letter-spacing:1px;}
.vlist{border-top:1px solid rgba(255,255,255,.15);}
.vlist li{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:14px;}
.vlist li b{font-size:12.5px;color:rgba(255,255,255,.65);letter-spacing:1px;font-weight:400;padding-top:2px;}
.vlist li span{color:rgba(255,255,255,.95);line-height:1.7;}
.vlist .tel-en{font-family:var(--en-font);font-size:22px;font-weight:800;letter-spacing:1px;}
.v-foot{margin-top:auto;padding-top:26px;font-size:13px;color:rgba(255,255,255,.75);line-height:1.8;}
.v-foot b{color:#fff;}

@media(max-width:1024px) {
  .cinfo-grid{grid-template-columns:repeat(2,1fr);margin-top:0;}
  .main-grid{grid-template-columns:1fr;}
  .visit-card{min-height:0;}
}

@media(max-width:640px) {
  .contact-sec{padding:48px 0 20px;}
  .main-sec{padding:32px 0 64px;}
  .pban{height:250px;margin-top:66px;}
  .pban h1{font-size:30px;}
  .cinfo-grid{grid-template-columns:1fr;}
  .form-card{padding:32px 24px;}
  .frow{grid-template-columns:1fr;}
}