/* The existing H5 views keep their controls and routes; this layer gives them
   the same visual language as the Ocsee entry and signed-in home. */
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index){
  --ocsee-surface:#f8f5f0;
  --ocsee-paper:#fffdfa;
  --ocsee-ink:#252024;
  --ocsee-muted:#6d6362;
  --ocsee-line:#e8dfd7;
  --ocsee-wine:#97124e;
  margin:0;
  background:var(--ocsee-surface)!important;
  color:var(--ocsee-ink)!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) uni-page-body{
  min-height:100vh;
  background:var(--ocsee-surface)!important;
  color:var(--ocsee-ink)!important;
  font-family:OcseeInter,Arial,sans-serif!important;
}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) uni-page-body>.index,
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) uni-page-body>.container{
  box-sizing:border-box;
  width:100%;
  max-width:1120px;
  min-height:100vh;
  margin:0 auto;
  padding-bottom:calc(82px + env(safe-area-inset-bottom));
  background:var(--ocsee-surface)!important;
  color:var(--ocsee-ink)!important;
  font-family:OcseeInter,Arial,sans-serif!important;
}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .index *{box-sizing:border-box}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) ::selection{background:#ead2dc;color:#371329}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) :is(uni-input input,uni-textarea textarea){caret-color:var(--ocsee-wine)!important;color:var(--ocsee-ink)!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:16px!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) :is(uni-input input,uni-textarea textarea)::placeholder{color:#6d6362!important;opacity:1}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) :is(.uni-input-placeholder,.uni-textarea-placeholder),
body:is(.pages-userPages-login,.pages-userPages-register) :is(.uni-input-placeholder,.uni-textarea-placeholder){color:#6d6362!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:14px!important;opacity:1!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) :is(uni-view,uni-input,uni-button):focus-visible{outline:2px solid var(--ocsee-wine);outline-offset:2px}

/* Native title bars and tabs remain the original navigation components. */
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-navbar{height:54px!important;border-bottom:1px solid var(--ocsee-line)!important;background:rgba(248,245,240,.97)!important;backdrop-filter:blur(12px)}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-navbar-inner{height:54px!important;background:transparent!important;color:var(--ocsee-ink)!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-navbar-placeholder{height:54px!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-navbar :is(.u-navbar-content-title,.u-navbar-inner__center,.u-navbar-inner__center__text){color:var(--ocsee-ink)!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;letter-spacing:-.02em}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-navbar :is(.u-icon,.u-navbar-inner__left){color:var(--ocsee-wine)!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-navbar .u-icon__icon{color:var(--ocsee-wine)!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-navbar .u-title{color:var(--ocsee-ink)!important;font-family:OcseeInter,Arial,sans-serif!important;font-weight:700!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar{z-index:30!important;width:100%!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content{top:auto!important;right:auto!important;bottom:0!important;left:50%!important;width:min(100%,1120px)!important;height:calc(62px + env(safe-area-inset-bottom))!important;min-height:62px!important;align-items:center!important;transform:translateX(-50%);border-top:1px solid #dcd1c7!important;background:rgba(249,246,241,.97)!important;backdrop-filter:blur(12px)}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__item{height:62px!important;background:transparent!important;color:var(--ocsee-muted)!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__item__button uni-image{display:grid!important;place-items:center;width:25px!important;height:25px!important;overflow:visible!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__item__button uni-image>div,
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__item__button uni-image>img{display:none!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__item__button uni-image::before{content:'';display:block;width:23px;height:23px;background:#726967;-webkit-mask:var(--ocsee-tab-icon) center/contain no-repeat;mask:var(--ocsee-tab-icon) center/contain no-repeat}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__item:nth-child(1){--ocsee-tab-icon:url('/h5/icons/house.svg')}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__item:nth-child(2){--ocsee-tab-icon:url('/h5/icons/clipboard-list.svg')}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__item:nth-child(5){--ocsee-tab-icon:url('/h5/icons/circle-user-round.svg')}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__item:nth-child(4) .u-tabbar__content__item__button uni-image::before{width:25px;height:25px;background:url('/h5/icons/ocsee-robot-support.svg') center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__item__text{color:var(--ocsee-muted)!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:.02em}
body.pages-tabbarPages-order-index .u-tabbar__content__item:nth-child(2) .u-tabbar__content__item__text,
body.pages-tabbarPages-service-index .u-tabbar__content__item:nth-child(4) .u-tabbar__content__item__text,
body.pages-tabbarPages-mine-index .u-tabbar__content__item:nth-child(5) .u-tabbar__content__item__text{color:var(--ocsee-wine)!important}
body.pages-tabbarPages-order-index .u-tabbar__content__item:nth-child(2) uni-image::before,
body.pages-tabbarPages-mine-index .u-tabbar__content__item:nth-child(5) uni-image::before{background-color:var(--ocsee-wine)!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__circle__button{display:grid!important;flex:none;place-items:center!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;transform:translate(-50%,0)!important;border:0!important;border-radius:50%!important;background:var(--ocsee-wine)!important;box-shadow:0 5px 16px rgba(104,24,57,.18)!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__circle__button .u-icon{display:none!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__circle__button::before{content:'';display:block;width:25px;height:25px;background:#fff;-webkit-mask:url('/h5/icons/hand-coins.svg') center/contain no-repeat;mask:url('/h5/icons/hand-coins.svg') center/contain no-repeat}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-tabbar__content__circle__border{display:none!important}

/* Shared data entry and action styling. */
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .index>.allBtn,
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .index .content .allBtn{display:grid!important;place-items:center;min-height:48px!important;border:0!important;border-radius:11px!important;background:var(--ocsee-wine)!important;box-shadow:none!important;color:#fff!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;cursor:pointer}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .index>.allBtn:active,
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .index .content .allBtn:active{background:#7e0f41!important;transform:scale(.99)}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-radio__icon-wrap{border-color:#b9a8ad!important}
body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) .u-radio__icon-wrap--checked{background:var(--ocsee-wine)!important;border-color:var(--ocsee-wine)!important}

/* Service is a schedule, so its hours read as one divided list. */
body.pages-tabbarPages-service-index .index>.top{display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;width:auto!important;height:112px!important;margin:0 16px!important;padding:0 5px 20px!important;background:transparent!important;color:var(--ocsee-ink)!important}
body.pages-tabbarPages-service-index .index>.top>uni-view{color:var(--ocsee-ink)!important;font-size:30px!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.035em}
body.pages-tabbarPages-service-index .index>.list{width:auto!important;margin:0 16px!important;overflow:hidden;border:1px solid var(--ocsee-line);border-radius:16px;background:var(--ocsee-paper)!important}
body.pages-tabbarPages-service-index .index>.list>.card{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:16px;width:100%!important;min-height:76px!important;height:auto!important;margin:0!important;padding:16px 19px!important;border:0!important;border-bottom:1px solid var(--ocsee-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
body.pages-tabbarPages-service-index .index>.list>.card:last-child{border-bottom:0!important}
body.pages-tabbarPages-service-index .index>.list>.card:active{background:#f2e9e6!important}
body.pages-tabbarPages-service-index .index>.list>.card uni-image{display:grid!important;flex:none;place-items:center;width:36px!important;height:36px!important;margin:0!important;border-radius:10px;background:#f3e8eb}
body.pages-tabbarPages-service-index .index>.list>.card uni-image>div,
body.pages-tabbarPages-service-index .index>.list>.card uni-image>img{display:none!important}
body.pages-tabbarPages-service-index .index>.list>.card uni-image::before{content:'';width:25px;height:25px;background:url('/h5/icons/ocsee-robot-support.svg') center/contain no-repeat}
body.pages-tabbarPages-service-index .index>.list>.card>.time{width:auto!important;margin:0!important;color:var(--ocsee-ink)!important;font-size:16px!important;font-weight:700!important;font-variant-numeric:tabular-nums;text-align:left!important}

/* The account page has one profile surface and one compact action list. */
body.pages-tabbarPages-mine-index .index>.top{width:auto!important;height:auto!important;min-height:220px;margin:16px 16px 0!important;padding:23px 18px 19px!important;overflow:hidden;border-radius:17px;background:#2c252a!important;color:#fff!important}
body.pages-tabbarPages-mine-index .index>.top .info{display:flex!important;align-items:center!important;gap:14px;width:100%!important;height:auto!important;min-height:96px!important;margin:0!important;padding:0 3px!important}
body.pages-tabbarPages-mine-index .index>.top .info>uni-image{flex:none;width:48px!important;height:48px!important;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:#4a3540}
body.pages-tabbarPages-mine-index .index>.top .info .right{flex:1;min-width:0;color:#f9f5f2!important;font-size:13px!important;line-height:1.6!important}
body.pages-tabbarPages-mine-index .index>.top .allData{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;width:100%!important;height:auto!important;margin:17px 0 0!important;padding:18px 0 0!important;border-top:1px solid rgba(255,255,255,.18)}
body.pages-tabbarPages-mine-index .index>.top .allData .data{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;min-width:0;width:auto!important;height:auto!important;min-height:56px!important;margin:0!important;padding:0 10px!important;border-right:1px solid rgba(255,255,255,.14);color:#fff!important;text-align:left!important}
body.pages-tabbarPages-mine-index .index>.top .allData .data:first-child{padding-left:2px!important}
body.pages-tabbarPages-mine-index .index>.top .allData .data:last-child{border-right:0!important}
body.pages-tabbarPages-mine-index .index>.top .allData .data uni-view:first-child{color:#fff!important;font-size:19px!important;font-weight:700!important;font-variant-numeric:tabular-nums}
body.pages-tabbarPages-mine-index .index>.top .allData .data uni-view:last-child{margin-top:5px!important;color:#d7cbd0!important;font-size:10px!important;line-height:1.35!important}
body.pages-tabbarPages-mine-index .index>.list{width:auto!important;height:auto!important;margin:16px 16px 0!important;padding:0 16px!important;overflow:hidden;border:1px solid var(--ocsee-line);border-radius:16px;background:var(--ocsee-paper)!important}
body.pages-tabbarPages-mine-index .index>.list>.data{display:flex!important;align-items:center!important;gap:13px;width:100%!important;min-height:55px!important;height:auto!important;margin:0!important;padding:11px 0!important;border-bottom:1px solid var(--ocsee-line)!important;background:transparent!important;color:var(--ocsee-ink)!important;cursor:pointer}
body.pages-tabbarPages-mine-index .index>.list>.data:last-child{border-bottom:0!important}
body.pages-tabbarPages-mine-index .index>.list>.data:active{background:#f4eeeb!important}
body.pages-tabbarPages-mine-index .index>.list>.data uni-image{display:grid!important;flex:none;place-items:center;width:22px!important;height:22px!important;margin:0!important}
body.pages-tabbarPages-mine-index .index>.list>.data uni-image>div,
body.pages-tabbarPages-mine-index .index>.list>.data uni-image>img{display:none!important}
body.pages-tabbarPages-mine-index .index>.list>.data uni-image::before{content:'';display:block;width:21px;height:21px;background:#84284f;-webkit-mask:var(--ocsee-list-icon) center/contain no-repeat;mask:var(--ocsee-list-icon) center/contain no-repeat}
body.pages-tabbarPages-mine-index .index>.list>.data:nth-child(1){--ocsee-list-icon:url('/h5/icons/wallet.svg')}
body.pages-tabbarPages-mine-index .index>.list>.data:nth-child(2){--ocsee-list-icon:url('/h5/icons/arrow-up-from-line.svg')}
body.pages-tabbarPages-mine-index .index>.list>.data:nth-child(3){--ocsee-list-icon:url('/h5/icons/megaphone.svg')}
body.pages-tabbarPages-mine-index .index>.list>.data:nth-child(4){--ocsee-list-icon:url('/h5/icons/clipboard-list.svg')}
body.pages-tabbarPages-mine-index .index>.list>.data:nth-child(5){--ocsee-list-icon:url('/h5/icons/list-checks.svg')}
body.pages-tabbarPages-mine-index .index>.list>.data:nth-child(6){--ocsee-list-icon:url('/h5/icons/scroll-text.svg')}
body.pages-tabbarPages-mine-index .index>.list>.data:nth-child(7){--ocsee-list-icon:url('/h5/icons/wallet.svg')}
body.pages-tabbarPages-mine-index .index>.list>.data:nth-child(n+8){--ocsee-list-icon:url('/h5/icons/shield-check.svg')}
body.pages-tabbarPages-mine-index .index>.list>.data uni-text{flex:1;min-width:0;color:var(--ocsee-ink)!important;font-size:13px!important;line-height:1.35!important}
body.pages-tabbarPages-mine-index .index>.list>.data .u-icon{color:#8c777c!important;font-size:14px!important}

/* Wallet pages: the old promotional blue becomes a quiet account summary. */
body:is(.pages-tabbarPages-mine-recharge,.pages-tabbarPages-mine-withdrawal) .index>.top{position:relative;width:auto!important;height:auto!important;min-height:116px!important;margin:17px 16px 20px!important;padding:21px 23px!important;overflow:hidden;border:0!important;border-radius:16px!important;background:#2c252a!important;box-shadow:none!important;color:#fff!important}
body:is(.pages-tabbarPages-mine-recharge,.pages-tabbarPages-mine-withdrawal) .index>.top::after{content:'';position:absolute;top:19px;right:23px;width:70px;height:70px;background:url('/ocsee-mark.svg') center/contain no-repeat;filter:grayscale(1) brightness(0) invert(1);opacity:.14;pointer-events:none}
body:is(.pages-tabbarPages-mine-recharge,.pages-tabbarPages-mine-withdrawal) .index>.top .text1{position:relative;z-index:1;color:#d9cdd2!important;font-size:12px!important;line-height:1.4!important}
body:is(.pages-tabbarPages-mine-recharge,.pages-tabbarPages-mine-withdrawal) .index>.top .text2{position:relative;z-index:1;color:#fff!important;font-size:30px!important;font-weight:700!important;line-height:1.25!important;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
body:is(.pages-tabbarPages-mine-recharge,.pages-tabbarPages-mine-withdrawal) .index>.top uni-image{display:none!important}
body:is(.pages-tabbarPages-mine-recharge,.pages-tabbarPages-mine-withdrawal) .index>.data{display:flex!important;align-items:center!important;width:auto!important;height:auto!important;min-height:58px!important;margin:0 28px!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--ocsee-line)!important;background:transparent!important}
body:is(.pages-tabbarPages-mine-recharge,.pages-tabbarPages-mine-withdrawal) .index>.data>uni-image{flex:none;width:20px!important;height:20px!important;margin-right:11px!important;filter:grayscale(1);opacity:.65}
body:is(.pages-tabbarPages-mine-recharge,.pages-tabbarPages-mine-withdrawal) .index>.data .input{flex:1;min-width:0;color:var(--ocsee-ink)!important;font-size:15px!important}
body:is(.pages-tabbarPages-mine-recharge,.pages-tabbarPages-mine-withdrawal) .index>.allBtn{width:auto!important;height:48px!important;margin:20px 28px 0!important}
body.pages-tabbarPages-mine-recharge .index>.bom{width:auto!important;height:auto!important;margin:24px 28px 0!important;padding:0!important;background:transparent!important;color:var(--ocsee-muted)!important}
body.pages-tabbarPages-mine-recharge .index>.bom .title{color:var(--ocsee-ink)!important;font-size:12px!important;font-weight:700!important}
body.pages-tabbarPages-mine-recharge .index>.bom .text{color:var(--ocsee-muted)!important;font-size:12px!important;line-height:1.5!important}
body.pages-tabbarPages-mine-withdrawal .index>.amountList{width:auto!important;margin:0 28px 6px!important}
body.pages-tabbarPages-mine-withdrawal .index>.method{width:auto!important;margin:20px 28px!important;padding:0!important;background:transparent!important;color:var(--ocsee-ink)!important}
body.pages-tabbarPages-mine-withdrawal .index>.method uni-image{filter:grayscale(1);opacity:.7}

/* Security settings use one continuous form rather than stacked tiles. */
body:is(.pages-tabbarPages-mine-updatePwd,.pages-tabbarPages-mine-withdrawAddress) .index>.data{width:auto!important;height:auto!important;min-height:82px!important;margin:0 18px!important;padding:13px 8px!important;border:0!important;border-bottom:1px solid var(--ocsee-line)!important;background:transparent!important}
body:is(.pages-tabbarPages-mine-updatePwd,.pages-tabbarPages-mine-withdrawAddress) .index>.data:first-of-type{margin-top:14px!important}
body:is(.pages-tabbarPages-mine-updatePwd,.pages-tabbarPages-mine-withdrawAddress) .index>.data .label{width:100%!important;margin:0 0 8px!important;color:var(--ocsee-ink)!important;font-size:13px!important;font-weight:700!important;line-height:1.4!important}
body:is(.pages-tabbarPages-mine-updatePwd,.pages-tabbarPages-mine-withdrawAddress) .index>.data .input{width:100%!important;min-height:29px!important;margin:0!important;color:var(--ocsee-muted)!important}
body:is(.pages-tabbarPages-mine-updatePwd,.pages-tabbarPages-mine-withdrawAddress) .index>.allBtn{width:auto!important;height:48px!important;margin:21px 28px 0!important}

/* Transaction lists and empty states remain native, with restrained spacing. */
body:is(.pages-tabbarPages-mine-record,.pages-tabbarPages-mine-accountDetail,.pages-tabbarPages-mine-message) .index>.text{width:auto!important;margin:22px 20px 0!important;color:var(--ocsee-muted)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.07em!important}
body:is(.pages-tabbarPages-mine-record,.pages-tabbarPages-mine-accountDetail,.pages-tabbarPages-mine-message) .index>.list{width:auto!important;margin:10px 16px 0!important;color:var(--ocsee-ink)!important}
body:is(.pages-tabbarPages-mine-record,.pages-tabbarPages-mine-accountDetail,.pages-tabbarPages-mine-message) .index .noData{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:360px!important;color:var(--ocsee-muted)!important;font-size:13px!important}
body:is(.pages-tabbarPages-mine-record,.pages-tabbarPages-mine-accountDetail,.pages-tabbarPages-mine-message) .index .noData uni-image{max-width:170px;opacity:.58;filter:sepia(.2)}

/* The Snap dashboard follows the home balance / divided-data rhythm. */
body.pages-tabbarPages-start-index .index>.content{width:100%!important;max-width:760px;margin:0 auto!important;padding:16px 16px 96px!important}
body.pages-tabbarPages-start-index .index>.content>.balance{width:100%!important;height:auto!important;min-height:92px!important;margin:0!important;padding:17px 20px!important;overflow:hidden;border:0!important;border-radius:15px 15px 0 0!important;background:#2c252a!important;color:#fff!important;box-shadow:none!important}
body.pages-tabbarPages-start-index .index>.content>.balance uni-view{color:#fff!important}
body.pages-tabbarPages-start-index .index>.content>.balance *{color:#fff!important}
body.pages-tabbarPages-start-index .index>.content>.balance .text1{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.pages-tabbarPages-start-index .index>.content>.balance uni-image{display:grid!important;flex:none;place-items:center;width:44px!important;height:44px!important;border-radius:50%;background:var(--ocsee-wine)!important;cursor:pointer}
body.pages-tabbarPages-start-index .index>.content>.balance uni-image>div,
body.pages-tabbarPages-start-index .index>.content>.balance uni-image>img{display:none!important}
body.pages-tabbarPages-start-index .index>.content>.balance uni-image::before{content:'';display:block;width:24px;height:24px;background:#fff;-webkit-mask:url('/h5/icons/plus.svg') center/contain no-repeat;mask:url('/h5/icons/plus.svg') center/contain no-repeat}
body.pages-tabbarPages-start-index .index>.content>.allData{width:100%!important;height:auto!important;margin:0!important;padding:16px!important;border:1px solid var(--ocsee-line)!important;border-top:0!important;border-radius:0 0 15px 15px!important;background:var(--ocsee-paper)!important;box-shadow:none!important;color:var(--ocsee-ink)!important}
body.pages-tabbarPages-start-index .index>.content>.allData .info{width:100%!important;height:auto!important;margin:0!important;padding:14px!important;border:0!important;border-radius:10px!important;background:#f5e9ed!important;color:#5a2941!important}
body.pages-tabbarPages-start-index .index>.content>.allData .info *{color:#5a2941!important}
body.pages-tabbarPages-start-index .index>.content>.allData .otherData{width:100%!important;margin:0!important;background:transparent!important;color:var(--ocsee-ink)!important}
body.pages-tabbarPages-start-index .index>.content>.allData .allBtn{width:100%!important;margin:15px 0 0!important}
body.pages-tabbarPages-start-index .index>.content>.label{width:auto!important;margin:26px 4px 11px!important;color:var(--ocsee-ink)!important;font-size:17px!important;font-weight:700!important}
body.pages-tabbarPages-start-index .index>.content>.allData2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important;width:100%!important;height:auto!important;margin:0!important;overflow:hidden;border:1px solid var(--ocsee-line);border-radius:15px;background:var(--ocsee-paper)!important}
body.pages-tabbarPages-start-index .index>.content>.allData2>.data{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:74px!important;height:auto!important;margin:0!important;padding:12px!important;border:0!important;border-bottom:1px solid var(--ocsee-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ocsee-ink)!important;cursor:pointer}
body.pages-tabbarPages-start-index .index>.content>.allData2>.data:nth-child(odd){border-right:1px solid var(--ocsee-line)!important}
body.pages-tabbarPages-start-index .index>.content>.allData2>.data:active{background:#f3eae8!important}

/* General content routes inherit typography, tone and sensible width. */
body.pages-tabbarPages-mine-invite .index>.address{width:auto!important;max-width:640px;margin:24px auto!important;padding:18px 20px!important;border:1px solid var(--ocsee-line);border-radius:14px;background:var(--ocsee-paper)!important;color:var(--ocsee-ink)!important}
body.pages-tabbarPages-mine-invite .index>.address :is(uni-button,uni-view[class*="btn"]){background:var(--ocsee-wine)!important;color:#fff!important}
body.pages-tabbarPages-mine-about .index>.content{width:auto!important;max-width:760px;margin:0 auto!important;padding:18px 22px!important;color:var(--ocsee-ink)!important;line-height:1.6!important}
body.pages-tabbarPages-order-index .index :is(.list,.content){color:var(--ocsee-ink)!important}
body.pages-tabbarPages-order-index .index :is(.data,.card){border-color:var(--ocsee-line)!important;background:var(--ocsee-paper)!important;color:var(--ocsee-ink)!important}

/* A guest entering a protected route still sees the app's legacy auth view.
   Keep that fallback visually consistent and inside the mobile viewport. */
body:is(.pages-userPages-login,.pages-userPages-register),body:is(.pages-userPages-login,.pages-userPages-register) uni-page-body{margin:0;overflow-x:hidden;background:#f8f5f0!important;color:#252024!important;font-family:OcseeInter,Arial,sans-serif!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index{box-sizing:border-box;width:100%!important;min-height:100vh!important;height:auto!important;max-width:100vw!important;margin:0!important;padding:0 0 35px!important;overflow-x:hidden;background:#f8f5f0!important;font-family:OcseeInter,Arial,sans-serif!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.logo{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%!important;height:220px!important;margin:0!important;padding:0 20px 20px!important;border-radius:0!important;background:#2c252a!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.logo uni-image{display:none!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.logo::before{content:'';display:block;width:46px;height:46px;background:url('/ocsee-mark.svg') center/contain no-repeat;filter:grayscale(1) brightness(0) invert(1)}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.logo::after{content:'Ocsee';display:block;color:#fff8f5;font-size:22px;font-weight:700;letter-spacing:-.025em}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.fixed{z-index:3!important;top:17px!important;right:16px!important;left:auto!important;width:auto!important;max-width:100px!important;gap:10px}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.fixed uni-image{display:grid!important;place-items:center;width:34px!important;height:34px!important;padding:5px!important;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:#f4e7ec!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.fixed uni-image>div,
body:is(.pages-userPages-login,.pages-userPages-register) .index>.fixed uni-image>img{display:none!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.fixed uni-image::before{content:'';display:block;width:23px;height:23px;background:url('/h5/icons/ocsee-robot-support.svg') center/contain no-repeat}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.fixed uni-image:nth-child(2)::before{background:#84284f;-webkit-mask:url('/h5/icons/globe.svg') center/contain no-repeat;mask:url('/h5/icons/globe.svg') center/contain no-repeat}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData{position:relative;z-index:2;width:calc(100% - 32px)!important;max-width:420px!important;height:auto!important;margin:-25px auto 0!important;padding:22px 20px 25px!important;overflow:hidden;border:1px solid #e8dfd7!important;border-radius:16px!important;background:#fffdfa!important;box-shadow:0 12px 28px rgba(42,25,31,.07)!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.data{display:flex!important;align-items:center!important;width:100%!important;height:55px!important;margin:0!important;padding:10px 0!important;border:0!important;border-bottom:1px solid #e8dfd7!important;background:transparent!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.data uni-image{flex:none;width:20px!important;height:20px!important;margin-right:11px!important;filter:grayscale(1);opacity:.75}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.data .input{flex:1;min-width:0;color:#252024!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.data input{min-width:0;color:#252024!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:16px!important;caret-color:#97124e}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.data input::placeholder{color:#6d6362!important;opacity:1}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.tip{width:100%!important;height:auto!important;margin:17px 0 0!important;padding:0!important;color:#6d6362!important;font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.tip :is(.u-checkbox-group,.u-checkbox){width:100%!important;max-width:100%!important;overflow-wrap:anywhere}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.tip .u-checkbox__icon-wrap--checked{border-color:#97124e!important;background:#97124e!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.tip .check{color:#6d6362!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.btn{display:grid!important;place-items:center;width:100%!important;min-height:48px!important;height:48px!important;margin:18px 0 0!important;border:1px solid #97124e!important;border-radius:11px!important;box-shadow:none!important;color:#97124e!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;cursor:pointer}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.btn1{margin-top:25px!important;background:#97124e!important;color:#fff!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.allData>.btn2{background:transparent!important}
body.pages-userPages-register .index>.logo{height:178px!important}
body.pages-userPages-register .index>.allData>.btn.allBtn{background:#97124e!important;color:#fff!important}

/* The native language route shares the same palette as the homepage selector. */
body.pages-userPages-lang,body.pages-userPages-lang uni-page-body{margin:0;min-height:100vh;background:#f8f5f0!important;color:#252024!important;font-family:OcseeInter,Arial,sans-serif!important}
body.pages-userPages-lang .index{box-sizing:border-box;max-width:680px;min-height:100vh;margin:0 auto;padding:18px 16px 35px!important;background:#f8f5f0!important}
body.pages-userPages-lang .u-navbar{height:56px!important;border-bottom:1px solid #e8dfd7!important;background:#f8f5f0!important}
body.pages-userPages-lang .u-navbar-inner{height:56px!important;background:transparent!important}
body.pages-userPages-lang .u-navbar-placeholder{height:56px!important}
body.pages-userPages-lang .u-navbar .u-title{color:#252024!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:16px!important;font-weight:700!important}
body.pages-userPages-lang .u-navbar .u-icon{color:#97124e!important}
body.pages-userPages-lang .index>.list{overflow:hidden;padding:6px!important;border:1px solid #e8dfd7;border-radius:16px;background:#fffdfa;box-shadow:0 10px 28px rgba(42,25,31,.045)}
body.pages-userPages-lang .index>.list>.card{box-sizing:border-box;display:flex!important;align-items:center!important;gap:12px;min-height:52px;margin:0!important;padding:9px 13px!important;border:0!important;border-radius:9px;color:#252024!important;cursor:pointer}
body.pages-userPages-lang .index>.list>.card:active{background:#f3e7eb!important}
body.pages-userPages-lang .index>.list>.card uni-image{display:grid!important;place-items:center;flex:none;width:26px!important;height:22px!important;overflow:hidden;border:0!important;border-radius:5px;background:#efe7e2!important}
body.pages-userPages-lang .index>.list>.card uni-image>div,body.pages-userPages-lang .index>.list>.card uni-image>img{display:none!important}
body.pages-userPages-lang .index>.list>.card uni-image::before{content:var(--ocsee-lang-code);color:#6c5a5f;font:700 9px/1 OcseeInter,Arial,sans-serif;letter-spacing:.02em}
body.pages-userPages-lang .index>.list>.card:nth-child(1){--ocsee-lang-code:'TR'}
body.pages-userPages-lang .index>.list>.card:nth-child(2){--ocsee-lang-code:'EN'}
body.pages-userPages-lang .index>.list>.card:nth-child(3){--ocsee-lang-code:'PT'}
body.pages-userPages-lang .index>.list>.card:nth-child(4){--ocsee-lang-code:'DE'}
body.pages-userPages-lang .index>.list>.card:nth-child(5){--ocsee-lang-code:'ID'}
body.pages-userPages-lang .index>.list>.card:nth-child(6){--ocsee-lang-code:'VI'}
body.pages-userPages-lang .index>.list>.card:nth-child(7){--ocsee-lang-code:'RU'}
body.pages-userPages-lang .index>.list>.card:nth-child(8){--ocsee-lang-code:'ES'}
body.pages-userPages-lang .index>.list>.card:nth-child(9){--ocsee-lang-code:'IT'}
body.pages-userPages-lang .index>.list>.card:nth-child(10){--ocsee-lang-code:'FR'}
body.pages-userPages-lang .index>.list>.card:nth-child(11){--ocsee-lang-code:'SV'}
body.pages-userPages-lang .index>.list>.card:nth-child(12){--ocsee-lang-code:'PL'}
body.pages-userPages-lang .index>.list>.card uni-text{display:flex;align-items:center;justify-content:space-between;min-width:0;margin:0!important;color:#30292b!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:13px!important;line-height:1.35!important}
body.pages-userPages-lang .index>.list>.card uni-text.text1{color:#75123f!important;font-weight:700!important}
body.pages-userPages-lang .index>.list>.card uni-text.text1::after{content:'';display:block;width:16px;height:16px;flex:none;margin-left:8px;background:#97124e;-webkit-mask:url('/h5/icons/check.svg') center/contain no-repeat;mask:url('/h5/icons/check.svg') center/contain no-repeat}
body.pages-userPages-lang .index>.list>.card .u-icon{display:none!important}
body.pages-userPages-lang .index>.list>.card:has(uni-text.text1){background:#f3e4e9!important}

@media(min-width:700px){
  body.pages-tabbarPages-service-index .index>.top,body.pages-tabbarPages-service-index .index>.list,
  body.pages-tabbarPages-mine-index .index>.top,body.pages-tabbarPages-mine-index .index>.list{max-width:760px;margin-right:auto!important;margin-left:auto!important}
  body:is(.pages-tabbarPages-mine-recharge,.pages-tabbarPages-mine-withdrawal,.pages-tabbarPages-mine-updatePwd,.pages-tabbarPages-mine-withdrawAddress) .index{max-width:760px}
}
@media(max-width:360px){
  body.pages-tabbarPages-mine-index .index>.top{margin-right:10px!important;margin-left:10px!important;padding-right:14px!important;padding-left:14px!important}
  body.pages-tabbarPages-mine-index .index>.list{margin-right:10px!important;margin-left:10px!important}
  body.pages-tabbarPages-mine-index .index>.top .allData .data{padding-right:5px!important;padding-left:5px!important}
  body.pages-userPages-register .index>.allData>.data .uni-input-placeholder{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){body[class*="pages-tabbarPages-"]:not(.pages-tabbarPages-home-index) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
