/* Shared mobile appearance only. Original forms, URLs, JS and state remain. */
html:has(body.ui-legacy) { background:#DCECEF; }
body.ui-legacy {
  --primary-color:#008DA7; --secondary-color:#57CDD9; --accent-color:#00748A;
  --text-color:#173B46; --light-text:#607D85; --border-color:#D0E8EB;
  --popup-bg:#FFFFFF; --input-border:#C6E4E8; --input-focus-border:#008DA7;
  --button-primary-bg:#008DA7; --button-primary-shadow:0 4px 12px #008DA725;
  --button-secondary-bg:#EFF9FA; --button-secondary-color:#29616B;
  margin:0 auto !important; width:100%; max-width:430px;
  min-height:100vh; color:#173B46 !important; background:#EAFBFC !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif !important;
  font-size:14px; line-height:1.55; -webkit-font-smoothing:antialiased;
  padding-bottom:calc(18px + env(safe-area-inset-bottom));
}
body.ui-legacy *, body.ui-legacy *::before, body.ui-legacy *::after { box-sizing:border-box; }
.ui-legacy :is(.h5-1yyg-v1,.h5-1yyg-v11,#__nuxt,#__layout) { width:100%; max-width:430px; margin-inline:auto; background:transparent; }
.ui-legacy img { max-width:100%; object-fit:contain; }
.ui-legacy .global-back-icon { filter:brightness(0) saturate(100%) invert(29%) sepia(73%) saturate(1412%) hue-rotate(156deg) brightness(94%) contrast(101%); }
.ui-legacy :is(h1,h2,h3,h4) { color:#173B46; }
.ui-legacy :is(.gray3,.gray6,.gray9,.gray01) { color:#607D85; }
.ui-legacy :is(.orange,.f60,.red:not(.Validform_wrong)) { color:#00748A !important; }
.ui-legacy :is(.arial,.money-total,.stat-value,.amount,.price) { font-variant-numeric:tabular-nums; }
.ui-legacy :is(.header-bar,.glist-header,header.g-header,.header,.g-header) {
  background:#EAFBFC !important; color:#173B46 !important;
  border-bottom:1px solid #D0E8EB; box-shadow:none !important;
}
.ui-legacy :is(.header-bar,.glist-header,.g-header) :is(a,span,h1,h2,.title,.left-icon,.right-icon) { color:#00748A !important; }
.ui-legacy :is(.yungouheader,.haui-title span) { background:#EAFBFC !important; color:#00748A !important; }
.ui-legacy #header { max-width:430px; }
.ui-legacy .header-bar { max-width:430px !important; min-height:48px; }
.ui-legacy .header-bar :is(.left-icon,.right-icon) { min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; }
.ui-legacy :is(.fixed_header,.subMenu,.nav,.sub_nav) { background:#FFFFFF !important; border-color:#D0E8EB !important; max-width:430px; }
.ui-legacy :is(.fixed_content.active,.sub_nav .active,.current-tab) { color:#00748A !important; border-color:#008DA7 !important; }
.ui-legacy :is(.m-round,.m-rounds,.weui-panel,.weui-flex.buttons,.account-box,.addAddress-list,.modern-popup-content,.message-box-content) {
  background:#FFFFFF !important; border:1px solid #D0E8EB !important;
  border-radius:16px !important; box-shadow:0 4px 16px #27677508 !important;
}
.ui-legacy :is(.weui-panel,.weui-flex.buttons) { margin:12px 16px !important; }
.ui-legacy :is(.weui-cell,.sub_nav_content,.list-tab) { border-color:#D0E8EB; }
.ui-legacy .weui-cell { min-height:52px; padding:14px 16px; color:#173B46; }
.ui-legacy .weui-cell .icon, .ui-legacy .weui-flex__item .icon { color:#008DA7 !important; background:#EAFBFC !important; }
.ui-legacy :is(.weui-cell__bd,.weui-cell__ft,.profile-info,.u-Cart-r) { min-width:0; overflow-wrap:anywhere; }
.ui-legacy .profile-card {
  margin:16px !important; padding:24px 20px !important; border-radius:20px !important;
  background:linear-gradient(130deg,#007F95,#075D71) !important; box-shadow:0 6px 20px #007F9518 !important;
}
.ui-legacy .profile-card :is(.profile-name,.profile-account,.profile-id,.stat-value,.stat-label) { color:#FFFFFF !important; text-shadow:none; }
.ui-legacy .profile-name { overflow-wrap:anywhere; }
.ui-legacy .profile-avatar { width:66px; height:66px; object-fit:cover; }
.ui-legacy .profile-stats { gap:10px; flex-wrap:wrap; }
.ui-legacy .profile-stats .stat-item { min-width:75px; flex:1; }
.ui-legacy .profile-card .stat-value { font-size:22px; overflow-wrap:anywhere; }
.ui-legacy :is(.account_header,.account_header_orange) { margin:16px; max-width:calc(100% - 32px); background:#FFFFFF !important; color:#173B46; border:1px solid #D0E8EB; border-radius:20px; overflow:hidden; }
.ui-legacy .account_header_title { min-height:48px; margin:0; padding:12px 16px 12px 52px; font-size:16px; line-height:1.5; border-bottom:1px solid #D0E8EB; overflow-wrap:anywhere; }
.ui-legacy .account_money_title { margin:20px 18px 8px; font-size:14px; color:#607D85; }
.ui-legacy .account_money { margin:0 18px 20px; font-size:clamp(28px,8vw,40px); line-height:1.25; color:#00748A; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ui-legacy :is(.account_tip,.account_header_orange .account_tip) { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-top:0; padding:12px 18px; background:#EFF9FA !important; color:#29616B; font-size:13px; overflow-wrap:anywhere; }
.ui-legacy .account_tip>span { min-width:0; flex:1; }
.ui-legacy .account_tip_btn { float:none; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 12px; color:#00748A; background:#FFFFFF; border:1px solid #C6E4E8; border-radius:10px; }
.ui-legacy .account_header .back-btn { width:44px; height:44px; left:4px; top:2px; margin:0; background:none; }
.ui-legacy .account_header .back-btn::before { content:""; position:absolute; width:10px; height:10px; left:18px; top:17px; border-left:2px solid #00748A; border-bottom:2px solid #00748A; transform:rotate(45deg); }
.ui-legacy .registerCon { width:calc(100% - 32px) !important; margin:20px 16px !important; padding:22px 18px !important; background:#FFFFFF !important; border:1px solid #D0E8EB; border-radius:20px !important; box-shadow:0 4px 16px #27677508; }
.ui-legacy .registerCon li { overflow:visible; }
.ui-legacy[data-ui-page="user.login"] .registerCon :is(.acc,.pwd) { border:0; }
.ui-legacy[data-ui-page="user.login"] .registerCon { flex:none; }
.ui-legacy[data-ui-page="user.login"] .registerCon li { margin:0 0 16px !important; }
.ui-legacy[data-ui-page="user.login"] .registerCon>ul { padding:0 !important; }
.ui-legacy[data-ui-page="user.login"] .language-btn { position:relative !important; top:auto; right:auto; align-self:flex-end; max-width:calc(100% - 32px); margin:16px 16px 0; }
.ui-legacy[data-ui-page="user.login"] .language-btn>div { display:none; }
.ui-legacy[data-ui-page="user.login"] .language-btn input { width:150px; }
.ui-legacy[data-ui-page="user.login"] :is(.lEmail,.lPwd) { width:100%; }
.ui-legacy[data-ui-page="user.login"] .code-img { display:grid !important; grid-template-columns:minmax(0,1fr) 80px; gap:8px; padding-bottom:12px; }
.ui-legacy[data-ui-page="user.login"] .code-img .codebox { grid-column:1/-1; width:auto !important; }
.ui-legacy[data-ui-page="user.login"] .code-img :is(label,lable) { display:block; width:auto !important; margin:0; line-height:1.5 !important; }
.ui-legacy[data-ui-page="user.login"] #codeimg { width:100%; min-width:0; }
.ui-legacy[data-ui-page="user.login"] #checkcode { width:80px; height:32px; flex:none; }
.ui-legacy[data-ui-page="user.register"] .registerCon>ul { padding:0 !important; }
.ui-legacy[data-ui-page="user.register"] .accAndPwd>div { display:grid !important; grid-template-columns:minmax(0,1fr) 80px; gap:8px; padding-bottom:12px; border-bottom:0 !important; }
.ui-legacy[data-ui-page="user.register"] .accAndPwd :is(lable,.codebox) { grid-column:1/-1; width:auto !important; line-height:1.5 !important; }
.ui-legacy[data-ui-page="user.register"] :is(#userEmail,#txtPassword,#msg,#send) { grid-column:1/-1; width:100% !important; }
.ui-legacy[data-ui-page="user.register"] #send { background:#008DA7 !important; color:#FFFFFF !important; }
.ui-legacy[data-ui-page="user.register"] #checkcode { width:80px; height:32px; }
.ui-legacy :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) {
  max-width:100%; min-width:0; color:#173B46 !important; background:#F6FCFD !important;
  border:1px solid #C6E4E8 !important; border-radius:10px !important;
  font:inherit; min-height:44px; padding:10px 12px;
}
.ui-legacy :is(input[type=checkbox],input[type=radio]) { accent-color:#008DA7; }
.ui-legacy :is(input,select,textarea,button,a):focus-visible { outline:2px solid #00748A; outline-offset:3px; }
.ui-legacy :is(.orgBtn,.redBtn,.layui-btn-danger,#login,#btnNext,#btnPay,#btnSubmit,.confirm-btn,.exchange-button,.floating-checkin-btn,.sign-in-float,.check-in,.w_account) {
  color:#FFFFFF !important; background:#008DA7 !important; border:1px solid #00788F !important;
  border-radius:12px !important; box-shadow:0 3px 0 #B7E0E5 !important;
  min-height:44px; line-height:1.4; padding:12px 16px; white-space:normal;
}
.ui-legacy :is(.btnArea,.language-btn) a { min-height:44px; display:inline-flex; align-items:center; gap:6px; color:#00748A; }
.ui-legacy .language-btn { margin:16px; }
.ui-legacy .language-btn input { width:100%; }
.ui-legacy :is(.cancel-btn,.cancelBtn,.btn-forget,.btn-register) { color:#00748A !important; background:#EFF9FA !important; border-color:#C6E4E8 !important; }
.ui-legacy :is(.m-round,.g-Recharge,.g-bank-ct,.g-pay-ment,.g-pay-Total) { margin-inline:12px; }
.ui-legacy :is(.g-Recharge li.current,.g-bank-ct li.current,.g-pay-ment .current) { border-color:#008DA7 !important; color:#00748A !important; background:#EAFBFC !important; }
.ui-legacy .subMenu a { min-height:44px; height:auto; padding:12px 8px; font-size:14px; line-height:1.5; color:#00748A !important; white-space:normal; overflow-wrap:anywhere; }
.ui-legacy .subMenu a.current { background:#008DA7 !important; color:#FFFFFF !important; }
.ui-legacy :is(.g-Total,.channel-tip) { overflow-wrap:anywhere; }
.ui-legacy .channel-tip em { color:#00748A !important; }
.ui-legacy .g-pay-ment li { height:auto !important; max-height:none; line-height:1.6; padding:12px 10px; }
/* The archive's 20px content height cannot contain its padding in border-box. */
.ui-legacy[data-ui-page="cart.payment"] .g-pay-lst li { height:auto; max-height:none; min-height:44px; }
.ui-legacy .z-bank-Roundsel { border-color:#008DA7 !important; }
.ui-legacy :is(.z-bank-Roundsel,.z-pay-ment,.pgbar) { background:#008DA7 !important; }
.ui-legacy .u-progress { background:#DCEFF1 !important; border-radius:8px; overflow:hidden; }
.ui-legacy .g-Cart-list { margin:14px 12px; padding:0 !important; }
.ui-legacy #cartBody { background:transparent !important; }
.ui-legacy #cartBody>li { margin-bottom:12px; padding:16px 12px; border:1px solid #D0E8EB; border-radius:16px; background:#FFFFFF; box-shadow:0 4px 16px #27677508; }
.ui-legacy .u-Cart-img { background:#F6FCFD; border-radius:12px; }
.ui-legacy .z-Cart-tt { height:auto; overflow-wrap:anywhere; }
.ui-legacy .g-Total-bt { max-width:430px; border-color:#C6E4E8 !important; background:#F2FCFD !important; padding-bottom:env(safe-area-inset-bottom); }
.ui-legacy .g-Total-bt .orgBtn { padding:10px; }
.ui-legacy[data-ui-page="cart.cartlist"] .g-Total-bt { left:50%; transform:translateX(-50%); }
.ui-legacy[data-ui-page="cart.cartlist"] #divBtmMoney { min-height:64px; height:auto; }
.ui-legacy[data-ui-page="cart.cartlist"] #all { height:auto; min-height:60px; }
.ui-legacy[data-ui-page="cart.cartlist"] #all :is(dl,dd) { display:flow-root; }
.ui-legacy[data-ui-page="cart.cartlist"] #all dd:first-child p { display:flex; align-items:center; justify-content:center; width:46%; height:auto; min-height:44px; line-height:1.35; font-size:14px; overflow-wrap:anywhere; }
.ui-legacy[data-ui-page="cart.cartlist"] #allNum+label { position:relative; width:50%; height:44px; line-height:32px; color:#00748A; border-color:#C6E4E8; }
.ui-legacy[data-ui-page="cart.cartlist"] #allNum+label::after { left:auto; right:8px; top:50%; transform:translateY(-50%); }
.ui-legacy[data-ui-page="cart.cartlist"] #allNum+label:not(:empty)::after { display:none; }
.ui-legacy[data-ui-page="cart.cartlist"] #keyboard { background:#FFFFFF; opacity:1; border:1px solid #C6E4E8; border-radius:12px; }
.ui-legacy[data-ui-page="cart.cartlist"] #keyboard :is(ul,li) { background:#FFFFFF; color:#173B46; border-color:#D0E8EB; }
.ui-legacy[data-ui-page="cart.cartlist"] #keyboard::after { background:#FFFFFF; }
.ui-legacy[data-ui-page="cart.cartlist"] #keyboard li:nth-child(12), .ui-legacy[data-ui-page="cart.cartlist"] #keyboard li:active { background:#008DA7; color:#FFFFFF; }
.ui-legacy[data-ui-page="cart.cartlist"] .global-cart-actions { position:fixed; left:50%; transform:translateX(-50%); bottom:calc(76px + env(safe-area-inset-bottom)); width:100%; max-width:430px; display:flex; flex-direction:column; z-index:12; }
.ui-legacy[data-ui-page="cart.cartlist"] .global-cart-actions :is(#all,#divBtmMoney) { position:relative; left:auto; transform:none; bottom:auto; padding-bottom:0; }
.ui-legacy[data-ui-page="cart.cartlist"] .g-Cart-list { margin-bottom:calc(260px + env(safe-area-inset-bottom)); }
.ui-legacy[data-ui-page="cart.cartlist"] #divNone { padding-inline:12px; padding-bottom:72px; }
.ui-legacy[data-ui-page="cart.cartlist"] #divNone .btn-jumpBuy a { height:auto; min-height:44px; line-height:1.4; }
.ui-legacy[data-ui-page="cart.cartlist"] #divNone .btn-jumpBuy a span { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 8px; border-radius:12px; background:#008DA7; color:#FFFFFF; line-height:1.4; }
.ui-legacy[data-ui-page="cart.cartlist"] #divNone .btn-jumpBuy a:last-child span { background:#EFF9FA; color:#00748A; border:1px solid #C6E4E8; }
.ui-legacy[data-ui-page="cart.cartlist"] #addAll { left:50%; transform:translateX(-50%); bottom:calc(88px + env(safe-area-inset-bottom)); width:auto; max-width:calc(100% - 32px); height:auto; min-height:44px; border-radius:12px; background:#008DA7; box-shadow:0 4px 14px #008DA725; }
.ui-legacy[data-ui-page="cart.cartlist"] #addAll p { width:auto; height:auto; min-height:44px; margin:0; padding:12px 20px; border-radius:12px; background:transparent; line-height:1.4; font-size:14px; letter-spacing:0; overflow-wrap:anywhere; }
.ui-legacy[data-ui-page="cart.cartlist"] #intro ul li { height:auto; min-height:210px; }
.ui-legacy[data-ui-page="cart.cartlist"] #intro li .btn-wrap { padding-right:52px; }
.ui-legacy[data-ui-page="cart.cartlist"] #intro li .gRate { width:44px; height:44px; top:-22px; }
.ui-legacy[data-ui-page="cart.cartlist"] #intro li .gRate a { width:44px; height:44px; left:0; top:0; background:#008DA7; }
.ui-legacy[data-ui-page="cart.cartlist"] #intro li .gRate a s { top:11px; }
.ui-legacy .f-Cart-Other { margin:12px 0 8px; height:auto; min-height:44px; border-radius:12px; background:#FFFFFF; border:1px solid #D0E8EB; }
.ui-legacy .f-Cart-Other :is(.z-jian,.z-jia,.z-del) { width:44px; height:44px; line-height:44px; text-align:center; border-color:#C6E4E8; color:#00748A; }
.ui-legacy .f-Cart-Other .z-amount { width:56px; height:44px; padding:8px; }
.ui-legacy .tags li { min-height:44px; line-height:44px; border-color:#C6E4E8; background:#EFF9FA; color:#29616B; }
/* Compact item controls; field order remains intact for CartindexFun.js. */
.ui-legacy[data-ui-page="cart.cartlist"] .u-Cart-r { margin-right:0; }
.ui-legacy[data-ui-page="cart.cartlist"] .u-Cart-r .pencentbox { margin:8px 0 10px; top:0; }
.ui-legacy[data-ui-page="cart.cartlist"] .f-Cart-Other { display:flex; align-items:center; gap:4px; margin:8px 0 0; padding:0; min-height:44px; border:0; border-radius:0; background:transparent; }
.ui-legacy[data-ui-page="cart.cartlist"] .f-Cart-Other :is(.z-jian,.z-jia,.z-del,.z-amount) { flex:none; float:none; margin:0; height:44px; border:1px solid #C6E4E8; border-radius:9px; background-color:#F3FBFC; }
.ui-legacy[data-ui-page="cart.cartlist"] .f-Cart-Other :is(.z-jian,.z-jia) { display:grid; place-items:center; width:44px; padding:0; font-size:22px; line-height:1; }
.ui-legacy[data-ui-page="cart.cartlist"] .f-Cart-Other input.z-amount[name="num"][type="text"] { width:72px; padding:0 4px; line-height:normal; text-align:center; font:14px/normal ui-monospace,SFMono-Regular,Consolas,monospace; font-variant-numeric:tabular-nums; color:#00748A; background:#FFFFFF; }
.ui-legacy[data-ui-page="cart.cartlist"] .f-Cart-Other .z-del { order:2; margin-left:auto; width:44px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23547580' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4h6v3M6 7l1 14h10l1-14M10 11v6M14 11v6'/%3E%3C/svg%3E"); background-size:20px 20px; background-repeat:no-repeat; background-position:center; }
.ui-legacy[data-ui-page="cart.cartlist"] .f-Cart-Other :is(.z-jiandis,.z-jiadis) { color:#89A8AF; background-color:#F7FAFB; }
.ui-legacy[data-ui-page="cart.cartlist"] .u-Cart-r+div { float:none!important; width:auto!important; padding-left:90px!important; margin:8px 0 0!important; }
.ui-legacy[data-ui-page="cart.cartlist"] .tags { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.ui-legacy[data-ui-page="cart.cartlist"] .tags li { float:none; width:auto; height:44px; margin:0; border-radius:8px; font-size:13px; line-height:42px; cursor:pointer; }
.ui-legacy #divLottery { gap:12px !important; padding:14px 12px !important; }
.ui-legacy #divLottery ul { min-width:0; border-radius:16px !important; border:1px solid #D0E8EB; box-shadow:0 4px 16px #27677508 !important; }
.ui-legacy #divLottery :is(.revConR,.revConL) { overflow-wrap:anywhere; }
.ui-legacy #divLottery .revConL span, .ui-legacy #divLottery .points-button { background:#008DA7 !important; }
.ui-legacy :is(.lucky-number-color,.revealed .orange) { color:#00748A !important; }
.ui-legacy :is(.useroutm,.btn-login,.btn-register,.btn-forget,.add-input) { max-width:100%; }
.ui-legacy .useroutm { margin-inline:16px; background:#EFF9FA !important; color:#29616B !important; border:1px solid #C6E4E8; border-radius:12px; }
.ui-legacy .modern-popup-content { max-width:calc(100vw - 32px) !important; }
.ui-legacy .layui-layer { max-width:calc(100vw - 32px) !important; border-radius:16px; }
.ui-legacy :is(.layui-layer-title,.layui-layer-btn) { background:#F2FCFD; color:#173B46; border-color:#D0E8EB; }
.ui-legacy .layui-layer-btn a { min-height:44px; height:auto; padding:8px 16px; border-radius:10px; }
.ui-legacy .layui-layer-btn .layui-layer-btn0 { background:#008DA7; border-color:#008DA7; }
.ui-legacy .modern-popup-content .close-btn { min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; }
.ui-legacy .confirm-buttons { flex-wrap:wrap; }
.ui-legacy .always-set { background:#FFFFFF; border:1px solid #D0E8EB; border-radius:16px; margin:12px; padding:12px; }
.ui-legacy .always-set li { min-height:48px; }
.ui-legacy[data-ui-page="user.accountset"] .sub_nav { background:transparent !important; }
.ui-legacy[data-ui-page="user.accountset"] .sub_nav a { display:flex; flex-wrap:wrap; align-items:center; gap:8px; height:auto; min-height:68px; margin:12px; padding:12px 36px 12px 16px; line-height:1.5; border:1px solid #D0E8EB; border-radius:16px; overflow-wrap:anywhere; }
.ui-legacy[data-ui-page="user.accountset"] .sub_nav a>i { position:absolute; right:16px; top:50%; float:none; width:7px; height:7px; background:none; border-right:2px solid #00748A; border-bottom:2px solid #00748A; transform:translateY(-50%) rotate(-45deg); }
.ui-legacy[data-ui-page="user.accountset"] .sub_nav a>span { float:none; min-width:0; max-width:65%; margin-left:auto; }
.ui-legacy[data-ui-page="user.accountset"] .sub_nav_content { margin-right:0; line-height:1.5; }
.ui-legacy[data-ui-page="user.accountset"] #langbtn { display:block; width:150px; max-width:100%; min-height:44px; line-height:1.5; }
.ui-legacy[data-ui-page="user.accountset"] .sub_nav a>b { order:2; float:none !important; margin-left:auto; color:#00748A !important; }
.ui-legacy[data-ui-page="user.accountset"] .sub_nav a>span img { display:block; height:44px; width:44px; padding:0; object-fit:cover; border-radius:10px; }
.ui-legacy[data-ui-page="user.accountset"] .ios-switch { float:none; display:flex; flex-wrap:wrap; align-items:center; gap:8px; max-width:100%; margin-left:auto; }
.ui-legacy[data-ui-page="user.accountset"] .ios-switch input:checked+.switchery { background-color:#008DA7 !important; border-color:#008DA7 !important; box-shadow:0 0 0 16px #008DA7 inset !important; }
.ui-legacy :is(.helpCon,.helpInfo,.aboutCon,.singleCon,.m-useraddresslst,.account_detail) { background:#FFFFFF; border-radius:16px; border-color:#D0E8EB; }
.ui-legacy[data-ui-page="invite.cashout"] .bg-red-600 { background:#008DA7 !important; }
.ui-legacy[data-ui-page="invite.cashout"] :is(.bg-blue-600,.bg-green-600) { background:#008DA7 !important; }
.ui-legacy[data-ui-page="invite.cashout"] .container { max-width:430px; }
.ui-legacy[data-ui-page="invite.cashout"] .bg-white { border:1px solid #D0E8EB; border-radius:16px; }
.ui-legacy[data-ui-page="user.zp"] { background:#EAFBFC !important; }
/* Fallback for archive fragments that retain the former footer container. */
.ui-legacy #footer .aui-nav { width:100%; max-width:430px; left:50%; transform:translateX(-50%); background:#FFFFFF !important; border-top:1px solid #D0E8EB; padding-bottom:env(safe-area-inset-bottom); }
.ui-legacy #footer .aui-bar-tab { table-layout:fixed; width:100%; }
.ui-legacy #footer .aui-bar-tab li { padding:0; vertical-align:middle; }
.ui-legacy #footer .aui-bar-tab li>a { min-height:60px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.ui-legacy #footer .aui-bar-tab li p { white-space:normal; overflow-wrap:anywhere; font-size:11px; line-height:15px; min-height:15px; max-width:100%; }
.ui-legacy #footer .aui-bar-tab .aui-iconfont { font-size:25px; line-height:28px; }
.ui-legacy #footer .yungouos-footer-cart .chat { width:42px; height:42px; background:#FFFFFF; }
.ui-legacy #footer .yungouos-footer-cart .aui-content-padded { position:absolute; top:2px; right:2px; }
.ui-legacy #footer .active-warning { color:#06C562 !important; }
body.ui-legacy[data-ui-footer="true"] { padding-bottom:calc(90px + env(safe-area-inset-bottom)); }
.blindbox.blindbox { --bb-nav-height:76px; }
.global-mobile-nav.global-mobile-nav {
  position:fixed; bottom:0; left:50%; right:auto; transform:translateX(-50%); z-index:100;
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); width:100%; max-width:430px;
  height:calc(76px + env(safe-area-inset-bottom)); padding:6px 8px calc(6px + env(safe-area-inset-bottom));
  background:#FFFFFF; border:1px solid #CFE7EA; border-bottom:0; border-radius:20px 20px 0 0;
  box-shadow:0 -4px 20px #1B788D08; color:#607D85;
}
.global-mobile-nav.global-mobile-nav>a { position:relative; min-width:0; min-height:44px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; padding:4px 2px; border-radius:12px; color:#607D85; text-decoration:none; font-weight:400; }
.global-mobile-nav.global-mobile-nav>a.active { color:#00748A; background:#EAFBFC; font-weight:600; }
.global-mobile-nav.global-mobile-nav .global-nav-icon { display:block; flex:none; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.global-mobile-nav.global-mobile-nav .global-nav-label { display:block; min-height:0; max-width:100%; font-size:11px; line-height:14px; white-space:normal; overflow-wrap:anywhere; text-align:center; }
.global-mobile-nav.global-mobile-nav .cart-count { position:absolute; top:1px; right:calc(50% - 25px); min-width:17px; min-height:17px; padding:1px 4px; border-radius:10px; background:#00748A; color:white; font:10px/15px sans-serif; }
.global-mobile-nav.global-mobile-nav #btnCart { position:absolute; top:1px; right:calc(50% - 25px); }
.global-mobile-nav.global-mobile-nav #btnCart>em { display:block; min-width:17px; min-height:17px; padding:1px 4px; border-radius:10px; background:#00748A; color:white; font:10px/15px sans-serif; }
.global-mobile-nav [hidden] { display:none !important; }
@media (prefers-reduced-motion:reduce) {
  .ui-legacy *, .ui-legacy *::before, .ui-legacy *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}
