/* 预约演示页：表单卡 + 演示图 + 客户 logo 墙 */

.xj-a{padding-top:1.8rem;}
.xj-a .xj-cont{display:flex;justify-content:space-between;align-items:stretch;}
.xj-a .xj-right{order:1;width:calc((14rem - .8rem)/2);background:#fff;border:1px solid #e6eef5;
  border-radius:.22rem;padding:.5rem .5rem .42rem;box-shadow:0 .3rem .8rem rgba(11,60,100,.1);}
.xj-a .xj-left{order:2;display:flex;flex-direction:column;width:calc((14rem - .8rem)/2);}

/* 填写卡片 */
.rc-head{margin-bottom:.3rem;}
.rc-title{margin:0;font-size:30px;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:#12232f;}
.rc-sub{margin:10px 0 0;font-size:14px;line-height:1.6;color:#7b8fa0;}
.rc-group{padding-top:.26rem;border-top:1px solid #eef3f8;margin-top:.26rem;}
.rc-group:first-of-type{border-top:none;margin-top:0;padding-top:0;}
.rc-glabel{font-size:12px;letter-spacing:.12em;color:#9aacbb;margin-bottom:.14rem;}
.rc-row{display:grid;grid-template-columns:1fr 1fr;gap:.16rem;}
.rc-field{display:flex;flex-direction:column;min-width:0;}
.rc-field + .rc-field{margin-top:.16rem;}
.rc-row .rc-field{margin-top:0;}
.rc-row + .rc-field{margin-top:.16rem;}
.rc-label{display:flex;align-items:center;gap:4px;margin-bottom:.08rem;font-size:13px;line-height:1.4;color:#5b7285;}
.rc-label i{color:#0b70a1;font-style:normal;}
.rc-opt{margin-left:6px;padding:1px 5px;font-size:11px;color:#a3b3c0;background:#f2f6fa;border-radius:3px;}
.rc-input{box-sizing:border-box;width:100%;height:.5rem;padding:0 .16rem;font-size:14px;color:#12232f;
  font-family:inherit;background:#f7fafc;border:1px solid #e3ecf4;border-radius:.1rem;outline:none;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}
.rc-input::placeholder{color:#a8b8c5;}
.rc-input:focus{background:#fff;border-color:#0b70a1;box-shadow:0 0 0 3px rgba(11,112,161,.12);}
.rc-textarea{height:1.06rem;padding:.12rem .16rem;line-height:1.6;resize:vertical;}
.rc-select{position:relative;}
.rc-select:after{content:"";position:absolute;right:.18rem;top:50%;width:.08rem;height:.08rem;
  border-right:1.5px solid #7b8fa0;border-bottom:1.5px solid #7b8fa0;transform:translateY(-70%) rotate(45deg);pointer-events:none;}
select.rc-input{appearance:none;-webkit-appearance:none;padding-right:.38rem;cursor:pointer;}
.rc-code{display:flex;gap:.1rem;}
.rc-code .rc-input{flex:1;}
.rc-send{display:flex;align-items:center;justify-content:center;flex:0 0 1.46rem;height:.5rem;border-radius:.1rem;
  border:1px solid #0b70a1;background:#fff;color:#0b70a1;font-size:13px;font-weight:700;cursor:pointer;
  transition:background .2s ease,color .2s ease;}
.rc-send:hover{background:#eef7fd;}
.rc-send.gray{color:#93a6b5;border-color:#dfe8f1;background:#f4f7fa;cursor:default;}
.rc-hint{margin:.1rem 0 0;font-size:12px;line-height:1.5;color:#93a6b5;}
.rc-submit{box-sizing:border-box;width:100%;height:.54rem;margin-top:.32rem;border:none;border-radius:.1rem;cursor:pointer;
  font-size:16px;font-weight:700;color:#fff;background-image:linear-gradient(90deg,#0b70a1,#007db8);
  box-shadow:0 .12rem .26rem rgba(11,112,161,.26);transition:transform .2s ease,box-shadow .2s ease;}
.rc-submit:hover{transform:translateY(-1px);box-shadow:0 .16rem .32rem rgba(11,112,161,.34);}
.rc-foot{margin-top:.18rem;text-align:center;font-size:13px;color:#93a6b5;}
.rc-login{margin-left:4px;color:#0b70a1;font-weight:700;text-decoration:none;}

/* 客户 logo 墙 */
.cw{flex:1;display:flex;flex-direction:column;margin-top:.34rem;padding-top:.28rem;border-top:1px solid #e2edf7;}
.cw-title{font-size:20px;font-weight:700;line-height:1.3;color:#16232e;margin:0 0 .18rem;}
.cw-head{display:flex;align-items:baseline;justify-content:space-between;gap:.2rem;margin:auto 0 0;padding-top:.2rem;}
.cw-label{font-size:13px;color:#93a6b5;}
.cw-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#0b70a1;text-decoration:none;white-space:nowrap;}
.cw-more svg{width:13px;height:13px;transition:transform .2s ease;}
.cw-more:hover svg{transform:translateX(3px);}
.cw-mq{display:flex;flex-direction:column;gap:.1rem;}
.cw-row{overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);}
.cw-track{display:flex;gap:.1rem;width:max-content;animation:mqmove 34s linear infinite;}
.cw-rev .cw-track{animation-direction:reverse;animation-duration:44s;}
.cw-row:nth-child(3) .cw-track{animation-duration:38s;}
.cw-track .cw-item{width:1.8rem;flex:0 0 1.8rem;}
.cw-mq:hover .cw-track{animation-play-state:paused;}
.cw-item{display:block;aspect-ratio:2.1/1;background:#fff;border:1px solid #e2edf7;border-radius:.08rem;overflow:hidden;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;}
.cw-item img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .22s ease,opacity .22s ease;}
.cw-item:hover{border-color:#bcdcf0;box-shadow:0 .08rem .2rem rgba(11,112,161,.14);transform:translateY(-2px);}
.cw-item:hover img{filter:none;opacity:1;}
@keyframes mqmove{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){
  .cw-track{animation:none;}
}

/* 登录弹窗 */
.dlg-main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:5.2rem;max-width:calc(100% - 32px);background:#fff;border-radius:.22rem;
  padding:.5rem .48rem .4rem;box-shadow:0 .4rem 1rem rgba(8,40,70,.28);}
.dlg-close{position:absolute;top:.16rem;right:.16rem;width:.34rem;height:.34rem;border:none;border-radius:50%;
  background:#f2f6fa;cursor:pointer;}
.dlg-close:before,.dlg-close:after{content:"";position:absolute;left:50%;top:50%;width:.14rem;height:1.6px;
  background:#7b8fa0;border-radius:2px;}
.dlg-close:before{transform:translate(-50%,-50%) rotate(45deg);}
.dlg-close:after{transform:translate(-50%,-50%) rotate(-45deg);}
.dlg-close:hover{background:#e6eef6;}
.dlg-head{margin-bottom:.28rem;}
.dlg-title{font-size:28px;line-height:1.2;font-weight:700;color:#12232f;}
.dlg-sub{margin-top:8px;font-size:14px;color:#7b8fa0;}
.dlg-form .rc-field + .rc-field{margin-top:.18rem;}
.dlg-foot{margin:.18rem 0 0;text-align:center;font-size:13px;color:#93a6b5;}

@media(max-width:1200px){
  .xj-a{padding-top:30px;}
}

@media(max-width:1150px){
  .rc-title{font-size:26px;}
  .rc-input,.rc-send{height:34px;}
  .rc-submit{height:40px;}
}

@media(max-width:900px){
  .xj-a{padding-top:24px;}
  .xj-a .xj-cont{display:flex;flex-direction:column;}
  .xj-a .xj-right,.xj-a .xj-left{float:none;width:100%;}
  .xj-a .xj-right{order:1;padding:22px 16px 18px;border-radius:14px;}
  .xj-a .xj-left{order:2;margin-top:18px;}
  .rc-title{font-size:20px;}
  .rc-sub{margin-top:8px;font-size:13px;}
  .rc-head{margin-bottom:20px;}
  .rc-group{padding-top:18px;margin-top:18px;}
  .rc-glabel{margin-bottom:10px;}
  .rc-row{grid-template-columns:1fr;gap:14px;}
  .rc-field + .rc-field,.rc-row + .rc-field{margin-top:14px;}
  .rc-row .rc-field + .rc-field{margin-top:0;}
  .rc-label{margin-bottom:6px;font-size:13px;}
  .rc-input,.rc-send{height:42px;border-radius:8px;}
  .rc-textarea{height:96px;padding:10px 12px;}
  .rc-code{gap:8px;}
  .rc-send{flex-basis:108px;font-size:13px;}
  .rc-hint{margin-top:8px;}
  .rc-submit{height:48px;margin-top:20px;font-size:15px;border-radius:8px;}
  .rc-foot{margin-top:14px;}
  .cw{margin-top:20px;padding-top:16px;}
  .cw-title{font-size:17px;margin-bottom:12px;text-align:center;}
  .cw-head{flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px;margin:12px 0 0;padding-top:0;}
  .cw-label,.cw-more{font-size:12px;white-space:nowrap;}
  .cw-mq{gap:6px;}
  .cw-track{gap:6px;}
  .cw-track .cw-item{width:112px;flex:0 0 112px;}
  .dlg-main{width:auto;left:16px;right:16px;padding:26px 18px 22px;border-radius:16px;
    transform:translateY(-50%);}
  .dlg-close{top:12px;right:12px;width:32px;height:32px;}
  .dlg-close:before,.dlg-close:after{width:13px;}
  .dlg-title{font-size:22px;}
  .dlg-sub{font-size:13px;}
  .dlg-form .rc-field + .rc-field{margin-top:14px;}
}