.customer-auth-main{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:72px 0;background:linear-gradient(135deg,#eef7fd 0%,#f7fafc 48%,#e8f3fa 100%)}
.customer-auth-shell{width:min(980px,calc(100% - 48px));display:grid;grid-template-columns:1fr 420px;gap:68px;align-items:center}
.customer-auth-intro{padding:16px 0}.customer-auth-intro h1{margin:12px 0 16px;color:#071524;font-size:46px;line-height:1.12;letter-spacing:0}.customer-auth-intro>p:not(.eyebrow){max-width:430px;color:#627386;font-size:16px;line-height:1.8}.customer-auth-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.customer-auth-points span{padding:9px 13px;border:1px solid #cbdde9;border-radius:7px;background:rgba(255,255,255,.72);color:#2e5c7b;font-size:12px}
.customer-auth-card{padding:30px;background:#fff;border:1px solid #dce5ed;border-radius:10px;box-shadow:0 20px 55px rgba(13,57,86,.12)}.customer-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;background:#eef4f8;border-radius:7px}.customer-auth-tabs button{min-height:44px;border-radius:5px;background:transparent;color:#617687;font-size:14px;font-weight:700;cursor:pointer}.customer-auth-tabs button.active{background:#fff;color:#0b70c8;box-shadow:0 3px 10px rgba(20,68,99,.1)}.customer-auth-card form{display:flex;flex-direction:column}.customer-auth-card form[hidden],.customer-wechat-panel[hidden]{display:none!important}.customer-auth-card label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;color:#324b5d;font-size:12px;font-weight:700}.customer-auth-card input{min-height:48px;padding:0 13px;border:1px solid #ccd8e1;border-radius:7px;color:#102133;font:inherit;font-weight:400;outline:none;transition:border-color .18s,box-shadow .18s}.customer-auth-card input:focus{border-color:#1786d3;box-shadow:0 0 0 3px rgba(23,134,211,.12)}.customer-auth-card .btn{min-height:50px;margin-top:5px}.code-input-row{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:8px}.code-button{min-height:48px;padding:0 10px;border:1px solid #b9d7ea;border-radius:7px;background:#eef8ff;color:#0b70c8;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.code-button:hover{background:#e1f2fd}.code-button:disabled{opacity:.6;cursor:wait}.customer-auth-note{margin:15px 0 0;color:#7b8c99;font-size:11px;line-height:1.6;text-align:center}.customer-auth-error{margin-bottom:14px;padding:10px 12px;border:1px solid #efc4c4;border-radius:7px;background:#fff4f4;color:#a33b3b;font-size:12px;line-height:1.5}.customer-wechat-panel{text-align:center}.wechat-qr-frame{display:grid;place-items:center;width:300px;height:400px;margin:4px auto 16px;border:1px solid #dbe6ee;border-radius:10px;background:#fff;box-shadow:0 10px 26px rgba(13,57,86,.08);overflow:hidden}.wechat-qr-frame>div{width:100%;height:100%}.wechat-qr-frame iframe{display:block;width:100%;height:100%;border:0}.wechat-qr-frame span{padding:20px;color:#7a8d9b;font-size:12px;line-height:1.6}.customer-wechat-panel>strong{display:block;color:#233f54;font-size:14px}.customer-wechat-panel>strong[data-tone="success"]{color:#13855c}.customer-wechat-panel>strong[data-tone="warning"]{color:#a46b12}.customer-wechat-panel>strong[data-tone="error"]{color:#b43c3c}.customer-wechat-panel>p{margin:7px 0 15px;color:#7b8c99;font-size:11px;line-height:1.6}.wechat-actions{display:flex;justify-content:center;gap:18px}.wechat-actions .text-button{min-height:38px;color:#0b70c8;font-size:12px;font-weight:700}.wechat-actions .text-button:hover{color:#075b9e}
.customer-test-login{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;align-items:center;margin-top:20px;padding:15px;border:1px solid #cfe2ef;border-radius:7px;background:#f4faff}.customer-test-login p{display:flex;flex-direction:column;gap:3px;margin:0;color:#6b7f8e;font-size:11px;line-height:1.55}.customer-test-login strong{color:#284d67;font-size:12px}.customer-test-button{min-height:44px;padding:0 15px;border:1px solid #88bee2;border-radius:6px;background:#fff;color:#0874c5;font:inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}.customer-test-button:hover{border-color:#0b82d0;background:#e9f6ff;color:#075f9f}.customer-test-button:focus-visible{outline:3px solid rgba(23,134,211,.24);outline-offset:2px}.customer-test-button:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){.customer-auth-main{min-height:calc(100vh - 68px);padding:38px 0}.customer-auth-shell{width:min(100% - 32px,460px);grid-template-columns:1fr;gap:25px}.customer-auth-intro{padding:0;text-align:center}.customer-auth-intro h1{font-size:35px}.customer-auth-intro>p:not(.eyebrow){margin:0 auto;font-size:14px}.customer-auth-points{justify-content:center;margin-top:18px}.customer-auth-card{padding:22px 18px}.code-input-row{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.wechat-qr-frame{width:300px;height:400px;max-width:100%}}
@media(max-width:480px){.customer-test-login{grid-template-columns:1fr}.customer-test-button{width:100%}}
.account-nav{display:flex;align-items:center;gap:18px}.account-nav a,.account-nav button{min-height:44px;display:inline-flex;align-items:center;background:transparent;color:#2a628a;font-size:12px;font-weight:700}.customer-account-main{min-height:calc(100vh - 76px);padding:58px 0 80px;background:#f2f6f9}.customer-account-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.customer-profile-card,.customer-orders-panel{border:1px solid #dce5ed;border-radius:8px;background:#fff}.customer-profile-card{padding:28px;text-align:center}.customer-avatar{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 17px;border-radius:50%;background:#e9f5fc;color:#0874c5;font-size:25px;font-weight:750}.customer-profile-card h1{margin:0;font-size:22px}.customer-profile-card>p{margin:6px 0 24px;color:#718495;font-size:12px}.customer-profile-card dl{margin:0;text-align:left}.customer-profile-card dl div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid #e6edf2;font-size:11px}.customer-profile-card dt{color:#788b99}.customer-profile-card dd{margin:0;color:#253e51;font-weight:700;text-align:right}.customer-orders-panel{padding:26px}.customer-orders-panel>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.customer-orders-panel h2{margin:3px 0 0;font-size:26px}.customer-orders-panel>header>a{color:#0874c5;font-size:12px;font-weight:700}.customer-order-card{margin-bottom:12px;padding:18px;border:1px solid #dfe7ed;border-radius:7px}.customer-order-card>header{display:flex;justify-content:space-between;gap:16px}.customer-order-card>header>div{display:flex;flex-direction:column;gap:4px}.customer-order-card>header strong{font-size:14px}.customer-order-card>header small{color:#7c8e9c;font-size:10px}.customer-order-card>header>span{color:#0874c5;font-size:11px;font-weight:700}.customer-order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #e7edf2}.customer-order-meta p{display:flex;flex-direction:column;gap:5px;margin:0;color:#778997;font-size:10px}.customer-order-meta b{color:#213a4e;font-size:12px}.customer-order-address{margin:12px 0 0;color:#687d8e;font-size:11px;line-height:1.6}.account-empty{padding:64px 20px;text-align:center;color:#718495}.account-empty strong{display:block;color:#213a4e;font-size:18px}.account-empty p{margin:8px 0 20px;font-size:12px}
@media(max-width:760px){.account-nav{gap:10px}.customer-account-main{padding:26px 0 60px}.customer-account-layout{grid-template-columns:1fr}.customer-profile-card{padding:22px}.customer-orders-panel{padding:18px}.customer-order-meta{grid-template-columns:1fr 1fr}.customer-order-card>header{align-items:flex-start}.customer-orders-panel>header{align-items:flex-start}}
.customer-auth-card form[hidden]{display:none!important}

/* Customer center */
/* The official compact widget includes its own QR and quick-login instructions. */
.customer-auth-page .customer-auth-card{border-radius:8px}
.customer-auth-page .customer-auth-tabs{margin-bottom:16px}
.customer-auth-page .wechat-qr-frame{
  position:relative;
  display:block;
  width:300px;
  max-width:100%;
  height:220px;
  margin:0 auto;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}
.customer-auth-page .wechat-qr-frame>span:not([hidden]){
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
}
.customer-auth-page #customerWechatStatus{
  min-height:20px;
  margin:6px 0 12px;
  font-size:12px;
  font-weight:400;
  line-height:20px;
}
.customer-auth-page .wechat-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  padding-top:8px;
  border-top:1px solid #e7edf2;
}
.customer-auth-page .wechat-actions .text-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin:0;
  padding:0 18px;
  border:0;
  background:transparent;
  font:inherit;
  font-size:12px;
  font-weight:600;
  line-height:20px;
  text-decoration:none;
  white-space:nowrap;
}
.customer-auth-page .wechat-actions .text-button[hidden]{display:none}
.customer-auth-page .wechat-actions .text-button:focus-visible{outline:2px solid #0874c5;outline-offset:2px}
.customer-auth-page .wechat-actions .text-button:disabled{opacity:.5;cursor:wait}
.customer-auth-page #customerWechatStatus:empty{min-height:0;margin:0 0 12px}
@media(max-width:760px){
  .customer-auth-page .floating-cart,
  .customer-auth-page .floating-service{
    position:relative!important;
    inset:auto!important;
    display:flex;
    margin:12px auto 20px;
    transform:none;
  }
}
.customer-account-content{min-width:0}.customer-account-panel{padding:26px;border:1px solid #dce5ed;border-radius:8px;background:#fff}.customer-account-panel[hidden]{display:none!important}.account-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.account-panel-head h2{margin:3px 0 0;font-size:26px}.account-panel-head>a,.account-link-button{display:inline-flex;min-height:42px;align-items:center;padding:0;border:0;background:transparent;color:#0874c5;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.account-section-nav{display:flex;flex-direction:column;gap:4px;margin:22px -12px -12px;padding-top:14px;border-top:1px solid #e2eaf0}.account-section-nav button{display:flex;min-height:44px;align-items:center;justify-content:space-between;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#526b7c;font:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.account-section-nav button:hover{background:#f1f7fb;color:#0874c5}.account-section-nav button.active{background:#e8f5fd;color:#0874c5}.account-section-nav b{display:grid;min-width:24px;height:24px;place-items:center;border-radius:12px;background:#fff;color:#638094;font-size:10px}.order-status-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 18px;padding:5px;border-radius:7px;background:#eef4f8}.order-status-tabs button{display:flex;min-height:42px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:5px;background:transparent;color:#617687;font:inherit;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.order-status-tabs button.active{background:#fff;color:#0874c5;box-shadow:0 3px 10px rgba(20,68,99,.09)}.order-status-tabs b{font-size:10px}.account-form{padding:22px 0 0;border-top:1px solid #e1e9ef}.account-address-form{margin-bottom:24px}.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-form-grid label{display:flex;min-width:0;flex-direction:column;gap:7px;color:#324b5d;font-size:11px;font-weight:700}.account-form-grid .span-2{grid-column:1 / -1}.account-form input,.account-form select{width:100%;min-height:46px;padding:0 13px;border:1px solid #ccd8e1;border-radius:6px;background:#fff;color:#102133;font:inherit;font-weight:400;outline:none}.account-form input:focus,.account-form select:focus{border-color:#1786d3;box-shadow:0 0 0 3px rgba(23,134,211,.12)}.account-form input[readonly]{background:#f3f6f8;color:#6c7f8d}.account-check{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#4e697c;font-size:11px}.account-check input{width:16px;height:16px;min-height:0;padding:0;accent-color:#0874c5}.account-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.account-form-actions .btn{min-height:44px}.account-secondary-button{min-height:44px;padding:0 18px;border:1px solid #cbd8e1;border-radius:6px;background:#fff;color:#4f687a;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.address-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.address-item{padding:18px;border:1px solid #dfe7ed;border-radius:7px;background:#fff}.address-item header{display:flex;align-items:center;gap:10px}.address-item header strong{color:#213a4e;font-size:14px}.address-item header span{color:#6e8290;font-size:11px}.address-item header b{margin-left:auto;padding:4px 7px;border-radius:4px;background:#e8f5fd;color:#0874c5;font-size:9px}.address-item p{min-height:38px;margin:12px 0;color:#607789;font-size:11px;line-height:1.7}.address-item footer{display:flex;gap:14px;padding-top:12px;border-top:1px solid #e8eef2}.address-item footer button{min-height:30px;border:0;background:transparent;color:#0874c5;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.address-item footer button.danger{color:#b74a4a}.account-panel-note,.account-field-note{margin:0 0 20px;padding:12px 14px;border-left:3px solid #168cff;background:#f0f8fd;color:#587183;font-size:11px;line-height:1.65}.account-field-note{margin:14px 0 0;border:0;background:transparent;padding:0;color:#788b99}.account-toast{right:24px;bottom:24px}.account-toast.show{display:block}
@media(max-width:900px){.customer-account-layout{grid-template-columns:230px minmax(0,1fr)}.order-status-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.address-list{grid-template-columns:1fr}}
@media(max-width:760px){.account-section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 0}.account-section-nav button{background:#f4f8fb}.customer-account-panel{padding:18px}.account-panel-head{align-items:flex-start}.order-status-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.order-status-tabs::-webkit-scrollbar{display:none}.order-status-tabs button{flex:0 0 auto;min-width:84px}.account-form-grid{grid-template-columns:1fr}.account-form-grid .span-2{grid-column:auto}.account-form-actions{justify-content:stretch}.account-form-actions>*{flex:1}.address-list{grid-template-columns:1fr}.account-toast{right:16px;bottom:16px;left:16px}}
.address-item footer{min-height:0;margin:0;padding:12px 0 0;background:transparent;color:inherit;box-shadow:none}
.customer-order-card>footer{display:flex;flex-wrap:wrap;gap:10px;min-height:0;margin:0;padding:16px 0 0;background:transparent;color:inherit;box-shadow:none}.customer-order-card>footer .btn{min-height:44px;min-width:112px;padding:0 16px;font-size:12px}.customer-order-card>footer .btn:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){.customer-account-layout{grid-template-columns:minmax(0,1fr)}.customer-profile-card{width:100%;min-width:0}.customer-account-content{width:100%}.customer-account-panel{width:100%;min-width:0}.account-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}