/* 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;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
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 .info .right>.ocsee-invite-code{
  display:flex!important;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin:2px 0 0 5px;
  padding:3px 5px;
  border-radius:6px;
  color:#fff!important;
  cursor:pointer;
}
body.pages-tabbarPages-mine-index .index>.top .info .right>.ocsee-invite-code::after{
  content:'';
  display:block;
  flex:none;
  width:15px;
  height:15px;
  background:#e8b7cb;
  -webkit-mask:url('/h5/icons/copy.svg') center/contain no-repeat;
  mask:url('/h5/icons/copy.svg') center/contain no-repeat;
}
body.pages-tabbarPages-mine-index .index>.top .info .right>.ocsee-invite-code:hover{background:rgba(255,255,255,.12)}
body.pages-tabbarPages-mine-index .index>.top .info .right>.ocsee-invite-code:focus-visible{outline:2px solid #e8b7cb;outline-offset:2px}
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>.top{min-height:0!important;padding-top:19px!important;padding-bottom:20px!important}
body.pages-tabbarPages-mine-index .index>.top .info{min-height:0!important}
body.pages-tabbarPages-mine-index .index>.top .info>uni-image{width:44px!important;height:44px!important}
body.pages-tabbarPages-mine-index .index>.top .info .right>.text1{font-size:15px!important;line-height:1.35!important}
body.pages-tabbarPages-mine-index .index>.top .info .right>.text1 uni-text:nth-child(2){font-size:11px!important}
body.pages-tabbarPages-mine-index .index>.top .info .right>.text2{font-size:12px!important;line-height:1.45!important}
body.pages-tabbarPages-mine-index .index>.top .allData{
  grid-template-columns:repeat(2,minmax(0,1fr));
  row-gap:14px;
  margin-top:14px!important;
  padding-top:15px!important;
}
body.pages-tabbarPages-mine-index .index>.top .allData .data{min-height:0!important;padding:0 12px!important}
body.pages-tabbarPages-mine-index .index>.top .allData .data:first-child{
  grid-column:1 / -1;
  padding:0 0 14px!important;
  border-right:0!important;
  border-bottom:1px solid rgba(255,255,255,.14);
}
body.pages-tabbarPages-mine-index .index>.top .allData .data:nth-child(2){padding-left:0!important}
body.pages-tabbarPages-mine-index .index>.top .allData .data:nth-child(3){padding-right:0!important}
body.pages-tabbarPages-mine-index .index>.top .allData .data uni-view:first-child{font-size:20px!important;line-height:1.15!important;letter-spacing:-.035em}
body.pages-tabbarPages-mine-index .index>.top .allData .data:first-child uni-view:first-child{font-size:27px!important}
body.pages-tabbarPages-mine-index .index>.top .allData .data uni-view:last-child{margin-top:5px!important;font-size:11px!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}
body.pages-tabbarPages-mine-index #ocsee-avatar-notice{position:fixed;z-index:2000;right:16px;bottom:calc(78px + env(safe-area-inset-bottom));left:16px;width:max-content;max-width:min(360px,calc(100vw - 32px));margin:auto;padding:12px 16px;border-radius:11px;background:#30262d;box-shadow:0 10px 28px rgba(31,19,26,.2);color:#fff;font-family:OcseeInter,Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.4;text-align:center;pointer-events:none}
body.pages-tabbarPages-mine-index #ocsee-avatar-notice[role="alert"]{background:#7e1a42}

/* 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;padding-left:16px!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::before{left:8px!important;top:13px!important;color:#c72d42!important;font-size:14px!important;line-height:18px!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:not(.ocsee-balance-shortfall) .text1{background:linear-gradient(90deg,#ed677f,#0881c6)!important;background-clip:text!important;-webkit-background-clip:text!important;color:#ed677f!important;-webkit-text-fill-color:transparent!important}
body.pages-tabbarPages-start-index .index>.content>.balance.ocsee-balance-shortfall .text1{color:#f4b5ca!important;-webkit-text-fill-color:#f4b5ca!important}
body.pages-tabbarPages-start-index .index>.content>.balance .left{min-width:0;max-width:calc(100% - 58px)}
body.pages-tabbarPages-start-index .index>.content>.balance .ocsee-balance-context{margin-top:6px;color:#e8d6dd!important;font-size:12px;line-height:17px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
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 .info .top{display:flex!important;align-items:center!important;gap:10px;min-height:50px!important}
body.pages-tabbarPages-start-index .index>.content>.allData .info .top .right{flex:1;min-width:0!important}
body.pages-tabbarPages-start-index .index>.content>.allData .info .top .text2{font-size:12px!important;line-height:1.35!important;white-space:normal!important}
body.pages-tabbarPages-start-index .index>.content>.allData .info .top uni-image[data-ocsee-level]{display:grid!important;flex:none;place-items:center;width:50px!important;height:50px!important;margin:0!important;overflow:visible!important;background:transparent!important}
body.pages-tabbarPages-start-index .index>.content>.allData .info .top uni-image[data-ocsee-level]>div,
body.pages-tabbarPages-start-index .index>.content>.allData .info .top uni-image[data-ocsee-level]>img{display:none!important}
body.pages-tabbarPages-start-index .index>.content>.allData .info .top uni-image[data-ocsee-level]::before{content:'';display:block;width:50px;height:50px;background:var(--ocsee-vip-icon) center/contain no-repeat}
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 .ocsee-start-shortfall{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 0 0;
  padding:11px 13px;
  border:1px solid #ead4dd;
  border-radius:10px;
  background:#f8edf2;
  color:#6d2b49;
  font-size:13px;
  line-height:1.3;
}
body.pages-tabbarPages-start-index .index>.content>.allData .ocsee-start-shortfall strong{color:#8d164a;font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}
body.pages-tabbarPages-start-index .index>.content>.allData .allBtn{width:100%!important;margin:15px 0 0!important}
body.pages-tabbarPages-start-index .index>.content>.allData .allBtn.ocsee-start-loading{position:relative;pointer-events:none;opacity:.86}
body.pages-tabbarPages-start-index .index>.content>.allData .allBtn.ocsee-start-loading::after{content:'';position:absolute;top:calc(50% - 8px);right:16px;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ocsee-start-spin .7s linear infinite}
@keyframes ocsee-start-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){body.pages-tabbarPages-start-index .index>.content>.allData .allBtn.ocsee-start-loading::after{animation:none}}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-mode-center-box{box-sizing:border-box;max-width:calc(100vw - 32px)!important;border-radius:18px!important;background:#fffaf4;box-shadow:0 26px 70px rgba(34,13,25,.34)}
body.pages-tabbarPages-start-index .coin-container{z-index:1000002!important;pointer-events:none!important}
body.pages-tabbarPages-start-index .ocsee-bonus-modal{z-index:1000001!important}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-model{overflow:hidden;border-radius:18px;background:#fffaf4;animation:ocsee-bonus-arrive .55s cubic-bezier(.16,1,.3,1) both}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-model__content{padding:0!important}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-model__content__message{display:block;width:100%;padding:0!important;color:#33282e!important;font-family:OcseeInter,Arial,sans-serif;font-size:14px!important;line-height:1.4;text-align:center}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .ocsee-bonus-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:13px;box-sizing:border-box;width:100%;padding:24px 19px 21px;overflow:hidden;background:radial-gradient(circle at 50% -20%,rgba(255,250,222,.6),transparent 72%),linear-gradient(145deg,#f1d9a7,#d9ad6e 55%,#c38c4d);color:#382319}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .ocsee-bonus-hero::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72) 50%,transparent)}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .ocsee-bonus-emblem{display:grid;place-items:center;width:52px;height:52px;border:1px solid #f7dea8;border-radius:50%;background:radial-gradient(circle at 30% 25%,#88415e,#632642 72%);box-shadow:0 8px 20px rgba(92,56,26,.2),inset 0 2px 4px rgba(255,255,255,.18);color:#f9e3ac}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .ocsee-bonus-emblem svg{display:block;width:27px;height:27px}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .ocsee-bonus-heading{max-width:28ch;color:#382319;font-size:16px;font-weight:700;line-height:1.38;text-wrap:balance}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .ocsee-bonus-reward{display:flex;flex-direction:column;align-items:center;gap:7px;box-sizing:border-box;width:100%;padding:21px 16px 19px;background:#fffaf4}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .ocsee-bonus-amount{color:#8b571f;font-size:35px;font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap}
@supports ((-webkit-background-clip:text) or (background-clip:text)){body.pages-tabbarPages-start-index .ocsee-bonus-modal .ocsee-bonus-amount{background-image:linear-gradient(100deg,#687179 0%,#aab1b4 22%,#69737b 43%,#d7d4c9 46%,#ead5a9 48%,#956124 50%,#a9712d 58%,#80501d 76%,#a6712d 100%);background-size:200% 100%;background-position:0% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ocsee-bonus-metal 1.45s cubic-bezier(.2,.8,.2,1) .18s both}}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .ocsee-bonus-support{max-width:31ch;color:#66555c;font-size:12px;line-height:1.45}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-model__footer{height:auto!important;padding:0 18px 19px!important;border:0!important;background:#fffaf4}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-model__footer::after{display:none!important}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-model__footer__button{display:flex!important;align-items:center;justify-content:center;min-height:46px!important;border-radius:10px;background:#97124e;box-shadow:0 8px 17px rgba(94,22,58,.17);color:#fff!important;font-family:OcseeInter,Arial,sans-serif;font-size:14px;font-weight:700;transition:background .2s ease,box-shadow .2s ease}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-model__footer__button:hover{background:#7d123f;box-shadow:0 10px 22px rgba(94,22,58,.23)}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-model__footer__button:focus-visible{outline:3px solid #c89455;outline-offset:3px}
body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-model__footer__button[aria-busy="true"]{opacity:.65;pointer-events:none}
@keyframes ocsee-bonus-arrive{from{opacity:.5;filter:blur(4px);transform:translateY(14px) scale(.96)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
@keyframes ocsee-bonus-metal{from{background-position:0% 0}to{background-position:100% 0}}
@media (prefers-reduced-motion:reduce){body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-model{animation:none}body.pages-tabbarPages-start-index .ocsee-bonus-modal .ocsee-bonus-amount{animation:none;background:none;-webkit-text-fill-color:currentColor}body.pages-tabbarPages-start-index .ocsee-bonus-modal .u-model__footer__button{transition:none}}
.ocsee-lucky-reveal{position:fixed;z-index:100090;inset:0;display:grid;place-items:center;box-sizing:border-box;padding:16px;overflow:hidden;background:rgba(23,14,20,.8);opacity:1;transition:opacity .24s ease}
.ocsee-lucky-reveal.is-leaving{opacity:0;pointer-events:none}
.ocsee-lucky-card{position:relative;box-sizing:border-box;width:min(344px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:25px 22px 20px;overflow:visible;border-radius:18px;background:radial-gradient(circle at 50% -12%,rgba(255,213,136,.22),transparent 55%),linear-gradient(160deg,#5f2541,#321d2c 78%);box-shadow:0 28px 70px rgba(17,6,13,.4);color:#fff8ee;font-family:OcseeInter,Arial,sans-serif;text-align:center;transform:translateY(22px) scale(.93);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.ocsee-lucky-reveal.is-active .ocsee-lucky-card{transform:translateY(0) scale(1)}
.ocsee-lucky-reveal.is-leaving .ocsee-lucky-card{transform:translateY(8px) scale(.98)}
.ocsee-lucky-card::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#f4d394 50%,transparent)}
.ocsee-lucky-emblem{position:relative;z-index:1;display:grid;place-items:center;width:68px;height:68px;margin:0 auto 12px;border:2px solid #f8dfaa;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff8df,#eac477 55%,#ac742d);box-shadow:0 10px 23px rgba(8,2,6,.26),inset 0 3px 5px rgba(255,255,255,.45);animation:ocsee-lucky-coin-in .8s cubic-bezier(.16,1,.3,1) both}
.ocsee-lucky-emblem::after{content:'';position:absolute;inset:-9px;border:1px solid rgba(255,230,175,.75);border-radius:50%;animation:ocsee-lucky-ring 1.2s .1s ease-out both}
.ocsee-lucky-emblem img{display:block;width:37px;height:37px}
.ocsee-lucky-card h2{position:relative;z-index:1;margin:0;color:#f4d394;font-size:25px;font-weight:750;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.ocsee-lucky-intro{position:relative;z-index:1;margin:7px 0 0;color:#e6d5d6;font-size:13px;line-height:1.45}
.ocsee-lucky-facts{position:relative;z-index:1;margin:19px 0 15px;padding:0;border-top:1px solid rgba(255,244,226,.17)}
.ocsee-lucky-fact{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;margin:0;border-bottom:1px solid rgba(255,244,226,.13);font-size:12px;line-height:1.35;text-align:left}
.ocsee-lucky-fact dt{max-width:65%;color:#e5d1d4}
.ocsee-lucky-fact dd{margin:0;color:#fff8ee;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.ocsee-lucky-fact.is-primary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:72px;padding:10px 0 11px;text-align:center}
.ocsee-lucky-fact.is-primary dt{max-width:none;color:#e9d0ac;font-size:12px}
.ocsee-lucky-fact.is-primary dd{color:#f4d394;font-size:31px;line-height:1.1;letter-spacing:-.025em}
.ocsee-lucky-continue{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:9px 15px;border:0;border-radius:10px;background:#f1cc88;color:#402418;font:700 14px/1.3 OcseeInter,Arial,sans-serif;cursor:pointer;transition:background .2s ease,transform .2s ease}
.ocsee-lucky-continue:hover{background:#ffe0a2}
.ocsee-lucky-continue:active{transform:scale(.99)}
.ocsee-lucky-continue:focus-visible{outline:3px solid #fff8ee;outline-offset:3px}
.ocsee-lucky-burst{position:absolute;z-index:0;top:60px;left:50%;width:0;height:0;pointer-events:none}
.ocsee-lucky-particle{position:absolute;top:0;left:0;display:block;opacity:0;animation:ocsee-lucky-burst 1.55s cubic-bezier(.16,.82,.27,1) var(--delay) both}
.ocsee-lucky-particle.is-coin{width:23px;height:23px;border:2px solid #fff0be;border-radius:50%;background:radial-gradient(circle at 28% 22%,#fff9df,#dfad53 62%,#a86a2b);box-shadow:0 3px 8px rgba(31,13,7,.28)}
.ocsee-lucky-particle.is-coin::after{content:'';position:absolute;inset:4px;border:1px solid rgba(119,65,19,.55);border-radius:50%}
.ocsee-lucky-particle.is-spark{width:15px;height:15px;background:#ffe3a1;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
@keyframes ocsee-lucky-coin-in{from{opacity:0;transform:translateY(16px) rotateY(85deg) scale(.68)}55%{opacity:1;transform:translateY(-6px) rotateY(-12deg) scale(1.07)}to{opacity:1;transform:translateY(0) rotateY(0) scale(1)}}
@keyframes ocsee-lucky-ring{from{opacity:.9;transform:scale(.75)}to{opacity:0;transform:scale(1.7)}}
@keyframes ocsee-lucky-burst{from{opacity:0;transform:translate(-50%,-50%) translate(0,0) scale(.3) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(.85) rotate(var(--turn))}}
@media (max-width:360px){.ocsee-lucky-card{padding:22px 18px 18px}.ocsee-lucky-card h2{font-size:23px}.ocsee-lucky-fact.is-primary dd{font-size:29px}}
@media (max-height:500px){.ocsee-lucky-card{overflow-y:auto}.ocsee-lucky-emblem{width:52px;height:52px;margin-bottom:8px}.ocsee-lucky-card h2{font-size:21px}.ocsee-lucky-facts{margin:12px 0}}
@media (prefers-reduced-motion:reduce){.ocsee-lucky-reveal,.ocsee-lucky-card,.ocsee-lucky-continue{transition:none}.ocsee-lucky-emblem,.ocsee-lucky-emblem::after,.ocsee-lucky-particle{animation:none}.ocsee-lucky-emblem::after,.ocsee-lucky-particle{display:none}}
body.pages-tabbarPages-home-faq,body.pages-tabbarPages-home-faq uni-page-body{background:#f8f5f0!important}
body.pages-tabbarPages-home-faq .index>.content{box-sizing:border-box;width:calc(100% - 28px);max-width:730px;margin:14px auto 36px!important;padding:22px 24px 28px!important;border:1px solid #e8dfd8;border-radius:16px;background:#fffdfb;color:#332d2c;font-family:OcseeInter,Arial,sans-serif;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
body.pages-tabbarPages-home-faq .index>.content p{margin:0 0 14px!important;line-height:1.65!important}
body.pages-tabbarPages-home-faq .index>.content p:empty,body.pages-tabbarPages-home-faq .index>.content p:has(>br:only-child){display:none!important}
body.pages-tabbarPages-home-faq .index>.content img{display:block;max-width:100%!important;height:auto!important;margin:14px auto;border-radius:12px}
body.pages-tabbarPages-home-faq .ocsee-faq-content .ocsee-faq-heading{margin:21px 0 7px!important;color:#712544;font-size:16px;font-weight:750;line-height:1.35!important}
body.pages-tabbarPages-home-faq .ocsee-faq-content .ocsee-faq-subhead{margin:16px 0 8px!important;color:#342c2d;font-weight:700}
body.pages-tabbarPages-home-faq .ocsee-faq-content .ocsee-faq-bullet{position:relative;padding-left:17px}
body.pages-tabbarPages-home-faq .ocsee-faq-content .ocsee-faq-bullet::first-letter{color:#9b1c55}
body.pages-tabbarPages-home-faq .ocsee-faq-salary{margin:0 0 22px;padding:20px 20px 16px;border:1px solid #eadde1;border-radius:14px;background:linear-gradient(145deg,#fff8fa,#fffdfb 54%)}
body.pages-tabbarPages-home-faq .ocsee-faq-salary .ocsee-faq-eyebrow{color:#9b1c55;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body.pages-tabbarPages-home-faq .ocsee-faq-salary h2{margin:5px 0 5px;color:#35282e;font-size:20px;line-height:1.2;letter-spacing:-.03em}
body.pages-tabbarPages-home-faq .ocsee-faq-salary>p{margin-bottom:14px!important;color:#716467;font-size:12px;line-height:1.45!important}
body.pages-tabbarPages-home-faq .ocsee-faq-salary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
body.pages-tabbarPages-home-faq .ocsee-faq-salary-grid>div{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 5px;border:1px solid #f0e5e5;border-radius:9px;background:#fff;text-align:center}
body.pages-tabbarPages-home-faq .ocsee-faq-salary-grid span{color:#72656a;font-size:10px;white-space:nowrap}
body.pages-tabbarPages-home-faq .ocsee-faq-salary-grid strong{color:#8c1d50;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
body.pages-tabbarPages-home-faq .ocsee-faq-anniversary{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:138px;margin:25px 0;padding:21px 25px;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 85% 15%,rgba(250,191,211,.3),transparent 33%),linear-gradient(125deg,#2d2529,#49313a);color:#fff}
body.pages-tabbarPages-home-faq .ocsee-faq-anniversary::after{content:'';position:absolute;top:-40px;right:-20px;width:185px;height:185px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 27px rgba(255,255,255,.035),0 0 0 55px rgba(255,255,255,.025);pointer-events:none}
body.pages-tabbarPages-home-faq .ocsee-faq-anniversary-mark{position:absolute;top:22px;right:27px;color:#e9b2c6;font-size:30px;line-height:1}
body.pages-tabbarPages-home-faq .ocsee-faq-anniversary-kicker{color:#e2bfcc;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
body.pages-tabbarPages-home-faq .ocsee-faq-anniversary strong{margin-top:8px;font-size:30px;line-height:1.1;letter-spacing:-.04em}
body.pages-tabbarPages-home-faq .ocsee-faq-anniversary>span:last-child{margin-top:6px;color:#f2e4e8;font-size:12px}
@media(max-width:420px){body.pages-tabbarPages-home-faq .index>.content{width:calc(100% - 24px);padding:18px 16px 24px!important}body.pages-tabbarPages-home-faq .ocsee-faq-salary{padding:17px 14px 14px}body.pages-tabbarPages-home-faq .ocsee-faq-salary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.pages-tabbarPages-home-faq .ocsee-faq-salary-grid>div:last-child{grid-column:1/-1;flex-direction:row;justify-content:space-between;padding:10px 15px;border-color:#e9d3dd}}
body.pages-tabbarPages-start-index .index>.content>.label,
body.pages-tabbarPages-start-index .index>.content>.allData2{display:none!important}
body.pages-tabbarPages-start-index .ocsee-start-scene{position:relative;isolation:isolate;width:100%;height:clamp(174px,44vw,220px);margin:16px 0 0;overflow:hidden;border:1px solid #ded4cc;border-radius:16px;background:#e7e0d9}
body.pages-tabbarPages-start-index .ocsee-start-scene__art{position:absolute;inset:-4px;z-index:0;background:url('/h5/banners/robot-banner-hd.jpg') center 45%/cover no-repeat;transform:scale(1.015)}
body.pages-tabbarPages-start-index .ocsee-start-scene__veil{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(248,244,239,.35),transparent 31%,transparent 70%,rgba(248,244,239,.25));pointer-events:none}
body.pages-tabbarPages-start-index .ocsee-start-scene__orbit{position:absolute;top:51%;left:50%;z-index:2;border:1px solid rgba(151,18,78,.18);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}
body.pages-tabbarPages-start-index .ocsee-start-scene__orbit--one{width:154px;height:154px;border-top-color:rgba(151,18,78,.42);border-right-color:rgba(151,18,78,.06)}
body.pages-tabbarPages-start-index .ocsee-start-scene__orbit--two{width:232px;height:232px;border-bottom-color:rgba(151,18,78,.36);border-left-color:rgba(151,18,78,.05)}
body.pages-tabbarPages-start-index .ocsee-start-scene__coin{position:absolute;z-index:3;display:grid;place-items:center;border:2px solid #f8f2e9;border-radius:50%;background:#ded4c7;box-shadow:0 0 0 1px rgba(92,77,72,.25),0 5px 14px rgba(53,42,42,.13);pointer-events:none}
body.pages-tabbarPages-start-index .ocsee-start-scene__coin::before{content:'';width:75%;height:75%;border:1px solid rgba(82,71,67,.22);border-radius:50%;background:url('/ocsee-mark.svg') center/64% no-repeat}
body.pages-tabbarPages-start-index .ocsee-start-scene__coin--one{top:17%;left:11%;width:36px;height:36px;transform:rotate(-16deg)}
body.pages-tabbarPages-start-index .ocsee-start-scene__coin--two{right:10%;bottom:17%;width:28px;height:28px;transform:rotate(16deg)}
body.pages-tabbarPages-start-index .ocsee-start-scene__glint{position:absolute;top:-20%;left:-40%;z-index:4;width:26%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none;transform:skewX(-20deg)}
body.pages-tabbarPages-start-index .ocsee-start-scene.is-active .ocsee-start-scene__art{animation:ocsee-start-breathe 9s ease-in-out infinite}
body.pages-tabbarPages-start-index .ocsee-start-scene.is-active .ocsee-start-scene__coin--one{animation:ocsee-start-coin-one 7s ease-in-out infinite}
body.pages-tabbarPages-start-index .ocsee-start-scene.is-active .ocsee-start-scene__coin--two{animation:ocsee-start-coin-two 8s ease-in-out infinite}
body.pages-tabbarPages-start-index .ocsee-start-scene.is-active .ocsee-start-scene__glint{animation:ocsee-start-glint 13s ease-in-out infinite}
@keyframes ocsee-start-breathe{0%,100%{transform:translateY(3px) scale(1.015)}50%{transform:translateY(-5px) scale(1.03)}}
@keyframes ocsee-start-coin-one{0%,100%{transform:translateY(3px) rotate(-16deg)}50%{transform:translateY(-7px) rotate(-8deg)}}
@keyframes ocsee-start-coin-two{0%,100%{transform:translateY(-2px) rotate(16deg)}50%{transform:translateY(7px) rotate(8deg)}}
@keyframes ocsee-start-glint{0%,20%{left:-40%;opacity:0}38%{opacity:.75}56%,100%{left:120%;opacity:0}}
@media(prefers-reduced-motion:reduce){body.pages-tabbarPages-start-index .ocsee-start-scene *{animation:none!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-mine-about .index>.content{padding:22px 16px 72px!important}
body.pages-tabbarPages-mine-about .ocsee-about{position:relative;overflow:hidden;padding:30px 26px 32px;border:1px solid var(--ocsee-line);border-radius:16px;background:var(--ocsee-paper)}
body.pages-tabbarPages-mine-about .ocsee-about::after{content:'';position:absolute;top:26px;right:26px;width:52px;height:52px;background:url('/ocsee-mark.svg') center/contain no-repeat;opacity:.16;pointer-events:none}
body.pages-tabbarPages-mine-about .ocsee-about h1{max-width:calc(100% - 62px);margin:0 0 20px;color:var(--ocsee-ink);font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.025em}
body.pages-tabbarPages-mine-about .ocsee-about p{max-width:62ch;margin:0;color:var(--ocsee-muted);font-size:15px;line-height:1.7}
@media(max-width:360px){body.pages-tabbarPages-mine-about .ocsee-about{padding:26px 20px 28px}body.pages-tabbarPages-mine-about .ocsee-about::after{top:22px;right:20px;width:44px;height:44px}body.pages-tabbarPages-mine-about .ocsee-about h1{font-size:24px}}
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}
body.pages-tabbarPages-order-index .index>.content>.list>.card>.info>uni-image>div,
.orderInfoPop :is(.pop1,.pop2)>.info>.left>uni-image>div{
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
}
body.pages-tabbarPages-order-index .index>.content>.list>.card>.info>uni-image>img,
.orderInfoPop :is(.pop1,.pop2)>.info>.left>uni-image>img{
  object-fit:contain!important;
  object-position:center!important;
}
body.pages-tabbarPages-order-index .index>.nav{display:grid!important;grid-template-columns:75px minmax(0,1fr) 75px;align-items:center!important;width:100%!important;min-height:54px!important;height:54px!important;padding:0 14px!important;border-bottom:1px solid var(--ocsee-line)!important;background:var(--ocsee-surface)!important}
body.pages-tabbarPages-order-index .index>.nav>uni-image{display:none!important}
body.pages-tabbarPages-order-index .index>.nav::before{content:'Ocsee';display:flex;align-items:center;height:28px;padding-left:30px;background:url('/ocsee-mark.svg') left center/25px 25px no-repeat;color:var(--ocsee-ink);font-family:OcseeInter,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:-.025em}
body.pages-tabbarPages-order-index .index>.nav::after{content:''}
body.pages-tabbarPages-order-index .index>.nav>uni-text{position:static!important;left:auto!important;min-width:0!important;max-width:100%!important;margin:0!important;overflow:hidden;color:var(--ocsee-ink)!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:15px!important;font-weight:700!important;text-align:center!important;text-overflow:ellipsis;transform:none!important;white-space:nowrap}

/* 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:64px;height:64px;border-radius:16px;background:#fff8f5 url('/ocsee-mark.svg') center/44px 44px no-repeat;box-shadow:0 10px 24px rgba(0,0,0,.13);filter:none!important}
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;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;width:max-content!important;max-width:none!important;gap:10px!important}
body:is(.pages-userPages-login,.pages-userPages-register) .index>.fixed uni-image{box-sizing:border-box!important;display:grid!important;flex:none!important;place-items:center;width:44px!important;height:44px!important;padding:9px!important;border:1px solid rgba(255,255,255,.25);border-radius:11px;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}}

/* Agreement entry and its linked reading pages share the inner-app palette. */
body:is(.pages-userPages-rule,.pages-userPages-ruleDetail),
body:is(.pages-userPages-rule,.pages-userPages-ruleDetail) uni-page-body{
  margin:0;
  padding-bottom:0!important;
  background:#f8f5f0!important;
  color:#252024!important;
  font-family:OcseeInter,Arial,sans-serif!important;
}
body.pages-userPages-rule .index{
  box-sizing:border-box;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  width:100%!important;
  max-width:760px;
  min-height:100vh!important;
  min-height:100dvh!important;
  height:auto!important;
  margin:0 auto!important;
  padding:36px 20px calc(36px + env(safe-area-inset-bottom))!important;
  background:transparent!important;
  color:#252024!important;
  font-family:OcseeInter,Arial,sans-serif!important;
}
body.pages-userPages-rule .index::before{
  content:'';
  display:block;
  width:42px;
  height:42px;
  flex:none;
  margin:0 0 24px;
  background:url('/ocsee-mark.svg') center/contain no-repeat;
}
body.pages-userPages-rule .index>.title{
  width:100%!important;
  height:auto!important;
  margin:0 0 20px!important;
  padding:0!important;
  color:#252024!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:clamp(26px,4vw,34px)!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:-.028em;
  text-align:left!important;
}
body.pages-userPages-rule .index>.content{
  box-sizing:border-box;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:26px 28px!important;
  border:1px solid #e8dfd7;
  border-radius:16px;
  background:#fffdfa!important;
  color:#6d6362!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.7!important;
}
body.pages-userPages-rule .index>.content p{
  margin:0 0 17px!important;
  color:#6d6362!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.7!important;
  text-align:left!important;
}
body.pages-userPages-rule .index>.content p:first-child{color:#252024!important;font-weight:650!important}
body.pages-userPages-rule .index>.content p:last-child{margin-bottom:0!important}
body.pages-userPages-rule .index>.content p:nth-child(2) uni-text{
  box-sizing:border-box;
  display:inline-flex!important;
  align-items:center;
  min-height:40px;
  margin:8px 8px 8px 0!important;
  padding:7px 11px!important;
  border:1px solid #e1cad4;
  border-radius:9px;
  background:#f6ebef!important;
  color:#7e103f!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:650!important;
  line-height:1.35!important;
  text-decoration:none!important;
  vertical-align:middle;
  white-space:nowrap;
  cursor:pointer;
}
body.pages-userPages-rule .index>.content p:nth-child(2) uni-text span{color:inherit!important;font:inherit!important;text-decoration:none!important}
body.pages-userPages-rule .index>.content p:nth-child(2) uni-text:hover{background:#f0dce5!important;border-color:#c999ae}
body.pages-userPages-rule .index>.content p:nth-child(2) uni-text:focus-visible{outline:2px solid #97124e;outline-offset:2px}
body.pages-userPages-rule .index>.content .ocsee-rule-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:16px 0 14px;
}
body.pages-userPages-rule .index>.content p:nth-child(2) .ocsee-rule-links uni-text{
  width:100%!important;
  min-width:0;
  min-height:44px;
  justify-content:center;
  margin:0!important;
  text-align:center;
}
body.pages-userPages-rule .index>.content .ocsee-rule-followup{display:block}
body.pages-userPages-rule .index>.bom{
  box-sizing:border-box;
  position:static!important;
  display:flex!important;
  align-items:stretch!important;
  gap:12px;
  width:100%!important;
  height:auto!important;
  margin:18px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.pages-userPages-rule .index>.bom>.left{
  box-sizing:border-box;
  display:flex!important;
  align-items:center!important;
  flex:1;
  width:auto!important;
  min-width:0;
  min-height:50px;
  padding:10px 16px!important;
  border:1px solid #e8dfd7;
  border-radius:11px;
  background:#fffdfa!important;
}
body.pages-userPages-rule .index>.bom .checkbox,
body.pages-userPages-rule .index>.bom .u-checkbox{width:100%!important}
body.pages-userPages-rule .index>.bom .u-checkbox__label .text{
  color:#252024!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.35!important;
}
body.pages-userPages-rule .index>.bom .u-checkbox__icon-wrap{flex:none;border-color:#ac9a9b!important;border-radius:5px!important}
body.pages-userPages-rule .index>.bom .u-checkbox__icon-wrap--checked{border-color:#97124e!important;background:#97124e!important}
body.pages-userPages-rule .index>.bom>.right{
  box-sizing:border-box;
  display:grid!important;
  place-items:center;
  flex:none;
  width:178px!important;
  min-height:50px;
  padding:12px 18px!important;
  border:0!important;
  border-radius:11px;
  background:#97124e!important;
  color:#fff!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center;
  cursor:pointer;
}
body.pages-userPages-rule .index>.bom>.right:active{background:#7d0e40!important}
body.pages-userPages-ruleDetail .index{
  box-sizing:border-box;
  max-width:820px;
  min-height:100vh;
  margin:0 auto!important;
  padding:28px 18px 72px!important;
  background:transparent!important;
}
body.pages-userPages-ruleDetail .index>.content{
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 30px!important;
  border:1px solid #e8dfd7;
  border-radius:16px;
  background:#fffdfa!important;
  color:#252024!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.75!important;
  overflow-wrap:anywhere;
}
body.pages-userPages-ruleDetail .index>.content p{margin:0 0 14px!important;color:#4b4343!important;font:inherit!important;line-height:1.75!important}
body.pages-userPages-ruleDetail .index>.content p:has(>br:only-child){height:8px;margin:0!important}

/* The Snap and Order flows use one native order-detail popup. */
.orderInfoPop .u-mask{background:rgba(31,23,30,.58)!important}
.orderInfoPop .u-mode-center-box{
  box-sizing:border-box;
  width:min(620px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 40px)!important;
  overflow:hidden!important;
  border-radius:17px!important;
  background:#fffdfa!important;
  box-shadow:0 22px 60px rgba(34,22,29,.24)!important;
}
.orderInfoPop .u-drawer__scroll-view{max-height:calc(100dvh - 40px)!important}
.orderInfoPop .u-mode-center-box>.u-close{
  top:16px!important;
  right:16px!important;
  z-index:5!important;
  display:grid!important;
  place-items:center;
  width:38px!important;
  height:38px!important;
  border-radius:9px;
  background:rgba(255,255,255,.14)!important;
  cursor:pointer;
}
.orderInfoPop .u-mode-center-box>.u-close .u-icon__icon{color:#fff!important;font-size:18px!important}
.orderInfoPop :is(.pop1,.pop2){background:#fffdfa!important;color:#252024!important;font-family:OcseeInter,Arial,sans-serif!important}
.orderInfoPop :is(.pop1,.pop2)>.title{
  box-sizing:border-box;
  min-height:74px;
  padding:22px 68px 20px 24px!important;
  background:#2c252a!important;
  color:#fffdfa!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:-.025em;
}
.orderInfoPop :is(.pop1,.pop2)>.info{
  box-sizing:border-box;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center!important;
  gap:5px 14px;
  min-height:112px;
  margin:0!important;
  padding:18px 24px!important;
  border-bottom:1px solid #e8dfd7;
  background:#f7f2ec!important;
}
.orderInfoPop :is(.pop1,.pop2)>.info>.left{display:contents!important}
.orderInfoPop :is(.pop1,.pop2)>.info>.left>uni-image{
  grid-column:1;
  grid-row:1 / span 2;
  width:72px!important;
  height:72px!important;
  overflow:hidden;
  border-radius:9px;
  background:#fffdfa;
}
.orderInfoPop :is(.pop1,.pop2)>.info>.left>.price{
  grid-column:2;
  grid-row:2;
  min-width:0;
  margin:0!important;
  color:#97124e!important;
  font-size:15px!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums;
}
.orderInfoPop :is(.pop1,.pop2)>.info>uni-text:nth-child(2){
  grid-column:2;
  grid-row:1;
  align-self:end!important;
  height:auto!important;
  min-width:0;
  margin:0!important;
  color:#252024!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.3!important;
  word-break:normal!important;
  overflow-wrap:anywhere;
}
.orderInfoPop :is(.pop1,.pop2)>.info>uni-text:nth-child(3){
  grid-column:3;
  grid-row:1 / span 2;
  align-self:center!important;
  margin:0!important;
  color:#6d6362!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:13px!important;
}
.orderInfoPop :is(.pop1,.pop2)>.data{
  box-sizing:border-box;
  display:flex!important;
  align-items:flex-start!important;
  gap:14px;
  min-height:49px;
  padding:13px 24px!important;
  border-bottom:1px solid #eee7e0;
  color:#252024!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.5!important;
}
.orderInfoPop :is(.pop1,.pop2)>.data>uni-text:first-child{flex:1;min-width:0;color:#6d6362!important}
.orderInfoPop :is(.pop1,.pop2)>.data>uni-text:last-child{max-width:55%;color:#252024!important;font-weight:650!important;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.orderInfoPop .pop2>.data1>uni-text:last-child{color:#97124e!important}
.orderInfoPop :is(.pop1,.pop2)>.btn{
  box-sizing:border-box;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px;
  margin:0!important;
  padding:22px 24px 26px!important;
  background:#fffdfa!important;
}
.orderInfoPop :is(.pop1,.pop2)>.btn .allBtn{
  box-sizing:border-box;
  flex:1;
  max-width:220px;
  min-height:46px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:#97124e!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:OcseeInter,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:44px!important;
  text-align:center;
  cursor:pointer;
}
.orderInfoPop .pop2>.btn .allBtn:first-child{
  border-color:#e8dfd7!important;
  background:#fffdfa!important;
  color:#252024!important;
}
.orderInfoPop :is(.pop1,.pop2)>.btn .allBtn:active{transform:scale(.99)}
body.pages-tabbarPages-order-index .u-tabs .u-tab-item{color:#6d6362!important;font-family:OcseeInter,Arial,sans-serif!important;font-size:14px!important}
body.pages-tabbarPages-order-index .u-tabs .u-tab-item[style*="rgb(8, 129, 198)"]{color:#97124e!important;font-weight:700!important}
body.pages-tabbarPages-order-index .u-tabs .u-tab-bar{height:2px!important;background:#97124e!important}
body.pages-tabbarPages-order-index .index>.nav{position:relative!important}
body.pages-tabbarPages-order-index .index>.nav>uni-image{
  position:absolute!important;
  z-index:3;
  top:0;
  left:14px;
  display:block!important;
  width:102px!important;
  height:54px!important;
  opacity:0;
  cursor:pointer;
}
body.pages-tabbarPages-order-index .index>.nav:focus-within::before{outline:2px solid #97124e;outline-offset:3px;border-radius:6px}

@media(max-width:600px){
  body.pages-userPages-rule .index{justify-content:flex-start;padding:26px 16px calc(30px + env(safe-area-inset-bottom))!important}
  body.pages-userPages-rule .index::before{width:36px;height:36px;margin-bottom:22px}
  body.pages-userPages-rule .index>.title{margin-bottom:18px!important;font-size:29px!important}
  body.pages-userPages-rule .index>.content{padding:22px 20px!important}
  body.pages-userPages-rule .index>.content .ocsee-rule-links{grid-template-columns:1fr}
  body.pages-userPages-rule .index>.bom{flex-direction:column}
  body.pages-userPages-rule .index>.bom>.left,body.pages-userPages-rule .index>.bom>.right{width:100%!important}
  body.pages-userPages-ruleDetail .index{padding:16px 12px 48px!important}
  body.pages-userPages-ruleDetail .index>.content{padding:22px 20px!important}
  .orderInfoPop :is(.pop1,.pop2)>.title{min-height:66px;padding:20px 58px 18px 20px!important;font-size:20px!important}
  .orderInfoPop :is(.pop1,.pop2)>.info{padding:16px 20px!important}
  .orderInfoPop :is(.pop1,.pop2)>.data{padding:12px 20px!important}
  .orderInfoPop :is(.pop1,.pop2)>.btn{padding:18px 20px 22px!important}
}
@media(max-width:360px){
  body.pages-userPages-rule .index>.content p:nth-child(2) uni-text{width:100%;justify-content:center;margin-right:0!important}
  .orderInfoPop :is(.pop1,.pop2)>.info{grid-template-columns:62px minmax(0,1fr) auto;gap:4px 10px}
  .orderInfoPop :is(.pop1,.pop2)>.info>.left>uni-image{width:62px!important;height:62px!important}
}
