:root{--brand-red:#d43030;--brand-navy:#002f5e;--brand-cyan:#0091c9}
html,body{letter-spacing:0}
html,body{width:100%;min-width:0;overflow-x:hidden}
.header>header>div>a img,.header>header>a img,.header>header>div>img,.headerLeft img,img[src$="/img/logo3.54eb6824.png"]{object-fit:contain!important;object-position:left center!important}
.header>header>div>img[src$="/img/logo3.54eb6824.png"]{width:240px!important;height:80px!important;display:block}
.logo img[src$="/img/brand-symbol.png"]{object-fit:contain!important}
button:focus-visible,a:focus-visible,input:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--brand-cyan)!important;outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.header .user>li:first-child,.header .user>li:nth-child(3){display:none!important}
.codex-home-auth-links{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:0 0 auto!important;margin-left:18px!important;white-space:nowrap!important;z-index:5!important}
.codex-home-auth-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:58px!important;height:34px!important;padding:0 14px!important;border:1px solid #d7dce3!important;border-radius:4px!important;background:#fff!important;color:#17263d!important;font:600 15px/1 Arial,"Microsoft YaHei",sans-serif!important;cursor:pointer!important;box-sizing:border-box!important}
.codex-home-auth-register{border-color:#d43030!important;background:#d43030!important;color:#fff!important}
.codex-home-auth-button:hover{filter:brightness(.98)!important}
.codex-login-toast{position:fixed!important;left:50%!important;top:24px!important;transform:translateX(-50%)!important;z-index:100001!important;max-width:calc(100vw - 32px)!important;padding:12px 18px!important;border-radius:8px!important;background:#fff1f1!important;color:#d43030!important;box-shadow:0 12px 36px rgba(0,0,0,.18)!important;font:600 15px/1.45 Arial,"Microsoft YaHei",sans-serif!important;text-align:center!important}
.codex-login-toast-success{background:#effaf2!important;color:#16843a!important}
/* Product-selection risk notices are disabled by the current business policy. Keep
   this guard in place so cached/legacy chunks cannot surface the old popup. */
.custom-notification{display:none!important}
[role="radiogroup"],
.service_conect_img .el-radio-group{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
[role="radiogroup"] .el-radio,
.service_conect_img .el-radio.payment-method-wechat,
.service_conect_img .el-radio{display:inline-flex!important;align-items:center!important;min-height:42px!important;box-sizing:border-box!important}
[role="radiogroup"] .el-radio__input,
.service_conect_img .el-radio__input{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin-right:7px!important}
[role="radiogroup"] .el-radio__label,
.service_conect_img .el-radio__label{display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:0!important;padding-left:0!important;line-height:1.2!important;white-space:nowrap!important}
.payment-method-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;flex:0 0 24px!important;overflow:hidden!important}
.payment-method-icon img{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important}
.payment-method-icon-wechat{position:relative!important}
.payment-method-icon-wechat:before,
.payment-method-icon-wechat:after{content:""!important;position:absolute!important;display:block!important;background:#07c160!important;border-radius:50%!important}
.payment-method-icon-wechat:before{width:19px!important;height:16px!important;left:1px!important;top:5px!important}
.payment-method-icon-wechat:after{width:14px!important;height:12px!important;right:0!important;top:1px!important;box-shadow:-5px 8px 0 -4px #fff,1px 8px 0 -4px #fff!important}
.payment-method-icon-wechat{background:radial-gradient(circle at 8px 13px,#fff 0 1.5px,transparent 1.7px),radial-gradient(circle at 14px 13px,#fff 0 1.5px,transparent 1.7px)!important}
.payment-method-label{display:inline-block!important;line-height:24px!important}
.codex-payment-modal{position:fixed!important;inset:0!important;z-index:100000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;background:rgba(15,23,42,.56)!important}
.codex-payment-dialog{width:min(390px,calc(100vw - 32px))!important;box-sizing:border-box!important;padding:22px 20px 20px!important;border-radius:10px!important;background:#fff!important;box-shadow:0 20px 70px rgba(0,0,0,.3)!important;text-align:center!important}
.codex-payment-dialog-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.codex-payment-dialog-header h2{margin:0!important;color:#17263d!important;font-size:20px!important;line-height:1.35!important}
.codex-payment-dialog-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f1f4f7!important;color:#526278!important;font-size:25px!important;line-height:1!important;cursor:pointer!important}
.codex-payment-dialog-intro{margin:14px 0 12px!important;color:#526278!important;font-size:14px!important}
.codex-payment-qr{display:block!important;width:min(300px,100%)!important;height:auto!important;margin:0 auto!important;border:8px solid #fff!important;box-shadow:0 2px 12px rgba(23,38,61,.12)!important;image-rendering:auto!important}
.codex-payment-dialog-hint{margin:14px 0 0!important;color:#8b98a9!important;font-size:12px!important;line-height:1.6!important}
.codex-payment-fallback{display:inline-block!important;margin-top:10px!important;color:#2877d4!important;font-size:13px!important;text-decoration:underline!important}
.codex-agreement{display:block!important;margin-top:16px!important;padding:0!important;text-align:left!important;color:#333!important;font-size:14px!important;position:relative!important}
.codex-agreement-label{display:flex!important;align-items:flex-start!important;gap:8px!important;min-height:24px!important;cursor:pointer!important;line-height:1.5!important}
.codex-agreement-label input{width:18px!important;height:18px!important;flex:0 0 18px!important;margin:1px 0 0!important;accent-color:var(--brand-red)!important;cursor:pointer!important}
.codex-agreement-copy{display:block!important;min-width:0!important;word-break:break-word!important}
.codex-agreement-copy a{color:var(--brand-red)!important;text-decoration:underline!important}
.codex-agreement.is-checked .codex-agreement-copy{color:#333!important}
@media (max-width:600px){
  body.codex-route-register .container,
  body:has(#codex-agreement-checkbox) .container{width:100%!important;min-height:100dvh!important;height:auto!important;padding:16px 16px 176px!important;box-sizing:border-box!important;align-items:stretch!important;justify-content:flex-start!important;overflow:visible!important}
  body.codex-route-register .container .logo,
  body:has(#codex-agreement-checkbox) .container .logo{display:flex!important;justify-content:center!important;width:100%!important;margin:4px auto 12px!important}
  body.codex-route-register .container .logo img,
  body:has(#codex-agreement-checkbox) .container .logo img{width:72px!important;height:72px!important;object-fit:contain!important}
  body.codex-route-register .container .input-container,
  body:has(#codex-agreement-checkbox) .container .input-container{width:100%!important;max-width:420px!important;margin:0 auto!important;box-sizing:border-box!important}
  body.codex-route-register .container .input-container h2,
  body:has(#codex-agreement-checkbox) .container .input-container h2{margin:0 0 16px!important;top:auto!important;font-size:22px!important;line-height:1.35!important}
  body.codex-route-register .container .input-field:has(input[placeholder*="手机号"]),
  body.codex-route-register .container .input-field:has(input[placeholder*="邮箱"]),
  body:has(#codex-agreement-checkbox) .container .input-field:has(input[placeholder*="手机号"]),
  body:has(#codex-agreement-checkbox) .container .input-field:has(input[placeholder*="邮箱"]){display:none!important}
  body.codex-route-register .container .input-field,
  body:has(#codex-agreement-checkbox) .container .input-field{display:flex!important;align-items:center!important;width:100%!important;min-height:48px!important;height:48px!important;margin:0 0 12px!important;padding:0 12px!important;box-sizing:border-box!important}
  body.codex-route-register .container .input-field>div:first-child,
  body:has(#codex-agreement-checkbox) .container .input-field>div:first-child{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important}
  body.codex-route-register .container .input-field>div:first-child img,
  body:has(#codex-agreement-checkbox) .container .input-field>div:first-child img{width:24px!important;height:24px!important;object-fit:contain!important}
  body.codex-route-register .container .input-field>input,
  body.codex-route-register .container .input-field .input-box input,
  body.codex-route-register .container .input-field .div-button input,
  body:has(#codex-agreement-checkbox) .container .input-field>input,
  body:has(#codex-agreement-checkbox) .container .input-field .input-box input,
  body:has(#codex-agreement-checkbox) .container .input-field .div-button input{min-width:0!important;flex:1 1 auto!important;width:100%!important;height:46px!important;box-sizing:border-box!important;font-size:16px!important}
  body.codex-route-register .container .codex-agreement,
  body:has(#codex-agreement-checkbox) .container .codex-agreement{position:fixed!important;left:16px!important;right:16px!important;bottom:74px!important;z-index:100002!important;width:auto!important;margin:0!important;padding:10px 12px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -4px 14px rgba(0,0,0,.12)!important}
  body.codex-route-register .container .codex-agreement-label,
  body:has(#codex-agreement-checkbox) .container .codex-agreement-label{font-size:14px!important}
  body.codex-route-register .container .login-button,
  body:has(#codex-agreement-checkbox) .container .login-button{position:fixed!important;left:16px!important;right:16px!important;bottom:18px!important;z-index:100003!important;width:auto!important;height:46px!important;margin:0!important;border-radius:8px!important;background:#d43030!important;color:#fff!important;font-size:18px!important;font-weight:600!important;line-height:46px!important;text-align:center!important}
  body.codex-route-register .container .register-div,
  body:has(#codex-agreement-checkbox) .container .register-div{margin-top:8px!important;text-align:center!important}
  body.codex-route-register .codex-mobile-nav,
  body.codex-route-login .codex-mobile-nav{display:none!important}
}
@media (max-width:700px){
  .custom-vertical-notices .compliance-bubble,
  .custom-vertical-notices .bubble-content-wrapper,
  .custom-vertical-notices .bubble-header,
  .custom-vertical-notices .bubble-content,
  .custom-vertical-notices .bubble-title-row,
  .custom-vertical-notices .bubble-title-sub,
  .custom-vertical-notices .bubble-text{pointer-events:none!important}
  .custom-vertical-notices .bubble-close{pointer-events:auto!important}
  .header>header{display:flex!important;width:100%!important;height:64px!important;min-width:0!important;box-sizing:border-box!important}
  .header>header>div:first-child{width:156px!important;height:64px!important;flex:0 0 156px!important}
  .header>header>div:first-child img{width:156px!important;height:64px!important;object-fit:contain!important}
  .header>header .LoginTitle,.header>header .user{display:none!important}
  #app>.user>div:nth-child(2){display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
  #app>.user>div:nth-child(2)>.left{display:none!important}
  #app>.user>div:nth-child(2)>.right,
  #app>.user .right{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;flex:0 0 100%!important;box-sizing:border-box!important}
  #app>.user .right .register,
  #app>.user .right .service,
  #app>.user .right .service_box,
  #app>.user .right .service_title{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
  #app>.user .right .service{height:auto!important;min-height:48px!important}
  #app>.user .right .service_box{padding:16px!important}
  #app>.user .right .service_title{margin:0!important}
  #app>.user .right .Available_balance{width:100%!important;box-sizing:border-box!important}
  #app>.user .right .service_conect{width:100%!important;box-sizing:border-box!important}
  #app>.user .right .service_conect_img{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;width:100%!important;height:auto!important;min-height:0!important;padding:16px 0 0!important;box-sizing:border-box!important}
  #app>.user .right .service_conect_img> :first-child{flex:0 0 100%!important;width:100%!important;box-sizing:border-box!important}
  #app>.user .right .service_conect_img>[role="radiogroup"]{flex:1 1 100%!important;width:100%!important;margin:8px 0 0!important;box-sizing:border-box!important}
  #app>.user .right .service_conect_submit{display:block!important;width:max-content!important;max-width:100%!important;margin:16px auto!important;box-sizing:border-box!important}
  [role="radiogroup"] .el-radio{max-width:100%!important}
  #app>.user .right .service_conect_conect{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #app>.user .right .service_conect_conect .btn,
  #app>.user .right .service_conect_conect button,
  #app>.user .right .service_conect_conect [role="button"]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:46px!important;
    height:auto!important;
    padding:6px 8px!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    line-height:1.2!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  #app>.user .right .service_conect_input,
  #app>.user .right .service_conect_input input{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    box-sizing:border-box!important;
  }
  #app>.user .right .service_conect_img .el-radio-group{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  #app>.user .right .service_conect_img .el-radio{
    width:100%!important;
    min-width:0!important;
    justify-content:flex-start!important;
    padding:0 14px!important;
  }
}

@media (max-width:700px){
  body.codex-route-recharge #app>.user{
    padding-bottom:calc(132px + env(safe-area-inset-bottom))!important;
  }
  body.codex-route-recharge #app>.user .right .service_title,
  body.codex-route-recharge #app>.user .right .Available_balance,
  body.codex-route-recharge #app>.user .right .service_conect{
    overflow:visible!important;
  }
  body.codex-route-recharge #app>.user .right .service_conect_top{
    display:grid!important;
    grid-template-columns:5.5em minmax(0,1fr)!important;
    column-gap:10px!important;
    row-gap:10px!important;
    align-items:start!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  body.codex-route-recharge #app>.user .right .service_conect_top>label{
    grid-column:1!important;
    padding-top:12px!important;
    white-space:normal!important;
    line-height:1.35!important;
  }
  body.codex-route-recharge #app>.user .right .service_conect_conect{
    grid-column:2!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  body.codex-route-recharge #app>.user .right .service_conect_conect .btn-group{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.codex-route-recharge #app>.user .right .service_conect_conect .btn,
  body.codex-route-recharge #app>.user .right .service_conect_conect button{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    min-height:50px!important;
    height:50px!important;
    padding:0 8px!important;
    border:1px solid #d9dde4!important;
    border-radius:6px!important;
    background:#f2f3f5!important;
    color:#111827!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.codex-route-recharge #app>.user .right .service_conect_conect .btn.active,
  body.codex-route-recharge #app>.user .right .service_conect_conect button.active,
  body.codex-route-recharge #app>.user .right .service_conect_conect .btn:focus,
  body.codex-route-recharge #app>.user .right .service_conect_conect button:focus{
    border-color:#d43030!important;
    background:#d43030!important;
    color:#fff!important;
    opacity:1!important;
  }
  body.codex-route-recharge #app>.user .right .service_conect_input{
    grid-column:2!important;
    margin:2px 0 0!important;
  }
  body.codex-route-recharge #app>.user .right .service_conect_img .el-radio-group{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  body.codex-route-recharge #app>.user .right .service_conect_img .el-radio{
    height:54px!important;
    min-height:54px!important;
    width:100%!important;
    border-radius:6px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  body.codex-route-recharge #app>.user .right .service_conect_text{
    padding-bottom:82px!important;
  }
  body.codex-route-recharge #app>.user .right .service_conect_submit{
    position:fixed!important;
    left:16px!important;
    right:16px!important;
    bottom:calc(70px + env(safe-area-inset-bottom))!important;
    z-index:99991!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:none!important;
    height:48px!important;
    margin:0!important;
    border-radius:8px!important;
    background:#d43030!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:700!important;
    box-shadow:0 8px 24px rgba(212,48,48,.28)!important;
  }
}

/* Mobile customer console: keep desktop tables scrollable inside their own
   panels, while forms and product selection reflow into one narrow column. */
@media (max-width:700px){
  html,body,#app,.user{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body{
    margin:0!important;
    background:#f7f8fa!important;
  }
  .has-codex-mobile-nav .user{
    padding-bottom:calc(68px + env(safe-area-inset-bottom))!important;
  }
  .codex-mobile-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:99990!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;
    min-height:56px!important;
    padding:4px 8px calc(4px + env(safe-area-inset-bottom))!important;
    border-top:1px solid #e4e8ee!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -4px 16px rgba(23,38,61,.08)!important;
    box-sizing:border-box!important;
  }
  .codex-mobile-nav-item{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:44px!important;
    padding:0 4px!important;
    border:0!important;
    border-radius:4px!important;
    background:transparent!important;
    color:#526278!important;
    font:500 14px/1.2 Arial,"Microsoft YaHei",sans-serif!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }
  .codex-mobile-nav-item.is-active{
    background:#fff1f1!important;
    color:#d43030!important;
    font-weight:600!important;
  }
  .codex-mobile-nav-logout{color:#b4232d!important;font-weight:600!important;}
  .header,
  .header>header{
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    box-sizing:border-box!important;
  }
  .header{
    position:sticky!important;
    top:0!important;
    z-index:50!important;
  }
  .header>header{
    display:flex!important;
    align-items:center!important;
    padding:0 12px!important;
    background-size:auto 64px!important;
  }
  .header>header>div:first-child{
    width:156px!important;
    height:64px!important;
    flex:0 0 156px!important;
  }
  .header>header>div:first-child img{
    display:block!important;
    width:156px!important;
    height:64px!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
  .header .LoginTitle{
    display:none!important;
  }
  .header .user{
    display:none!important;
  }
  #app>.user>div:nth-child(2){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  #app>.user>div:nth-child(2)>.left{
    display:none!important;
  }
  #app>.user>div:nth-child(2)>.right,
  #app>.user .right{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    flex:0 0 100%!important;
    margin:0!important;
    padding:0!important;
  }
  #app>.user .right>*{
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* The legacy notice is useful on desktop but blocks the first controls on
     narrow screens. It remains available through the desktop layout. */
  .custom-vertical-notices{
    display:none!important;
  }

  /* Dashboard */
  .Console_main{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    box-sizing:border-box!important;
    margin:0 0 16px!important;
  }
  .Console_main .C_left,
  .Console_main .C_right{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:16px!important;
  }
  .Console_main .C_left_title,
  .Console_main .C_left_list,
  .Console_main .C_operations,
  .Console_main .C_operations_connect,
  .Console_main .C_right{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  .Console_main .C_left_list{
    display:block!important;
    height:auto!important;
  }
  .Console_main .C_left_list>div{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0 0 12px!important;
    box-sizing:border-box!important;
  }
  .Console_main .right_list,
  .Console_main .right_list_top,
  .Console_main .right_list_bottom,
  .Console_main .right_list ul{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin-left:0!important;
  }
  .Console_main .C_operations_connect{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .Console_main .C_operations_connect>div{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    height:auto!important;
    min-height:100px!important;
    overflow:visible!important;
  }
  .Console_main .C_operations_connect ul{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:92px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    box-sizing:border-box!important;
  }
  .Console_main .right_list p{
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
  }
  .Console_main .el-table,
  .Console_main .el-table__header-wrapper,
  .Console_main .el-table__body-wrapper{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
  }
  .C_table{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:0 16px!important;
    margin:0!important;
  }
  .C_table .el-table,
  .C_table .el-table__header-wrapper,
  .C_table .el-table__body-wrapper{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Product order form */
  .create{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:16px!important;
    margin:0!important;
  }
  .create>p,
  .create .version-center{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  .create .version-center{
    display:block!important;
  }
  .create .order-section{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:0 0 18px!important;
    padding:0 0 14px!important;
  }
  .create .order-section>h2{
    width:100%!important;
    box-sizing:border-box!important;
    margin:0 0 10px!important;
  }
  .create .order-section>ul{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
  }
  .create .order-section>ul>li{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
  .create .order-section>ul>li>div{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:56px!important;
    padding:8px 10px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .create .order-section--radio>ul>li>div>div:first-child{
    position:relative!important;
    display:block!important;
    flex:0 0 24px!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #b8c0cc!important;
    border-radius:50%!important;
    background:#fff!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!important;
  }
  .create .order-section--radio>ul>li>div>div:first-child.active{
    border-color:#d43030!important;
    background:#fff!important;
  }
  .create .order-section--radio>ul>li>div>div:first-child.active:after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:12px!important;
    height:12px!important;
    border-radius:50%!important;
    background:#d43030!important;
    transform:translate(-50%,-50%)!important;
  }
  .create .order-section--radio>ul>li>div>div:nth-child(2){
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .create .order-section--radio>ul>li>div>div:nth-child(2)>p{
    margin:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1.4!important;
  }
  .create .order-section--chip>ul,
  .create .order-section--city>ul{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .create .order-section--chip>ul>li>span,
  .create .order-section--city>ul>li>span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:46px!important;
    padding:8px 10px!important;
    border:1px solid #dde2ea!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#17263d!important;
    font-weight:600!important;
    line-height:1.35!important;
    text-align:center!important;
    white-space:normal!important;
    word-break:break-word!important;
    box-sizing:border-box!important;
  }
  .create .order-section--chip>ul>li>span.active,
  .create .order-section--city>ul>li>span.active{
    border-color:#d43030!important;
    background:#d43030!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(212,48,48,.22)!important;
  }
  .create .order-client-row{
    display:block!important;
  }
  .create .order-client-select,
  .create .order-client-select .el-select,
  .create .order-client-select .el-input{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  .create .order-footer{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin-bottom:20px!important;
  }
  .create .order-footer__controls{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .create .order-footer__field{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .create .order-footer__field>h2{
    flex:0 0 4.5em!important;
    min-width:4.5em!important;
    margin:0!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    writing-mode:horizontal-tb!important;
  }
  .create .order-footer__field>div{
    flex:1 1 calc(100% - 5.5em)!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    writing-mode:horizontal-tb!important;
  }
  .create .order-footer__field p,
  .create .order-footer__field span,
  .create .order-footer__field b,
  .create .order-footer__field i{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    writing-mode:horizontal-tb!important;
  }
  .create .order-footer__field .el-input-number,
  .create .order-footer__field .el-input,
  .create .order-footer__field .el-input__inner{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .create .order-footer__bottom{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  .create .order-footer__remark{
    display:grid!important;
    grid-template-columns:4.5em minmax(0,1fr)!important;
    column-gap:8px!important;
    row-gap:6px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
    writing-mode:horizontal-tb!important;
  }
  .create .order-footer__remark p{
    margin:0!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    writing-mode:horizontal-tb!important;
    line-height:1.6!important;
  }
  .create .order-footer__remark p:first-child{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
  }
  .create .order-footer__remark p:not(:first-child){
    grid-column:2!important;
  }
  .create .order-footer__checkout{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:12px 0 0!important;
  }
  .create .order-footer__checkout .checkout-btn{
    flex:1 1 110px!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }

  body.codex-route-orders .right .Mainframa,
  body.codex-route-orders .right .main_Mainframa,
  body.codex-route-orders .right .w-box{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding:16px!important;
    padding-bottom:calc(132px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
  }
  body.codex-route-orders .el-table,
  body.codex-route-orders .el-table__header-wrapper,
  body.codex-route-orders .el-table__body-wrapper{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.codex-route-orders .el-table__body,
  body.codex-route-orders .el-table__header{
    min-width:640px!important;
  }
  body.codex-route-orders .el-table-column--selection .cell,
  body.codex-route-orders .el-checkbox,
  body.codex-route-orders .el-checkbox__input{
    pointer-events:auto!important;
  }
  body.codex-route-orders .el-table .cell u{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:76px!important;
    min-height:36px!important;
    padding:0 10px!important;
    border-radius:6px!important;
    background:#d43030!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:700!important;
    text-decoration:none!important;
  }
  body.codex-route-orders .Mainframa_goods{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:calc(64px + env(safe-area-inset-bottom))!important;
    z-index:99989!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding:10px 12px!important;
    border-top:1px solid #e4e8ee!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -4px 16px rgba(23,38,61,.08)!important;
    box-sizing:border-box!important;
  }
  body.codex-route-orders .Mainframa_goods>div:first-child{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  body.codex-route-orders .Mainframa_goods p{
    margin:0!important;
    font-size:12px!important;
    line-height:1.5!important;
    color:#526278!important;
  }
  body.codex-route-orders .Mainframa_goods button{
    min-width:78px!important;
    height:38px!important;
    border:0!important;
    border-radius:6px!important;
    background:#e5e7eb!important;
    color:#17263d!important;
    font-weight:700!important;
  }
  body.codex-route-orders .Mainframa_goods button.active,
  body.codex-route-orders .Mainframa_goods button:first-child{
    background:#d43030!important;
    color:#fff!important;
  }

  /* Search/filter forms shared by order and finance pages */
  .right>.w-box,
  .right .Payment-box,
  .right .main_Mainframa{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:16px!important;
    margin:0!important;
  }
  .right>.w-box .Payment-title,
  .right .Payment-box .Payment-title,
  .right .main_Mainframa .Payment-title{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:0 0 12px!important;
  }
  .right>.w-box .Payment-from,
  .right .Payment-box .Payment-from,
  .right .main_Mainframa .Payment-from{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  .right>.w-box .Payment-from>div,
  .right>.w-box .Payment-from .Prepaid_Operating,
  .right>.w-box .Payment-from .Prepaid_input,
  .right .Payment-box .Payment-from>div,
  .right .Payment-box .Payment-from .Prepaid_Operating,
  .right .Payment-box .Payment-from .Prepaid_input,
  .right .main_Mainframa .Payment-from>div,
  .right .main_Mainframa .Payment-from .Prepaid_Operating,
  .right .main_Mainframa .Payment-from .Prepaid_input{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
  .right>.w-box .Payment-from label,
  .right .Payment-box .Payment-from label,
  .right .main_Mainframa .Payment-from label{
    flex:0 0 auto!important;
    margin:0!important;
  }
  .right>.w-box .Payment-from .el-input,
  .right>.w-box .Payment-from .el-select,
  .right>.w-box .Payment-from .el-date-editor,
  .right>.w-box .Payment-from .el-input__inner,
  .right .Payment-box .Payment-from .el-input,
  .right .Payment-box .Payment-from .el-select,
  .right .Payment-box .Payment-from .el-date-editor,
  .right .Payment-box .Payment-from .el-input__inner,
  .right .main_Mainframa .Payment-from .el-input,
  .right .main_Mainframa .Payment-from .el-select,
  .right .main_Mainframa .Payment-from .el-date-editor,
  .right .main_Mainframa .Payment-from .el-input__inner{
    flex:1 1 150px!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .right>.w-box .Payment-from .Prepaid_Operating .el-date-editor,
  .right .Payment-box .Payment-from .Prepaid_Operating .el-date-editor,
  .right .main_Mainframa .Payment-from .Prepaid_Operating .el-date-editor{
    flex:1 1 100%!important;
    width:100%!important;
  }
  .right>.w-box .slice,
  .right .Payment-box .slice,
  .right .main_Mainframa .slice{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:4px 0 16px!important;
  }
  .right>.w-box .slice>div:first-child,
  .right>.w-box .SliceButton,
  .right .Payment-box .slice>div:first-child,
  .right .Payment-box .SliceButton,
  .right .main_Mainframa .slice>div:first-child,
  .right .main_Mainframa .SliceButton{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .right>.w-box .slice button,
  .right .Payment-box .slice button,
  .right .main_Mainframa .slice button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:60px!important;
    height:40px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .right>.w-box .slice .exportant,
  .right .Payment-box .slice .exportant,
  .right .main_Mainframa .slice .exportant{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    margin:0 0 0 auto!important;
    box-sizing:border-box!important;
  }
  .right>.w-box .slice .exportant img,
  .right .Payment-box .slice .exportant img,
  .right .main_Mainframa .slice .exportant img{
    width:20px!important;
    height:20px!important;
  }
  .right>.w-box .el-table,
  .right .Payment-box .el-table,
  .right .main_Mainframa .el-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .right>.w-box .el-table__header-wrapper,
  .right>.w-box .el-table__body-wrapper,
  .right .Payment-box .el-table__header-wrapper,
  .right .Payment-box .el-table__body-wrapper,
  .right .main_Mainframa .el-table__header-wrapper,
  .right .main_Mainframa .el-table__body-wrapper{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .right>.w-box .el-table__header,
  .right>.w-box .el-table__body,
  .right .Payment-box .el-table__header,
  .right .Payment-box .el-table__body{
    width:max-content!important;
    min-width:max-content!important;
    table-layout:auto!important;
  }
  .right .main_Mainframa .Mainframa_table{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .right .main_Mainframa .el-table__header,
  .right .main_Mainframa .el-table__body{
    width:max-content!important;
    min-width:max-content!important;
    table-layout:auto!important;
  }
  .right>.w-box .el-pagination,
  .right .Payment-box .el-pagination{
    max-width:100%!important;
    overflow-x:auto!important;
    box-sizing:border-box!important;
  }
  .right>.w-box .el-table__header,
  .right>.w-box .el-table__body,
  .right .Payment-box .el-table__header,
  .right .Payment-box .el-table__body{
    min-width:max-content!important;
  }
  .right .el-table__header-wrapper,
  .right .el-table__body-wrapper{
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .right .el-table__header-wrapper table,
  .right .el-table__body-wrapper table{
    width:max-content!important;
    min-width:100%!important;
    table-layout:auto!important;
  }
  .right .w-box:has(.Pre_table) .el-table__header,
  .right .w-box:has(.Pre_table) .el-table__body{
    width:1000px!important;
    min-width:1000px!important;
    table-layout:fixed!important;
  }
  .right .w-box:has(.Pre_table) .el-table col:last-child{
    width:110px!important;
  }
  .right .w-box:has(.Pre_table) .el-table th:last-child,
  .right .w-box:has(.Pre_table) .el-table td:last-child{
    width:110px!important;
    min-width:110px!important;
  }
  .right .el-dropdown{
    max-width:100%!important;
    white-space:nowrap!important;
  }
}

/* Full mobile rescue layer for the public home/help pages. The bundled app
   was authored as a 1300-1500px desktop canvas, so these rules remove the
   horizontal canvas and place the content back into the phone viewport. */
@media (max-width:700px){
  html,body,#app{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  #app{
    position:relative!important;
  }
  .header,
  .active{
    width:100%!important;
    min-width:0!important;
    height:64px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .header>header,
  .active>header,
  .header>header>ul{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:64px!important;
    margin:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    overflow:hidden!important;
  }
  .header>header .headerLeft,
  .header>header>ul .headerLeft,
  .header>header>a,
  .header>header>div:first-child,
  .active>header>a,
  .active>header>div:first-child{
    width:148px!important;
    min-width:0!important;
    flex:0 0 148px!important;
    height:64px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .header>header img,
  .active>header img{
    max-width:148px!important;
    width:148px!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .header>header .LoginTitle,
  .active>header .LoginTitle{
    display:none!important;
  }
  .header>header .user,
  .header>header>ul,
  .active>header .user{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100vw - 172px)!important;
    justify-content:flex-end!important;
    overflow:hidden!important;
  }
  .header>header .user li,
  .header>header .user a,
  .header>header .user div,
  .header>header>ul li,
  .header>header>ul a,
  .active>header .user li,
  .active>header .user a{
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .codex-home-auth-links{
    gap:6px!important;
    margin-left:6px!important;
    flex:0 0 auto!important;
  }
  .codex-home-auth-button{
    min-width:46px!important;
    height:30px!important;
    padding:0 9px!important;
    font-size:13px!important;
  }

  .home,
  .home .poster,
  .home .poster>div,
  .home .Home_banner,
  .home .Home_banner .Home_bannerBg,
  .home .Home_top,
  .home .Home_top>div,
  .About_us,
  .About_us .Home_bannerBg,
  .Document_box,
  .newsDetail,
  .newsDetail>.main{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .home .poster{
    height:auto!important;
    min-height:48px!important;
  }
  .home .poster>div{
    padding:8px 36px 8px 12px!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  .home .poster>div>img{
    width:28px!important;
    margin:0!important;
  }
  .home .poster>div>div{
    display:none!important;
  }
  .home .poster>div>span{
    font-size:14px!important;
    line-height:1.35!important;
  }
  .home .poster>div>.cancel{
    right:10px!important;
    width:22px!important;
  }

  .home .Home_banner{
    min-height:560px!important;
    height:auto!important;
    padding:0!important;
    background:#f7f9fc!important;
  }
  .home .Home_banner .Home_bannerBg{
    position:absolute!important;
    inset:0!important;
    height:100%!important;
    z-index:0!important;
  }
  .home .Home_banner .Home_bannerBg .Home_banner_img,
  .About_us .Home_bannerBg .Home_banner_img{
    position:absolute!important;
    inset:0!important;
    left:0!important;
    top:0!important;
    transform:none!important;
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    opacity:.22!important;
  }
  .home .Home_banner .Home_bannerBg .Home_banner_img img,
  .About_us .Home_bannerBg .Home_banner_img img,
  .home .Home_banner .Home_bannerBg .Home_banner_serve img,
  .About_us .Home_bannerBg .Home_banner_serve img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .home .Home_banner .Home_banner_text{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    min-width:0!important;
    padding:32px 18px 20px!important;
    box-sizing:border-box!important;
  }
  .home .Home_banner .Home_banner_text div p{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:10px 12px!important;
    font-size:28px!important;
    line-height:1.25!important;
    text-align:left!important;
    background:rgba(255,255,255,.78)!important;
    border-radius:6px!important;
    box-sizing:border-box!important;
    word-break:break-word!important;
  }
  .home .Home_banner .Home_banner_text div ul{
    position:static!important;
    width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  .home .Home_banner .Home_banner_text div ul li{
    display:flex!important;
    align-items:flex-start!important;
    width:100%!important;
    min-width:0!important;
    margin:8px 0!important;
    padding:10px 12px!important;
    text-indent:0!important;
    text-align:left!important;
    background:rgba(255,255,255,.78)!important;
    border-radius:6px!important;
    box-sizing:border-box!important;
  }
  .home .Home_banner .Home_banner_text div ul li>:first-child{
    flex:0 0 9px!important;
    width:9px!important;
    height:9px!important;
    margin:8px 12px 0 0!important;
  }
  .home .Home_banner .Home_banner_text div ul li>:nth-child(2){
    flex:1 1 auto!important;
    min-width:0!important;
    font-size:15px!important;
    line-height:1.55!important;
    word-break:break-word!important;
  }
  .home .Home_banner .Home_list{
    position:relative!important;
    z-index:2!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    margin-top:18px!important;
    background:rgba(255,255,255,.86)!important;
  }
  .home .Home_banner .Home_list ul{
    width:100%!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:12px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .home .Home_banner .Home_list ul li{
    float:none!important;
    width:100%!important;
    height:auto!important;
    min-height:86px!important;
    padding:10px!important;
    border:1px solid rgba(212,48,48,.14)!important;
    border-radius:6px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  .home .Home_banner .Home_list ul li .Home_listTitle{
    height:auto!important;
    min-height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .home .Home_banner .Home_list ul li .Home_listTitle h2{
    font-size:14px!important;
    line-height:1.35!important;
    color:#17263d!important;
  }
  .home .Home_banner .Home_list ul li .Home_listTitle span{
    font-size:12px!important;
    line-height:1.4!important;
    color:#526278!important;
  }

  .home .Home_top{
    padding:0 14px 76px!important;
  }
  .home .Home_top h2{
    margin:26px 0 16px!important;
    font-size:20px!important;
    line-height:1.35!important;
  }
  .home .Home_top>div{
    display:block!important;
    height:auto!important;
    margin:0 auto 14px!important;
    padding:20px 14px!important;
    background:#fff!important;
    border:1px solid #eef1f5!important;
    border-radius:6px!important;
  }
  .home .Home_top ul{
    display:block!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  .home .Home_top ul li{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 12px!important;
    padding:0!important;
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
  }
  .home .Home_top img{
    max-width:100%!important;
    height:auto!important;
  }
  .home .Home_top span,
  .home .Home_top p,
  .home .Home_top li{
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.65!important;
    text-indent:0!important;
    word-break:break-word!important;
    box-sizing:border-box!important;
  }
  .home .Home_top>:nth-child(2)>:first-child span,
  .home .Home_top>:nth-child(4)>:first-child span{
    width:100%!important;
  }
  .home .Home_top>:nth-child(2)>:nth-child(2),
  .home .Home_top>:nth-child(4)>:nth-child(2){
    width:100%!important;
    height:auto!important;
    padding:14px 0 0!important;
    display:block!important;
  }
  .home .Home_top>:nth-child(3) ul li>*{
    position:static!important;
    width:100%!important;
    height:auto!important;
    margin:0 0 10px!important;
    padding:0!important;
    text-align:left!important;
  }
  .home .Home_top>:nth-child(3) ul li>:nth-child(3){
    display:none!important;
  }
  .home .Home_top>:nth-child(5) ul{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .home .Home_top>:nth-child(5) ul li{
    margin:0!important;
    width:100%!important;
    height:64px!important;
  }

  .Document_box{
    height:auto!important;
    margin-top:18px!important;
    padding:0 14px 76px!important;
  }
  .Document_box>.Document_box_top,
  .Document_box>.Document_box_top .Document_bo_connect{
    width:100%!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
  }
  .Document_box>.Document_box_top .Document_bo_connect div{
    float:none!important;
    width:100%!important;
    height:auto!important;
    min-height:118px!important;
    margin:0 0 12px!important;
  }
  .newsDetail>.main{
    padding:0 14px 76px!important;
  }
}

/* 2026-09-27 homepage mobile step-card shape fix */
@media (max-width:700px){
  .home .Home_top>:nth-child(3) ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important;}
  .home .Home_top>:nth-child(3) ul li{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:132px!important;margin:0!important;padding:14px 8px!important;border:1px solid #eef1f5!important;border-radius:8px!important;background:#fff!important;box-sizing:border-box!important;text-align:center!important;}
  .home .Home_top>:nth-child(3) ul li>*{position:static!important;width:auto!important;height:auto!important;max-width:100%!important;margin:0!important;padding:0!important;text-align:center!important;}
  .home .Home_top>:nth-child(3) ul li>:first-child{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 56px!important;width:56px!important;height:56px!important;min-width:56px!important;border-radius:50%!important;box-sizing:border-box!important;}
  .home .Home_top>:nth-child(3) ul li>:nth-child(2){display:block!important;margin-top:10px!important;font-size:13px!important;line-height:1.45!important;word-break:break-word!important;}
  .home .Home_top>:nth-child(3) ul li>:nth-child(3){display:none!important;}
}

/* 2026-09-27 homepage step layout correction */
@media (max-width:700px){
  .home .Home_top>:nth-child(3) ul{display:block!important;}
  .home .Home_top>:nth-child(3) ul li{display:grid!important;grid-template-columns:42px 64px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:92px!important;margin:0 0 12px!important;padding:12px 10px!important;border:1px solid #eef1f5!important;border-radius:8px!important;background:#fff!important;box-sizing:border-box!important;text-align:left!important;}
  .home .Home_top>:nth-child(3) ul li>*{position:static!important;display:block!important;width:auto!important;height:auto!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;text-align:left!important;}
  .home .Home_top>:nth-child(3) ul li>:first-child{grid-column:1!important;grid-row:1!important;width:42px!important;min-width:42px!important;font-size:30px!important;line-height:1!important;font-weight:700!important;color:#707070!important;text-align:center!important;}
  .home .Home_top>:nth-child(3) ul li>:nth-child(2){grid-column:2!important;grid-row:1!important;width:64px!important;min-width:64px!important;height:64px!important;border-radius:50%!important;transform:none!important;}
  .home .Home_top>:nth-child(3) ul li>:nth-child(3){display:none!important;}
  .home .Home_top>:nth-child(3) ul li>:nth-child(4){grid-column:3!important;grid-row:1!important;font-size:14px!important;line-height:1.45!important;color:#666!important;word-break:break-word!important;}
}
/* 2026-09-27 mobile home layout correction */
@media (max-width:700px){
  body:not(.codex-route-create):not(.codex-route-orders) .home,
  body:not(.codex-route-create):not(.codex-route-orders) .home .poster,
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_top,
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_banner,
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_list{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important;transform:none!important;position:relative!important;left:auto!important;right:auto!important;}
  body:not(.codex-route-create):not(.codex-route-orders) .home img{max-width:100%!important;height:auto!important;transform:none!important;object-fit:contain!important;}
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_list ul{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%!important;margin:0!important;padding:0 12px!important;box-sizing:border-box!important;}
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_list li{display:block!important;width:100%!important;height:auto!important;min-height:160px!important;position:relative!important;transform:none!important;writing-mode:horizontal-tb!important;}
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_list li *{writing-mode:horizontal-tb!important;white-space:normal!important;word-break:break-word!important;line-height:1.45!important;}
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_list li h1,
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_list li h2,
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_list li h3,
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_list li p{font-size:clamp(16px,4.5vw,24px)!important;margin:8px 0!important;}
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_banner_text,
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_banner_text p,
  body:not(.codex-route-create):not(.codex-route-orders) .home .Home_banner_text li{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;transform:none!important;writing-mode:horizontal-tb!important;text-indent:0!important;}
}

/* 2026-09-28 homepage mobile layout: preserve the source component groups.
   The first group is the four-step row; the third and fourth groups are
   charts. They must not share the same card geometry. */
@media (max-width:700px){
  .home .Home_top,
  .home .Home_top *{writing-mode:horizontal-tb!important;letter-spacing:0!important;}
  .home .Home_top>div{position:relative!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0 auto 14px!important;box-sizing:border-box!important;overflow:visible!important;transform:none!important;}

  .home .Home_top>:first-child{padding:18px 12px 12px!important;background:#fafafa!important;}
  .home .Home_top>:first-child h2{margin:0 0 16px!important;padding:0!important;font-size:20px!important;line-height:1.35!important;text-align:center!important;}
  .home .Home_top>:first-child ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:0!important;padding:0!important;}
  .home .Home_top>:first-child ul li{position:relative!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;width:100%!important;height:auto!important;min-height:78px!important;margin:0!important;padding:10px 8px!important;border:1px solid #eef1f5!important;border-radius:8px!important;background:#fff!important;box-sizing:border-box!important;text-align:left!important;overflow:hidden!important;}
  .home .Home_top>:first-child ul li>:first-child{position:static!important;display:block!important;grid-column:1!important;grid-row:1!important;width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;object-fit:contain!important;}
  .home .Home_top>:first-child ul li>:nth-child(2){position:absolute!important;left:28px!important;top:21px!important;display:block!important;width:15px!important;min-width:15px!important;height:35px!important;margin:0!important;padding:0!important;font-size:0!important;line-height:1!important;transform:none!important;}
  .home .Home_top>:first-child ul li>:nth-child(2) img{display:block!important;width:15px!important;height:35px!important;max-width:15px!important;object-fit:contain!important;}
  .home .Home_top>:first-child ul li>:nth-child(3){display:none!important;}
  .home .Home_top>:first-child ul li>:nth-child(4){position:static!important;display:block!important;grid-column:2!important;grid-row:1!important;width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;color:#526278!important;font-size:13px!important;line-height:1.45!important;word-break:break-word!important;text-align:left!important;}

  .home .Home_top>:nth-child(2),
  .home .Home_top>:nth-child(4){padding:18px 14px!important;background:#fff!important;}
  .home .Home_top>:nth-child(2)>:first-child,
  .home .Home_top>:nth-child(4)>:first-child{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;}
  .home .Home_top>:nth-child(2)>:first-child h2,
  .home .Home_top>:nth-child(4)>:first-child h2{margin:0 0 12px!important;padding:0!important;font-size:19px!important;line-height:1.4!important;text-align:left!important;}
  .home .Home_top>:nth-child(2)>:first-child span,
  .home .Home_top>:nth-child(4)>:first-child span{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;text-indent:0!important;font-size:14px!important;line-height:1.7!important;text-align:left!important;}
  .home .Home_top>:nth-child(2)>:nth-child(2),
  .home .Home_top>:nth-child(4)>:nth-child(2){display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:14px 0 0!important;padding:0!important;}
  .home .Home_top>:nth-child(2)>:nth-child(2) img,
  .home .Home_top>:nth-child(4)>:nth-child(2) img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;}

  .home .Home_top>:nth-child(3){padding:18px 14px!important;background:#fafafa!important;}
  .home .Home_top>:nth-child(3)>ul{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;width:100%!important;margin:0!important;padding:0!important;}
  .home .Home_top>:nth-child(3)>ul>li{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important;}
  .home .Home_top>:nth-child(3)>ul>li>:first-child{position:static!important;display:block!important;width:100%!important;height:auto!important;margin:0 0 8px!important;padding:0!important;font-size:16px!important;line-height:1.45!important;text-align:center!important;}
  .home .Home_top>:nth-child(3)>ul>li>:nth-child(2){position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important;padding:0!important;text-indent:0!important;font-size:14px!important;line-height:1.5!important;text-align:left!important;}
  .home .Home_top>:nth-child(3)>ul>li>:nth-child(2) img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;}
  .home .Home_top>:nth-child(3)>ul>li>:nth-child(3){display:none!important;}

  .home .Home_top>:nth-child(5){padding:18px 14px 24px!important;background:#fff!important;}
  .home .Home_top>:nth-child(5) h2{margin:0 0 12px!important;padding:0!important;font-size:19px!important;line-height:1.4!important;text-align:left!important;}
  .home .Home_top>:nth-child(5) ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:0!important;padding:0!important;}
  .home .Home_top>:nth-child(5) ul li{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:64px!important;margin:0!important;padding:8px!important;box-sizing:border-box!important;}
  .home .Home_top>:nth-child(5) ul li img{display:block!important;max-width:100%!important;max-height:56px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
}