@charset "UTF-8";
:root{
  --ch-void:#050915;
  --ch-night:#0a1428;
  --ch-navy:#10224a;
  --ch-blue:#256dff;
  --ch-cyan:#55d7ff;
  --ch-red:#d81f32;
  --ch-gold:#ffd15c;
  --ch-gold-soft:#ffe8a8;
  --ch-cream:#fff4cf;
  --ch-text:#f7fbff;
  --ch-muted:#9fb0ca;
  --ch-line:rgba(255,255,255,.12);
  --ch-panel:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html{background:var(--ch-void)}
body.chosun-app{
  min-height:100vh;
  margin:0;
  color:var(--ch-text);
  background:
    linear-gradient(135deg,rgba(216,31,50,.23) 0 10%,transparent 10% 100%),
    radial-gradient(circle at 76% 6%,rgba(37,109,255,.32),transparent 31%),
    radial-gradient(circle at 22% -8%,rgba(255,209,92,.18),transparent 24%),
    linear-gradient(180deg,#050915 0,#0a1428 48%,#07101f 100%);
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  letter-spacing:0;
}
body.chosun-app:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 42%,rgba(255,209,92,.06) 42% 43%,transparent 43% 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px .26rem),
    linear-gradient(180deg,transparent 0,rgba(255,255,255,.035) 50%,transparent 100%);
  opacity:.58;
}
body.chosun-app:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% -20%,rgba(255,255,255,.12),transparent 28%),
    linear-gradient(90deg,rgba(216,31,50,.06),transparent 28%,transparent 72%,rgba(37,109,255,.07));
  mix-blend-mode:screen;
}
a{color:inherit;text-decoration:none}
button,input,textarea{font-family:inherit;letter-spacing:0}
button{-webkit-tap-highlight-color:transparent}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.ui-container{border:0!important}
.ui-header ~ .ui-container{border-top:0!important}
.ui-footer ~ .ui-container{border-bottom:calc(.74rem + env(safe-area-inset-bottom)) solid transparent!important}

.ch-footer{
  height:calc(.62rem + env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  background:rgba(5,9,21,.92)!important;
  backdrop-filter:blur(18px);
  box-shadow:0 -.1rem .28rem rgba(0,0,0,.35);
  padding-bottom:env(safe-area-inset-bottom)!important;
}
.wst-menus{height:.62rem!important;padding:.05rem .08rem 0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.wst-menus>.ui-col{min-width:0!important;display:flex!important;justify-content:center!important}
.wst-menus a{display:block!important;width:100%!important;min-width:0!important}
.wst-menus p{width:100%!important;height:.52rem!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.wst-menus .icon{width:.23rem!important;height:.23rem!important;margin:.02rem auto .01rem!important;background:none!important;position:relative}
.wst-menus .icon:before{content:"";display:block;width:.21rem;height:.21rem;margin:auto;background:#7d8aa4;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.wst-menus .home:before,.wst-menus .home-active:before{mask-image:linear-gradient(#000,#000);-webkit-mask-image:linear-gradient(#000,#000);clip-path:polygon(50% 4%,94% 38%,84% 38%,84% 94%,58% 94%,58% 63%,42% 63%,42% 94%,16% 94%,16% 38%,6% 38%)}
.wst-menus .orders:before,.wst-menus .orders-active:before{mask-image:linear-gradient(#000,#000);-webkit-mask-image:linear-gradient(#000,#000);clip-path:polygon(18% 4%,72% 4%,90% 23%,90% 96%,18% 96%)}
.wst-menus .user:before,.wst-menus .user-active:before{border-radius:50%;background:radial-gradient(circle at 50% 32%,#7d8aa4 0 27%,transparent 29%),radial-gradient(ellipse at 50% 88%,#7d8aa4 0 45%,transparent 47%)}
.wst-menus .home-active:before,.wst-menus .orders-active:before,.wst-menus .market-active:before,.wst-menus .user-active:before{background:var(--ch-gold)}
.home-word,.orders-word,.market-word,.user-word,.home-active-word,.orders-active-word,.market-active-word,.user-active-word{float:none!important;display:block;width:100%;height:.18rem;line-height:.18rem;text-align:center;font-size:.11rem;color:#8190ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;writing-mode:horizontal-tb}
.home-active-word,.orders-active-word,.market-active-word,.user-active-word{color:var(--ch-gold);font-weight:800}
.wst-menus a.ch-market-disabled{cursor:default!important}
.wst-menus a.ch-market-disabled .market:before{background:#6f7d98}
.wst-menus a.ch-market-disabled .market:after{background:#6f7d98}
.wst-menus a.ch-market-disabled .market-word{color:#7c89a2}

.ch-home{position:relative;min-height:100vh;padding:0 .12rem .84rem;overflow:hidden}
.ch-hero{
  position:relative;
  margin:0 -.12rem .12rem;
  min-height:1.7rem;
  padding:.26rem .16rem .24rem;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 26%),
    linear-gradient(124deg,rgba(216,31,50,.78) 0 17%,transparent 17% 100%),
    radial-gradient(circle at 82% 18%,rgba(255,209,92,.18),transparent 25%),
    linear-gradient(145deg,#071026 0,#12315f 58%,#090f1d 100%);
  box-shadow:0 .18rem .48rem rgba(0,0,0,.36);
}
.ch-hero:before,.ch-hero:after{content:none}
.ch-home:before{content:none}
.ch-hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}
.ch-hero-orbit-a{width:2.9rem;height:2.9rem;left:-1rem;top:-1.16rem}
.ch-hero-orbit-b{width:1.7rem;height:1.7rem;right:-.38rem;top:.42rem}
.ch-topbar{position:relative;z-index:2;display:flex;align-items:center;gap:.1rem}
.ch-logo{
  width:.5rem;
  height:.5rem;
  border-radius:.12rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#050915;
  border:1px solid rgba(255,209,92,.36);
  box-shadow:0 .12rem .28rem rgba(0,0,0,.36);
  overflow:hidden;
}
.ch-logo img{max-width:82%;max-height:82%;object-fit:contain}
.ch-search{
  height:.46rem;
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:.1rem;
  padding:0 .14rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:.12rem;
  background:rgba(255,255,255,.1);
  color:#dbe8ff;
  font-size:.13rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.ch-search-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-search-icon{width:.17rem;height:.17rem;border:.02rem solid #fff;border-radius:50%;position:relative;opacity:.9;flex:0 0 auto}
.ch-search-icon:after{content:"";position:absolute;width:.08rem;height:.02rem;background:#fff;right:-.06rem;bottom:-.03rem;transform:rotate(45deg);border-radius:.02rem}
.ch-menu{
  width:.5rem;
  height:.5rem;
  flex:0 0 .5rem;
  border-radius:.12rem;
  background:linear-gradient(135deg,#d81f32,#ff7a45);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 .12rem .28rem rgba(216,31,50,.32);
}
.ch-user-entry span{width:.23rem;height:.23rem;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff 0 24%,transparent 25%),radial-gradient(ellipse at 50% 88%,#fff 0 42%,transparent 43%)}
.ch-hero-stage{
  position:absolute;
  z-index:1;
  right:-.36rem;
  bottom:.2rem;
  width:3.36rem;
  opacity:.92;
  filter:drop-shadow(0 .24rem .42rem rgba(0,0,0,.48)) saturate(1.08);
  pointer-events:none;
}
.ch-hero-stage img{display:block;width:100%;height:auto}
.ch-hero-copy{position:relative;z-index:2;padding:0;max-width:3.3rem;animation:chLiftIn .52s ease both}
.ch-kicker{display:inline-flex;align-items:center;height:.22rem;padding:0 .08rem;border:1px solid rgba(255,209,92,.4);border-radius:.11rem;background:rgba(255,209,92,.1);font-size:.1rem;color:var(--ch-gold);font-weight:900}
.ch-hero h1{font-size:.42rem;line-height:.48rem;font-weight:900;color:#fff;margin:.04rem 0;text-shadow:0 .08rem .24rem rgba(0,0,0,.4)}
.ch-hero p{font-size:.13rem;line-height:.22rem;color:#dce8ff;margin:0;max-width:3.2rem}
.ch-hero-actions{display:flex;gap:.1rem;margin-top:.16rem}
.ch-hero-actions a{
  height:.38rem;
  padding:0 .14rem;
  border-radius:.19rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:.13rem;
  font-weight:900;
  box-shadow:0 .12rem .28rem rgba(0,0,0,.2);
}
.ch-hero-actions a:first-child{background:linear-gradient(135deg,#ffd15c,#fff1ad);color:#2b1800;border-color:transparent}
.ch-hero-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:.08rem;margin:.26rem 0 0}
.ch-hero-stats span{min-width:0;padding:.09rem .04rem;border:1px solid rgba(255,255,255,.14);border-radius:.1rem;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(6,11,26,.52));text-align:center;color:#cfe0ff;font-size:.11rem;backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);animation:chFadeIn .45s ease both}
.ch-hero-stats span:nth-child(2){animation-delay:.08s}
.ch-hero-stats span:nth-child(3){animation-delay:.16s}
.ch-hero-stats b{display:block;color:#fff;font-size:.15rem;line-height:.2rem}

.ch-notice{
  position:relative;
  z-index:3;
  margin:-.2rem 0 .14rem;
  min-height:.52rem;
  padding:.1rem .12rem;
  display:flex;
  align-items:center;
  gap:.08rem;
  background:linear-gradient(135deg,rgba(255,209,92,.96),rgba(255,245,205,.96));
  color:#2e1c04;
  border-radius:.11rem;
  box-shadow:0 .16rem .34rem rgba(0,0,0,.28);
  overflow:hidden;
}
.ch-top-notice{margin:.08rem 0 -.04rem}
.ch-notice-icon{display:flex;align-items:center;justify-content:center;width:.2rem;height:.2rem;border-radius:50%;background:#d81f32;color:#fff;font-weight:900;flex:0 0 auto}
.ch-news-swiper{height:.28rem;flex:1;overflow:hidden;min-width:0}
.ch-news-swiper a{display:block;line-height:.28rem;font-size:.13rem;color:#5a3200;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-notice-more{color:#9d1222;font-size:.13rem;font-weight:900;flex:0 0 auto}

.ch-command-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.08rem;
  margin:.12rem 0 .18rem;
}
.ch-command-strip span{
  position:relative;
  min-width:0;
  min-height:.66rem;
  padding:.11rem .08rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.1rem;
  background:
    linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),
    linear-gradient(90deg,rgba(216,31,50,.14),rgba(37,109,255,.1));
  box-shadow:0 .12rem .28rem rgba(0,0,0,.22);
  overflow:hidden;
  animation:chLiftIn .42s ease both;
}
.ch-command-strip span:nth-child(2){animation-delay:.06s}
.ch-command-strip span:nth-child(3){animation-delay:.12s}
.ch-command-strip span:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.03rem;background:var(--ch-gold)}
.ch-command-strip b{display:block;font-size:.13rem;line-height:.18rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-command-strip em{display:block;margin-top:.03rem;font-style:normal;font-size:.1rem;line-height:.15rem;color:#9fb0ca}

.ch-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.12rem;
  margin:.18rem 0 .1rem;
}
.ch-section-head span{display:block;color:var(--ch-gold);font-size:.1rem;font-weight:900}
.ch-section-head h2{margin:.02rem 0 0;font-size:.2rem;line-height:.26rem;color:#fff;font-weight:900}
.ch-section-head a,.ch-section-head em{font-style:normal;color:#9fb0ca;font-size:.12rem;line-height:.18rem;text-align:right}
.ch-section-head a{height:.3rem;padding:0 .11rem;border-radius:.15rem;background:rgba(255,255,255,.08);display:flex;align-items:center;color:#ffe49b}

.ch-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:.1rem;margin-bottom:.16rem}
.ch-service-card{
  position:relative;
  display:grid;
  grid-template-columns:.52rem 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:.1rem;
  min-height:.9rem;
  padding:.14rem .12rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:.08rem;
  background:
    linear-gradient(90deg,rgba(255,209,92,.08),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04)),
    radial-gradient(circle at 95% 0,rgba(255,209,92,.13),transparent 36%);
  box-shadow:0 .12rem .3rem rgba(0,0,0,.22);
  overflow:hidden;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
  animation:chLiftIn .44s ease both;
}
.ch-service-card:nth-child(2){animation-delay:.04s}
.ch-service-card:nth-child(3){animation-delay:.08s}
.ch-service-card:nth-child(4){animation-delay:.12s}
.ch-service-card:nth-child(5){animation-delay:.16s}
.ch-service-card:nth-child(6){animation-delay:.2s}
.ch-service-card:after{content:"";position:absolute;right:-.18rem;bottom:-.28rem;width:.74rem;height:.74rem;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.ch-service-card:active{transform:scale(.985);border-color:rgba(255,209,92,.45)}
.ch-service-icon{grid-row:1/3;width:.48rem;height:.48rem;border-radius:.12rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.16rem;font-weight:900}
.ch-service-orange{background:linear-gradient(135deg,#e84628,#ff9b45)}
.ch-service-blue{background:linear-gradient(135deg,#256dff,#35c8ff)}
.ch-service-cyan{background:linear-gradient(135deg,#1e94c9,#67d9ff)}
.ch-service-green{background:linear-gradient(135deg,#159a62,#69d96f)}
.ch-service-navy{background:linear-gradient(135deg,#2445a8,#10224a)}
.ch-service-red{background:linear-gradient(135deg,#d81f32,#ff5c61)}
.ch-service-gold{background:linear-gradient(135deg,#b8780e,#ffd15c);color:#211300}
.ch-service-card strong{font-size:.16rem;line-height:.22rem;font-weight:900;color:#fff;min-width:0;white-space:nowrap;word-break:keep-all}
.ch-service-card strong,.ch-service-card em{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.ch-service-card strong{-webkit-line-clamp:1}
.ch-service-card em{font-style:normal;color:#9fb0ca;font-size:.12rem;line-height:.18rem;min-width:0;-webkit-line-clamp:2}

.ch-banner{
  margin:-.02rem 0 .2rem;
  border-radius:.08rem;
  overflow:hidden;
  min-height:2.18rem;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 .18rem .42rem rgba(0,0,0,.32);
}
.ch-banner img{width:100%;height:2.18rem;object-fit:cover;display:block}
.ch-banner-fallback{
  min-height:2.18rem;
  background:
    linear-gradient(90deg,rgba(255,255,255,.1),transparent 28%),
    linear-gradient(135deg,rgba(216,31,50,.72),transparent 42%),
    radial-gradient(circle at 84% 20%,rgba(255,209,92,.38),transparent 28%),
    linear-gradient(115deg,#08122a 0,#183f82 64%,#07101f 100%);
  color:#fff;
  padding:.24rem .2rem;
}
.ch-banner-fallback span{font-size:.12rem;color:#ffd15c}
.ch-banner-fallback strong{display:block;font-size:.34rem;line-height:.42rem;font-weight:900;margin:.05rem 0}
.ch-banner-fallback em{font-style:normal;font-size:.13rem;color:#dbe8ff}
.swiper-pagination-bullet{background:rgba(255,255,255,.5)!important}
.swiper-pagination-bullet-active{background:var(--ch-gold)!important}

.ch-popup-mask{
  position:fixed;
  inset:0;
  z-index:120;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.24rem;
  background:rgba(2,5,12,.72);
  backdrop-filter:blur(12px);
}
.ch-popup{
  position:relative;
  width:100%;
  max-width:3.72rem;
  max-height:82vh;
  padding:.26rem .2rem .18rem;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,209,92,.26);
  border-radius:.16rem;
  background:
    linear-gradient(135deg,rgba(216,31,50,.3),transparent 42%),
    linear-gradient(150deg,#0a1428,#112b5a 64%,#070c18);
  box-shadow:0 .24rem .64rem rgba(0,0,0,.46);
  color:#fff;
  overflow:hidden;
}
.ch-popup-close{
  position:absolute;
  right:.12rem;
  top:.12rem;
  width:.34rem;
  height:.34rem;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:.2rem;
  line-height:.34rem;
  z-index:2;
}
.ch-popup-head{padding-right:.34rem;flex:0 0 auto}
.ch-popup span{display:block;color:#ffd15c;font-size:.12rem;font-weight:900}
.ch-popup h2{font-size:.25rem;line-height:.32rem;margin:.04rem 0 .12rem;color:#fff}
.ch-popup-body{
  flex:1 1 auto;
  min-height:1.8rem;
  max-height:52vh;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:.02rem .02rem .02rem 0;
  margin-bottom:.14rem;
}
.ch-popup p{font-size:.145rem;line-height:.25rem;color:#dbe8ff;margin:0;white-space:pre-wrap}
.ch-popup a,.ch-popup > button:not(.ch-popup-close){
  flex:0 0 auto;
  width:100%;
  height:.46rem;
  border:0;
  border-radius:.23rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#ffd15c,#fff1ad);
  color:#251500;
  font-size:.15rem;
  font-weight:900;
}
.ch-product-panel{margin:0 0 .12rem!important}
.ch-product-head{align-items:flex-start}
.ch-product-panel .g_tab_nav{
  display:flex;
  overflow-x:auto;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:.1rem;
  margin:0 0 .12rem;
  padding:0 .04rem;
  height:.5rem;
  line-height:.5rem;
  box-shadow:0 .1rem .24rem rgba(0,0,0,.2);
}
.ch-product-panel .g_tab_nav::-webkit-scrollbar{display:none}
.ch-product-panel .g_tab_item{min-width:1.08rem;max-width:1.34rem;text-align:center;font-size:.14rem;color:#9fb0ca;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .08rem}
.ch-product-panel .g_tab_item.active{font-weight:900;color:#fff}
.ch-product-panel .g_tab_item.active:after{content:"";position:absolute;left:50%;bottom:.04rem;width:.42rem;height:.03rem;border-radius:.03rem;background:var(--ch-gold);transform:translateX(-50%)}
.ch-product-panel .g_tab_content{margin:0 0 .15rem!important}
.g_tab_hide{display:none}.g_tab_show{display:block!important}
.ch-goods-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem}
.ch-goods-card{
  position:relative;
  min-height:2.34rem;
  padding:.08rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.08rem;
  background:
    linear-gradient(180deg,rgba(255,255,255,.1),transparent 26%),
    linear-gradient(150deg,rgba(255,255,255,.11),rgba(255,255,255,.05)),
    radial-gradient(circle at 100% 0,rgba(216,31,50,.16),transparent 35%);
  box-shadow:0 .1rem .26rem rgba(0,0,0,.24);
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease;
  animation:chLiftIn .38s ease both;
}
.ch-goods-card:active{transform:scale(.985);border-color:rgba(255,209,92,.42)}
.ch-goods-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:.08rem;color:#9fb0ca;font-size:.1rem;font-weight:900}
.ch-goods-topline em{font-style:normal;color:#ffe49b}
.ch-goods-img{
  height:1.08rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:.07rem;
  border-radius:.06rem;
  background:
    linear-gradient(135deg,rgba(216,31,50,.08),transparent 40%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(210,224,255,.9));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);
}
.ch-goods-img img{width:100%;height:100%;object-fit:cover;padding:0}
.ch-goods-badge{position:absolute;right:.08rem;top:.11rem;display:inline-flex;align-items:center;min-height:.22rem;margin:0;padding:0 .07rem;border-radius:.06rem;background:linear-gradient(135deg,#ffd15c,#fff1ad);color:#391f00;font-size:.105rem;font-weight:900;box-shadow:0 .07rem .16rem rgba(0,0,0,.2);max-width:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-goods-name{font-size:.135rem;line-height:.19rem;color:#fff;min-height:.38rem;font-weight:800;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ch-goods-tip{margin-top:.06rem;padding:.055rem .065rem;border-radius:.06rem;background:rgba(255,209,92,.14);color:#ffd15c;font-size:.11rem;line-height:.165rem;min-height:.27rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wst-load-text{font-size:.12rem;color:#9fb0ca;padding:.14rem}

.ch-detail{min-height:100vh;padding-bottom:0;background:linear-gradient(180deg,#071026 0,#0a1428 50%,#050915 100%)}
.ch-detail-hero{position:relative;padding:.08rem .14rem .24rem;overflow:hidden;color:#fff;background:linear-gradient(145deg,#0a1428 0,#16386e 58%,#09101d 100%)}
.ch-detail-hero:before{content:"";position:absolute;right:-.56rem;top:-.52rem;width:2.24rem;height:2.24rem;border-radius:50%;background:repeating-conic-gradient(from -15deg,rgba(255,209,92,.2) 0 5deg,transparent 5deg 12deg)}
.ch-detail-glow{position:absolute;left:50%;top:-.62rem;width:2.8rem;height:2.8rem;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(37,109,255,.38),transparent 62%)}
.ch-detail-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:.44rem}
.ch-back,.ch-detail-top .ch-order-link{width:.42rem;height:.34rem;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.1);border-radius:.1rem;color:#fff;font-size:.3rem;line-height:.3rem;text-align:center}
.ch-detail-top .ch-order-link{font-size:.12rem;display:flex;align-items:center;justify-content:center;background:rgba(216,31,50,.72)}
.ch-detail-top h1{font-size:.17rem;font-weight:900;flex:1;min-width:0;margin:0 .08rem;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:.2rem}
.ch-detail-product{position:relative;z-index:1;display:flex;gap:.14rem;align-items:center;padding:.18rem 0 .02rem}
.ch-detail-img{width:.96rem;height:.96rem;border-radius:.18rem;background:linear-gradient(145deg,#fff,#dce8ff);display:flex;align-items:center;justify-content:center;box-shadow:0 .16rem .34rem rgba(0,0,0,.3);flex:0 0 .96rem}
.ch-detail-img img{max-width:.82rem;max-height:.82rem;object-fit:contain}
.ch-detail-meta{min-width:0}
.ch-detail-meta span{display:block;font-size:.1rem;color:#ffd15c;font-weight:900}
.ch-detail-meta strong{display:block;font-size:.18rem;line-height:.24rem;color:#fff;font-weight:900;word-break:break-word}
.ch-detail-meta em{display:block;font-style:normal;font-size:.12rem;line-height:.18rem;color:#cfe0ff;margin-top:.03rem}
.ch-detail-badges{display:flex;flex-wrap:wrap;gap:.06rem;margin-top:.09rem}
.ch-detail-badges b{height:.24rem;line-height:.24rem;padding:0 .08rem;border-radius:.12rem;background:rgba(255,209,92,.16);color:#ffe49b;font-size:.11rem}
.ch-recharge-card{margin:.12rem .12rem .18rem;padding:.16rem;border:1px solid rgba(255,255,255,.12);border-radius:.1rem;background:rgba(255,255,255,.08);box-shadow:0 .14rem .34rem rgba(0,0,0,.24)}
.ch-detail-flow{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.06rem;
  margin:0 0 .14rem;
}
.ch-mode-card .ch-detail-flow{display:none}
.ch-detail-flow span{
  position:relative;
  min-width:0;
  height:.34rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:.06rem;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
  color:#9fb0ca;
  font-size:.11rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ch-detail-flow span.on{background:rgba(255,209,92,.16);color:#ffe49b;border-color:rgba(255,209,92,.28);font-weight:900}
.ch-mode-tabs{display:grid;grid-template-columns:1fr 1fr;height:.54rem;margin:-.16rem -.16rem .18rem;border-radius:.1rem .1rem 0 0;overflow:hidden;background:#102e66}
.ch-detail-flow + .ch-mode-tabs{margin-top:0;border-radius:.08rem}
.ch-mode-tabs button{border:0;background:transparent;color:#dbe8ff;font-size:.15rem;font-weight:900}
.ch-mode-tabs button.active{background:#d81f32;color:#fff}
.ch-field-line{display:flex;align-items:center;justify-content:space-between;gap:.1rem;margin-bottom:.08rem}
.ch-field-label{display:block;color:#9fb0ca;font-size:.13rem}
.ch-field-line span{color:#ffe49b;font-size:.12rem;white-space:nowrap}
.ch-money-wrap{display:flex;align-items:flex-end;gap:.08rem;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:.04rem}
.ch-money-wrap b{color:#ffd15c;font-size:.14rem;line-height:.28rem}
.ch-money-input{width:100%;height:.48rem;border:0;font-size:.3rem;font-weight:900;color:#fff;outline:0;background:transparent;min-width:0}
.ch-amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.1rem;margin:.14rem 0}
.ch-amount-grid button{height:.44rem;border:1px solid rgba(255,255,255,.12);border-radius:.08rem;background:rgba(255,255,255,.08);font-size:.18rem;color:#fff}
.ch-amount-grid button.active{background:var(--ch-gold);color:#1a1406;border-color:var(--ch-gold);font-weight:900;box-shadow:0 .12rem .24rem rgba(255,209,92,.18)}
.ch-tutorial{position:relative;width:100%;min-height:.54rem;border:1px solid rgba(255,209,92,.28);border-radius:.08rem;background:rgba(255,209,92,.14);color:#ffe49b;text-align:left;padding:.08rem .38rem .08rem .14rem;font-size:.14rem;font-weight:800}
.ch-tutorial:after{content:"";position:absolute;right:.15rem;top:50%;width:.09rem;height:.09rem;border-right:2px solid #ffe49b;border-bottom:2px solid #ffe49b;transform:translateY(-60%) rotate(45deg);transition:.2s}
.ch-tutorial.open:after{transform:translateY(-30%) rotate(225deg)}
.ch-tutorial span{display:block;color:#fff;font-size:.14rem;line-height:.18rem}
.ch-tutorial em{display:block;font-style:normal;color:#ffe49b;font-size:.12rem;line-height:.17rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-tutorial-body{display:none;margin-top:.12rem;padding:.12rem;border-radius:.08rem;background:rgba(0,0,0,.2);color:#dbe8ff;font-size:.13rem;line-height:.22rem;max-height:2.8rem;overflow:auto}
.ch-tutorial-body.open{display:block}
.ch-tutorial-body img{max-width:100%;height:auto;border-radius:.08rem;margin:.08rem 0}
.ch-info-card label{display:grid;grid-template-columns:minmax(.82rem,.98rem) minmax(0,1fr);align-items:center;min-height:.56rem;border-bottom:1px solid rgba(255,255,255,.1);gap:.08rem}
.ch-info-card label:last-child{border-bottom:0}
.ch-info-card span{font-size:.14rem;color:#9fb0ca;line-height:.18rem;min-width:0;word-break:break-word}
.ch-info-card input,.ch-info-card textarea{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:.14rem;color:#fff}
.ch-info-card input::placeholder,.ch-info-card textarea::placeholder{color:#7384a2}
.ch-info-card textarea{height:1.42rem;padding:.16rem 0;line-height:.22rem}
.textarea-label{align-items:flex-start!important}
.ch-attrs h2{font-size:.16rem;margin:0 0 .08rem;color:#fff}
.ch-attrs p{display:flex;justify-content:space-between;gap:.1rem;padding:.08rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
.ch-attrs span{color:#9fb0ca}
.ch-attrs em{font-style:normal;color:#fff;text-align:right}
.ch-pay-spacer{height:calc(.98rem + env(safe-area-inset-bottom))}
.ch-paybar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:.1rem;padding:.1rem .12rem calc(.1rem + env(safe-area-inset-bottom));background:rgba(5,9,21,.94);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -.12rem .3rem rgba(0,0,0,.35);backdrop-filter:blur(18px)}
.ch-pay-info{min-width:0;flex:1}
.ch-pay-info span{display:block;font-size:.11rem;color:#ffd15c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-pay-info strong{display:block;font-size:.19rem;color:#fff;line-height:.25rem}
.ch-paybar button{min-width:1.1rem;height:.46rem;padding:0 .16rem;border:0;border-radius:.23rem;background:linear-gradient(135deg,#d81f32,#ff8248);color:#fff;font-size:.15rem;font-weight:900;flex:0 0 auto;white-space:nowrap}
.ch-paybar button.is-loading{opacity:.68}

.ch-orders,.ch-simple-page{min-height:100vh;padding:.16rem .14rem .84rem;background:linear-gradient(180deg,#071026 0,#0a1428 100%);color:#fff}
.ch-orders-head,.ch-simple-head{display:flex;align-items:center;justify-content:center;position:relative;height:.5rem}
.ch-orders-head h1,.ch-simple-head h1{font-size:.2rem;font-weight:900}
.ch-online-state{position:absolute;right:0;top:.1rem;padding:.04rem .1rem;border-radius:.14rem;background:#d81f32;color:#fff;font-size:.12rem}
.ch-simple-head button{position:absolute;left:0;border:0;background:transparent;color:#ffd15c;font-size:.32rem}
.ch-simple-head span{position:absolute;right:0;font-size:.12rem;color:#9fb0ca}
.ch-order-tabs{display:flex;overflow-x:auto;margin:.14rem 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:.1rem}
.ch-order-tabs::-webkit-scrollbar{display:none}
.ch-order-tabs button{flex:0 0 auto;min-width:.72rem;height:.48rem;border:0;background:transparent;font-size:.13rem;color:#9fb0ca;position:relative;white-space:nowrap}
.ch-order-tabs .tab-curr{font-weight:900;color:#fff}
.ch-order-tabs .tab-curr:after{content:"";position:absolute;left:.2rem;right:.2rem;bottom:0;height:.03rem;border-radius:.03rem;background:#ffd15c}
.ch-order-card{margin:.12rem 0;padding:.14rem;border:1px solid rgba(255,255,255,.12);border-radius:.1rem;background:rgba(255,255,255,.08);box-shadow:0 .12rem .3rem rgba(0,0,0,.22)}
.ch-order-card-head,.ch-order-card-foot{display:flex;justify-content:space-between;align-items:center;gap:.08rem;color:#9fb0ca;font-size:.12rem}
.ch-order-card-head b{color:#ffd15c}
.ch-order-goods{display:flex;gap:.12rem;padding:.12rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin:.1rem 0}
.ch-order-goods img{width:.58rem;height:.58rem;object-fit:contain;border-radius:.08rem;background:#eef4ff;flex:0 0 .58rem}
.ch-order-goods strong{display:block;font-size:.15rem;color:#fff}
.ch-order-goods em,.ch-order-goods p{display:block;font-style:normal;color:#9fb0ca;font-size:.12rem;line-height:.18rem}
.ch-order-actions{text-align:right;margin-top:.1rem}
.ch-order-actions button{height:.34rem;padding:0 .14rem;border:0;border-radius:.17rem;background:#d81f32;color:#fff}
.ch-order-actions .muted{background:rgba(255,255,255,.12);color:#c7d4ea}
.ch-empty{text-align:center;color:#9fb0ca;padding:1rem 0}
.ch-order-frame{background:#071026!important;color:#fff!important}
.ch-detail-drawer{padding:.12rem;background:#071026;color:#fff}
.ch-detail-status{font-size:.18rem;font-weight:900;color:#ffd15c;margin-bottom:.12rem}
.ch-detail-line{padding:.1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
.ch-detail-line span{display:block;color:#9fb0ca;font-size:.12rem}
.ch-detail-line strong,.ch-detail-line b{font-size:.15rem;color:#fff}
.ch-detail-line pre{white-space:pre-wrap;font-size:.12rem;line-height:.2rem;color:#dbe8ff;background:rgba(255,255,255,.08);border-radius:.08rem;padding:.08rem;margin:.06rem 0 0}
.ch-detail-pairs{display:grid;gap:.06rem;margin:.08rem 0 0}
.ch-detail-pairs p{margin:0;padding:.08rem .1rem;border-radius:.08rem;background:rgba(255,255,255,.08);color:#dbe8ff;font-size:.12rem;line-height:.19rem;word-break:break-word}
.wst-cover{background:rgba(2,5,12,.72)!important;opacity:1!important;backdrop-filter:blur(8px)}
.ch-order-frame{
  top:0!important;
  height:100vh!important;
  background:linear-gradient(180deg,#10224a,#071026)!important;
  box-shadow:-.18rem 0 .46rem rgba(0,0,0,.42);
}
.ch-order-frame .title{
  height:.52rem!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.06)!important;
}
.ch-order-frame .title span{height:.52rem!important;line-height:.52rem!important;color:#fff!important;font-weight:900}
.ch-order-frame .title i{
  left:.12rem!important;
  top:.11rem!important;
  width:.3rem!important;
  height:.3rem!important;
  border-radius:.09rem;
  background:none!important;
}
.ch-order-frame .title i:before{
  content:"";
  display:block;
  width:.11rem;
  height:.11rem;
  margin:.09rem .1rem;
  border-left:2px solid #ffd15c;
  border-bottom:2px solid #ffd15c;
  transform:rotate(45deg);
}
.ch-order-frame .content{height:calc(100vh - .52rem)!important;background:transparent!important;overflow:auto!important}
.wst-cancel-box{
  left:.12rem!important;
  right:.12rem!important;
  bottom:.16rem!important;
  width:auto!important;
  display:none;
  padding:.14rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:.14rem!important;
  background:linear-gradient(180deg,#10224a,#071026)!important;
  box-shadow:0 .2rem .5rem rgba(0,0,0,.44);
}
.wst-cancel-box .title{padding:.04rem 0 .08rem!important;color:#fff!important;font-size:.18rem!important}
.wst-cancel-box .desc{padding:0 0 .12rem!important;color:#cfe0ff!important;text-align:center}
.wst-cancel-box .bottom-two-btn-box{height:auto!important;padding:0!important;background:transparent!important;gap:.08rem}
.wst-cancel-box .bottom-two-btn-box button{height:.42rem!important;margin:0!important;border:0!important;border-radius:.21rem!important;font-weight:900}
.wst-cancel-box .wst-dialog-b1{background:rgba(255,255,255,.12)!important;color:#dbe8ff!important}
.wst-cancel-box .wst-dialog-b2{background:linear-gradient(135deg,#d81f32,#ff8248)!important;color:#fff!important}
.ch-simple-panel{margin:.2rem 0;padding:.24rem;border-radius:.12rem;background:linear-gradient(135deg,#d81f32,#123a7c);color:#fff;text-align:center;box-shadow:0 .16rem .36rem rgba(0,0,0,.28)}
.ch-simple-count{font-size:.48rem;font-weight:900}
.ch-simple-list{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:.1rem;overflow:hidden}
.ch-simple-list a{display:flex;justify-content:space-between;padding:.16rem;border-bottom:1px solid rgba(255,255,255,.1)}
.ch-simple-list a:last-child{border-bottom:0}
.ch-simple-list b{color:#ffd15c}
.ch-simple-list em{font-style:normal;color:#ffd15c;font-size:.22rem}

.ch-crypto-hero,.ch-promo-hero,.ch-bonus-hero{
  margin:.12rem 0 .14rem;
  padding:.22rem .18rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:.1rem;
  background:
    linear-gradient(135deg,rgba(216,31,50,.28),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
  box-shadow:0 .16rem .36rem rgba(0,0,0,.25);
}
.ch-crypto-hero span,.ch-promo-hero span,.ch-bonus-hero span{display:block;color:#ffd15c;font-size:.12rem;font-weight:900}
.ch-crypto-hero strong,.ch-promo-hero strong,.ch-bonus-hero strong{display:block;margin:.04rem 0;font-size:.42rem;line-height:.48rem;color:#fff;font-weight:900}
.ch-crypto-hero em,.ch-promo-hero em,.ch-bonus-hero em{display:block;font-style:normal;font-size:.13rem;line-height:.2rem;color:#cfe0ff}
.ch-crypto-address,.ch-crypto-rules,.ch-promo-code,.ch-promo-levels,.ch-bonus-board{
  margin:.12rem 0;
  padding:.16rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.1rem;
  background:rgba(255,255,255,.08);
  box-shadow:0 .12rem .3rem rgba(0,0,0,.22);
}
.ch-crypto-address span,.ch-promo-code span{display:block;color:#9fb0ca;font-size:.12rem;margin-bottom:.04rem}
.ch-crypto-address strong,.ch-promo-code strong{display:block;color:#fff;font-size:.2rem;line-height:.28rem;font-weight:900;word-break:break-word}
.ch-crypto-address p{margin:.04rem 0 .12rem;padding:.12rem;border-radius:.08rem;background:rgba(0,0,0,.22);color:#ffe49b;font-size:.13rem;line-height:.2rem;word-break:break-all}
.ch-promo-code p{grid-column:1/3;margin:.04rem 0 0;padding:.12rem;border-radius:.08rem;background:rgba(0,0,0,.22);color:#dbe8ff;font-size:.13rem;line-height:.21rem}
.ch-crypto-address button,.ch-promo-code button{height:.4rem;padding:0 .16rem;border:0;border-radius:.2rem;background:linear-gradient(135deg,#ffd15c,#fff1ad);color:#261500;font-weight:900}
.ch-deposit-card{text-align:center}
.ch-deposit-card span,.ch-deposit-card strong{text-align:left}
.ch-deposit-qr{display:flex;align-items:center;justify-content:center;width:2.18rem;height:2.18rem;margin:.14rem auto;padding:.12rem;border-radius:.14rem;background:linear-gradient(145deg,#fff,#dfe8f8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 .18rem .34rem rgba(0,0,0,.26)}
.ch-deposit-qr img{display:block;width:100%;height:100%;object-fit:contain}
.ch-deposit-qr-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:.1rem;background:#eef3fb;color:#31435f;font-size:.13rem;font-weight:900}
.ch-crypto-form label{display:flex;align-items:center;gap:.1rem;min-height:.46rem;margin:.1rem 0;padding:0 .12rem;border:1px solid rgba(255,255,255,.12);border-radius:.08rem;background:rgba(0,0,0,.18)}
.ch-crypto-form label em{width:.72rem;flex:0 0 .72rem;font-style:normal;color:#9fb0ca;font-size:.12rem}
.ch-crypto-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:.14rem}
.ch-crypto-form input::placeholder{color:#7384a2}
.ch-crypto-form button.is-loading{opacity:.68}
.ch-crypto-record{margin:.08rem 0;padding:.1rem;border-radius:.08rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.ch-crypto-record strong{font-size:.14rem!important;line-height:.2rem!important}
.ch-crypto-record em{display:inline-flex;margin:.04rem 0;font-style:normal;color:#ffd15c;font-size:.12rem}
.ch-crypto-rules h2,.ch-bonus-board h2{font-size:.17rem;margin:0 0 .08rem;color:#fff}
.ch-crypto-rules p,.ch-bonus-board p{font-size:.13rem;line-height:.22rem;color:#cfe0ff;margin:.06rem 0}
.ch-profile-card{margin:.12rem 0 .14rem;padding:.22rem .16rem;text-align:center;border:1px solid rgba(255,255,255,.13);border-radius:.12rem;background:linear-gradient(135deg,rgba(216,31,50,.24),rgba(37,109,255,.12));box-shadow:0 .16rem .36rem rgba(0,0,0,.25)}
.ch-profile-avatar{width:.86rem;height:.86rem;margin:0 auto .12rem;border-radius:50%;padding:.04rem;background:linear-gradient(135deg,#ffd15c,#d81f32);box-shadow:0 .16rem .34rem rgba(0,0,0,.3);overflow:hidden;line-height:0}
.ch-profile-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:#08142d}
.ch-profile-card strong{display:block;color:#fff;font-size:.22rem;line-height:.3rem;font-weight:900}
.ch-profile-card span{display:block;color:#cfe0ff;font-size:.13rem}
.ch-profile-list a{align-items:center;gap:.12rem}
.ch-profile-list b{max-width:58%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-wallet-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.1rem;margin:.12rem 0}
.ch-wallet-actions a{min-width:0;padding:.14rem .08rem;border:1px solid rgba(255,255,255,.12);border-radius:.1rem;background:rgba(255,255,255,.08);text-align:center;box-shadow:0 .12rem .28rem rgba(0,0,0,.2)}
.ch-wallet-actions b{display:inline-flex;align-items:center;justify-content:center;width:.34rem;height:.34rem;border-radius:.1rem;background:linear-gradient(135deg,#ffd15c,#fff1ad);color:#261500;font-size:.16rem}
.ch-wallet-actions span{display:block;margin-top:.08rem;color:#dbe8ff;font-size:.12rem;white-space:nowrap}
.ch-wallet-drawer{background:#071026!important;color:#fff!important}
.ch-wallet-drawer .title{height:.5rem!important;line-height:.5rem!important;background:#10224a!important;color:#fff!important}
.ch-wallet-drawer .item{background:rgba(255,255,255,.08)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.ch-wallet-money-line{display:flex;align-items:center;gap:.08rem}
.ch-wallet-money-line input{min-width:0;flex:1;border:0!important;background:transparent!important;color:#fff!important;text-align:right}
.ch-wallet-drawer .button{width:calc(100% - .24rem)!important;margin:.12rem!important;height:.46rem!important;border:0!important;border-radius:.23rem!important;background:linear-gradient(135deg,#d81f32,#ff8248)!important;color:#fff!important;font-weight:900!important}
.ch-ledger-page{
  background:
    radial-gradient(circle at 82% 0,rgba(255,209,92,.14),transparent 26%),
    radial-gradient(circle at 6% 18%,rgba(216,31,50,.18),transparent 28%),
    linear-gradient(180deg,#071026 0,#0a1428 55%,#050915 100%);
}
.ch-ledger-summary{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.1rem;
  margin:.12rem 0 .16rem;
}
.ch-ledger-summary div{
  min-height:.86rem;
  padding:.15rem .13rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:.12rem;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055)),
    radial-gradient(circle at 100% 0,rgba(216,31,50,.18),transparent 36%);
  box-shadow:0 .14rem .32rem rgba(0,0,0,.24);
}
.ch-ledger-summary span{display:block;color:#9fb0ca;font-size:.12rem}
.ch-ledger-summary strong{
  display:block;
  margin-top:.08rem;
  color:#fff;
  font-size:.25rem;
  line-height:.3rem;
  font-weight:900;
  word-break:break-all;
}
.ch-ledger-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.12rem;
  margin:.08rem 0 .1rem;
}
.ch-ledger-title strong{color:#fff;font-size:.18rem;line-height:.24rem;font-weight:900}
.ch-ledger-title span{color:#9fb0ca;font-size:.12rem;white-space:nowrap}
.ch-ledger-list{display:grid;gap:.1rem;padding-bottom:.14rem}
.ch-ledger-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.12rem;
  min-height:.74rem;
  padding:.13rem;
  border:1px solid rgba(255,255,255,.11);
  border-radius:.1rem;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045));
  box-shadow:0 .1rem .24rem rgba(0,0,0,.18);
}
.ch-ledger-item div{min-width:0}
.ch-ledger-item strong{
  display:block;
  color:#fff;
  font-size:.145rem;
  line-height:.21rem;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ch-ledger-item span,.ch-ledger-item em{
  display:block;
  margin-top:.04rem;
  color:#9fb0ca;
  font-size:.115rem;
  line-height:.16rem;
  font-style:normal;
}
.ch-ledger-money{
  flex:0 0 auto;
  max-width:1.18rem;
  color:#ff6b73;
  font-size:.18rem;
  line-height:.24rem;
  font-weight:900;
  text-align:right;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ch-ledger-money.income{color:#ffd15c}
.ch-ledger-money.expense{color:#ff7a82}
.ch-ledger-empty,.ch-ledger-load{
  margin:.1rem 0;
  padding:.28rem .12rem;
  border:1px dashed rgba(255,255,255,.14);
  border-radius:.1rem;
  background:rgba(255,255,255,.055);
  color:#9fb0ca;
  font-size:.13rem;
  text-align:center;
}
.ch-paypass-page{
  padding-bottom:.3rem;
  background:
    radial-gradient(circle at 86% 0,rgba(255,209,92,.14),transparent 26%),
    radial-gradient(circle at 0 18%,rgba(216,31,50,.22),transparent 28%),
    linear-gradient(180deg,#071026 0,#0a1428 58%,#050915 100%);
}
.ch-paypass-hero{
  position:relative;
  margin:.12rem 0 .14rem;
  min-height:1.26rem;
  padding:.2rem .16rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:.12rem;
  background:
    linear-gradient(122deg,rgba(216,31,50,.62) 0 20%,transparent 20% 100%),
    radial-gradient(circle at 86% 18%,rgba(255,209,92,.2),transparent 26%),
    linear-gradient(145deg,#071026 0,#173a71 62%,#080e1b 100%);
  box-shadow:0 .16rem .36rem rgba(0,0,0,.28);
}
.ch-paypass-hero:after{
  content:"";
  position:absolute;
  right:-.42rem;
  top:-.68rem;
  width:1.7rem;
  height:1.7rem;
  border-radius:50%;
  background:repeating-conic-gradient(from -18deg,rgba(255,209,92,.18) 0 5deg,transparent 5deg 12deg);
}
.ch-paypass-hero span,.ch-paypass-hero strong,.ch-paypass-hero em{position:relative;z-index:1}
.ch-paypass-hero span{display:block;color:#ffe49b;font-size:.12rem;font-weight:900}
.ch-paypass-hero strong{display:block;margin:.04rem 0;color:#fff;font-size:.28rem;line-height:.35rem;font-weight:900}
.ch-paypass-hero em{display:block;color:#dbe8ff;font-size:.13rem;line-height:.2rem;font-style:normal}
.ch-paypass-form{
  margin:.12rem 0;
  padding:.06rem .14rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.12rem;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045));
  box-shadow:0 .12rem .28rem rgba(0,0,0,.2);
}
.ch-paypass-form label{
  min-height:.58rem;
  display:flex;
  align-items:center;
  gap:.12rem;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.ch-paypass-form label:last-child{border-bottom:0}
.ch-paypass-form em{
  width:.72rem;
  flex:0 0 .72rem;
  color:#9fb0ca;
  font-size:.13rem;
  line-height:.18rem;
  font-style:normal;
  white-space:nowrap;
}
.ch-paypass-form input{
  min-width:0;
  flex:1;
  height:.44rem;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-size:.16rem;
  letter-spacing:.08rem;
}
.ch-paypass-form input::placeholder{
  color:#7384a2;
  letter-spacing:0;
}
.ch-paypass-link{
  display:inline-flex;
  margin:.02rem 0 .14rem;
  color:#ffd15c;
  font-size:.13rem;
  line-height:.2rem;
}
.ch-paypass-submit{
  width:100%;
  height:.46rem;
  border:0;
  border-radius:.23rem;
  background:linear-gradient(135deg,#d81f32,#ff5c61);
  color:#fff;
  font-size:.15rem;
  font-weight:900;
  box-shadow:0 .14rem .3rem rgba(216,31,50,.24);
}
.ch-paypass-submit.active,.ch-paypass-submit:disabled{
  opacity:.68;
}
.ch-promo-code{display:grid;grid-template-columns:1fr auto;gap:.08rem;align-items:end}
.ch-promo-code span{grid-column:1/3}
.ch-promo-code strong{font-size:.15rem;line-height:.22rem;padding:.1rem;border-radius:.08rem;background:rgba(255,255,255,.07)}
.ch-promo-levels{display:grid;grid-template-columns:1fr;gap:.08rem}
.ch-promo-levels div{padding:.12rem;border-radius:.08rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.ch-promo-levels b{display:block;color:#ffd15c;font-size:.15rem;margin-bottom:.03rem}
.ch-promo-levels span{display:block;color:#dbe8ff;font-size:.13rem;line-height:.2rem}
.ch-crypto-links,.ch-promo-links,.ch-bonus-links{margin-top:.14rem}

.ch-auth{min-height:100vh;padding:.64rem .3rem;background:linear-gradient(150deg,#050915 0,#12315f 58%,#d81f32 130%);position:relative;overflow:hidden;color:#fff}
.ch-auth-rings{position:absolute;left:50%;top:-.28rem;width:2.9rem;height:2.9rem;border-radius:50%;transform:translateX(-50%);background:repeating-radial-gradient(circle,rgba(255,209,92,.16) 0 .34rem,rgba(255,255,255,.04) .35rem .64rem)}
.ch-auth-logo{position:relative;text-align:center;margin-bottom:.34rem}
.ch-auth-logo img{width:.94rem;height:.94rem;object-fit:contain;border-radius:50%;background:#050915;padding:.1rem;border:1px solid rgba(255,209,92,.34);box-shadow:0 .16rem .34rem rgba(0,0,0,.34)}
.ch-auth-logo p{margin-top:.12rem;font-size:.16rem;color:#dbe8ff}
.ch-auth-form{position:relative}
.ch-auth-form label{display:flex;align-items:center;margin-bottom:.16rem;height:.56rem;border-radius:.1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);overflow:hidden}
.ch-auth-form input{width:100%;height:100%;border:0;outline:0;padding:0 .14rem;font-size:.15rem;background:transparent;color:#fff}
.ch-auth-form input::placeholder{color:#8190ad}
.ch-auth-form .with-code img{width:.9rem;height:.4rem;margin-right:.08rem;object-fit:cover}
.ch-auth-form .send{padding:0 .12rem;color:#ffd15c;font-size:.13rem;white-space:nowrap}
.ch-auth-btn{width:100%;height:.6rem;border:0;border-radius:.3rem;background:linear-gradient(135deg,#d81f32,#ff8248);color:#fff;font-size:.18rem;font-weight:900;box-shadow:0 .16rem .34rem rgba(216,31,50,.32)}
.ch-auth-links{display:flex;justify-content:center;gap:.18rem;margin-top:.18rem;color:#9fb0ca;font-size:.14rem}
.ch-auth-links a{color:#ffd15c}
.ch-miniapp{min-height:100vh;padding:.28rem .16rem;background:linear-gradient(150deg,#050915 0,#12315f 54%,#d81f32 145%);color:#fff}
.ch-miniapp-silent{display:none}
.ch-miniapp-error{display:block}
.ch-miniapp-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.22rem}
.ch-miniapp-top strong{font-size:.22rem}
.ch-miniapp-top span{font-size:.12rem;color:#d8e6ff}
.ch-miniapp-panel{padding:.2rem;border-radius:.12rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);box-shadow:0 .18rem .44rem rgba(0,0,0,.25)}
.ch-miniapp-state{display:flex;gap:.1rem;align-items:center;margin-bottom:.18rem}
.ch-miniapp-state i{width:.12rem;height:.12rem;border-radius:50%;background:#48de83;box-shadow:0 0 0 .06rem rgba(72,222,131,.16)}
.ch-miniapp-state i.off{background:#ff5362}
.ch-miniapp-state strong{font-size:.18rem}
.ch-miniapp-state p{font-size:.12rem;color:#cfe0f7}
.ch-miniapp-panel button{width:100%;height:.58rem;border:0;border-radius:.1rem;background:#d81f32;color:#fff;font-size:.2rem;font-weight:900}
.ch-miniapp-actions{display:grid;grid-template-columns:1fr 1fr;gap:.1rem;margin-top:.14rem}
.ch-miniapp-actions a{height:.44rem;border-radius:.1rem;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}

.ch-user{min-height:100vh;padding:0 .12rem .84rem;color:#fff;overflow:hidden}
.ch-user-hero{position:relative;margin:0 -.12rem;padding:.14rem .12rem .24rem;background:linear-gradient(145deg,#071026 0,#173a71 58%,#080e1b 100%);overflow:hidden}
.ch-user-hero:before{content:none}
.ch-user-light{position:absolute;border-radius:50%;pointer-events:none}
.ch-user-light-a{width:2.2rem;height:2.2rem;right:-.72rem;top:-.66rem;background:repeating-conic-gradient(from -18deg,rgba(255,209,92,.18) 0 5deg,transparent 5deg 12deg)}
.ch-user-light-b{width:1.6rem;height:1.6rem;left:-.8rem;bottom:-.82rem;background:radial-gradient(circle,rgba(216,31,50,.32),transparent 70%)}
.ch-user-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:.36rem}
.ch-user-top strong{font-size:.18rem;font-weight:900}
.ch-user-back,.ch-user-msg{height:.34rem;min-width:.42rem;padding:0 .1rem;border:1px solid rgba(255,255,255,.16);border-radius:.1rem;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.ch-user-back{font-size:.3rem;line-height:.3rem}
.ch-user-msg{position:relative;font-size:.12rem;color:#ffd15c}
.ch-user-msg b{position:absolute;right:-.04rem;top:-.04rem;min-width:.16rem;height:.16rem;line-height:.16rem;border-radius:.08rem;background:#d81f32;color:#fff;font-size:.1rem;text-align:center}
.ch-user-card{position:relative;z-index:1;display:flex;align-items:center;gap:.12rem;margin:.16rem 0 .14rem}
.ch-user-avatar{width:.68rem;height:.68rem;border-radius:50%;background:#08142d;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 .16rem .32rem rgba(0,0,0,.3);flex:0 0 .68rem;line-height:0}
.ch-user-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.ch-user-meta{min-width:0;flex:1}
.ch-user-meta span{display:block;font-size:.1rem;color:#ffd15c;font-weight:900}
.ch-user-meta h1{font-size:.22rem;line-height:.28rem;margin:.03rem 0;color:#fff;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-user-meta p{font-size:.12rem;color:#cfe0ff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-user-set{height:.34rem;padding:0 .12rem;border-radius:.1rem;background:#d81f32;display:flex;align-items:center;font-size:.12rem;font-weight:800;flex:0 0 auto}
.ch-user-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:.08rem}
.ch-user-stats a{padding:.1rem .04rem;border:1px solid rgba(255,255,255,.13);border-radius:.1rem;background:rgba(255,255,255,.08);text-align:center;min-width:0}
.ch-user-stats b{display:block;font-size:.17rem;color:#fff;line-height:.22rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-user-stats span{font-size:.11rem;color:#9fb0ca}
.ch-user-command{display:grid;grid-template-columns:1fr 1fr;gap:.1rem;margin:.14rem 0}
.ch-user-command a{min-height:.96rem;padding:.14rem;border:1px solid rgba(255,255,255,.12);border-radius:.1rem;background:rgba(255,255,255,.08);box-shadow:0 .12rem .3rem rgba(0,0,0,.22)}
.ch-user-command i{width:.34rem;height:.34rem;border-radius:.09rem;background:linear-gradient(135deg,#d81f32,#ff8248);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;margin-bottom:.1rem}
.ch-user-command strong{display:block;font-size:.15rem;color:#fff}
.ch-user-command span{display:block;margin-top:.03rem;font-size:.12rem;line-height:.18rem;color:#9fb0ca}
.ch-user-section{margin-top:.14rem}
.ch-user-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.08rem}
.ch-user-section-head h2{font-size:.17rem;margin:0;font-weight:900}
.ch-user-section-head span{font-size:.12rem;color:#9fb0ca}
.ch-user-list{border:1px solid rgba(255,255,255,.12);border-radius:.1rem;overflow:hidden;background:rgba(255,255,255,.08)}
.ch-user-list a{display:flex;align-items:center;justify-content:space-between;height:.5rem;padding:0 .14rem;border-bottom:1px solid rgba(255,255,255,.1)}
.ch-user-list a:last-child{border-bottom:0}
.ch-user-list span{font-size:.14rem;color:#fff}
.ch-user-list em{font-style:normal;color:#ffd15c;font-size:.22rem}
@media (max-width:340px){
  .ch-service-grid,.ch-user-command{grid-template-columns:1fr}
  .ch-goods-grid{grid-template-columns:1fr}
  .ch-amount-grid{grid-template-columns:repeat(2,1fr)}
  .ch-hero h1{font-size:.34rem;line-height:.4rem}
  .ch-hero-stats span{font-size:.1rem}
  .ch-hero{min-height:4.72rem}
  .ch-hero-stage{width:2.75rem;right:-.52rem;opacity:.76}
  .ch-command-strip{grid-template-columns:1fr}
  .ch-info-card label{grid-template-columns:1fr;gap:.04rem;padding:.1rem 0}
  .ch-paybar{align-items:flex-start}
  .ch-paybar button{min-width:.96rem;padding:0 .12rem}
}

@media (min-width:390px){
  .ch-banner{min-height:2.34rem}
  .ch-banner img,.ch-banner-fallback{height:2.34rem;min-height:2.34rem}
  .ch-goods-img{height:1.14rem}
}

@media (prefers-reduced-motion: reduce){
  .ch-hero:before,.ch-hero-copy,.ch-hero-stats span,.ch-command-strip span,.ch-service-card,.ch-goods-card{animation:none}
  .ch-service-card,.ch-goods-card{transition:none}
}

@keyframes chSlowSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes chLiftIn{
  from{opacity:0;transform:translateY(.12rem)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes chFadeIn{
  from{opacity:0}
  to{opacity:1}
}

/* 首页视觉精修 */
.wst-menus{
  padding:.055rem .06rem 0!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.wst-menus>.ui-col{width:100%!important;min-width:0!important;display:flex!important;justify-content:center!important}
.wst-menus a{display:flex!important;justify-content:center;width:100%!important;min-width:0}
.wst-menus p{
  width:100%!important;
  height:.52rem!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0!important;
  gap:.015rem;
}
.wst-menus .market:before,.wst-menus .market-active:before{mask-image:linear-gradient(#000,#000);-webkit-mask-image:linear-gradient(#000,#000);clip-path:polygon(8% 30%,28% 10%,72% 10%,92% 30%,92% 88%,8% 88%)}
.wst-menus .market:after,.wst-menus .market-active:after{content:"";position:absolute;left:.07rem;right:.07rem;top:.11rem;height:.02rem;background:#7d8aa4;border-radius:.02rem}
.wst-menus .market-active:after{background:var(--ch-gold)}
.wst-menus .market-active:before{background:var(--ch-gold)}
.home-word,.orders-word,.market-word,.user-word,.home-active-word,.orders-active-word,.market-active-word,.user-active-word{
  display:block!important;
  width:100%!important;
  max-width:none;
  min-width:0;
  height:.18rem!important;
  line-height:.18rem!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  writing-mode:horizontal-tb!important;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing:0;
  text-align:center!important;
}
.orders-word,.orders-active-word,.market-word,.market-active-word{font-size:.1rem}

.ch-hero{
  display:flex;
  align-items:center;
  margin:0 -.12rem .08rem;
  min-height:1.42rem;
  padding:.18rem .16rem .2rem;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 32%),
    linear-gradient(122deg,rgba(216,31,50,.72) 0 18%,transparent 18% 100%),
    radial-gradient(circle at 88% 12%,rgba(255,209,92,.2),transparent 22%),
    linear-gradient(145deg,#071026 0,#14315f 58%,#081021 100%);
  box-shadow:0 .1rem .28rem rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12);
}
.ch-hero-light{position:absolute;pointer-events:none;border-radius:50%}
.ch-hero-light-a{
  width:1.65rem;
  height:1.65rem;
  right:-.36rem;
  top:-.72rem;
  background:repeating-conic-gradient(from -18deg,rgba(255,209,92,.18) 0 5deg,transparent 5deg 12deg);
  opacity:.72;
}
.ch-hero-light-b{
  width:1.25rem;
  height:1.25rem;
  left:-.58rem;
  bottom:-.58rem;
  background:radial-gradient(circle,rgba(216,31,50,.34),transparent 70%);
}
.ch-hero-copy{max-width:2.85rem;padding:0}
.ch-hero-brand{
  display:flex;
  align-items:center;
  gap:.08rem;
  margin-bottom:.06rem;
  color:#ffe49b;
  font-size:.11rem;
  line-height:.16rem;
  font-weight:900;
}
.ch-hero-logo{
  width:.42rem;
  height:.42rem;
  flex:0 0 .42rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:.12rem;
  overflow:hidden;
  background:rgba(5,9,21,.72);
  border:1px solid rgba(255,209,92,.34);
  box-shadow:0 .08rem .2rem rgba(0,0,0,.3);
}
.ch-hero-logo img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  padding:.045rem;
}
.ch-hero h1{
  font-size:.34rem;
  line-height:.4rem;
  margin:.01rem 0 .04rem;
  text-shadow:0 .06rem .18rem rgba(0,0,0,.42);
}
.ch-hero p{
  max-width:2.95rem;
  font-size:.125rem;
  line-height:.21rem;
  color:#dfeaff;
}
.ch-hero-seal{
  position:absolute;
  right:.14rem;
  bottom:.16rem;
  width:.5rem;
  height:.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#2b1800;
  font-size:.2rem;
  font-weight:900;
  background:linear-gradient(135deg,#ffd15c,#fff1ad);
  box-shadow:0 .12rem .26rem rgba(0,0,0,.28);
}
.ch-hero-seal:before{
  content:"";
  position:absolute;
  inset:.06rem;
  border:1px solid rgba(78,45,0,.24);
  border-radius:50%;
}
.ch-hero-seal span{position:relative;z-index:1}

.ch-notice{
  min-height:.44rem;
  padding:.08rem .11rem;
  border-radius:.12rem;
  background:linear-gradient(135deg,rgba(255,209,92,.98),rgba(255,242,192,.98));
  box-shadow:0 .1rem .24rem rgba(0,0,0,.22);
}
.ch-top-notice{margin:.08rem 0 .1rem}
.ch-notice-icon{width:.21rem;height:.21rem}
.ch-news-swiper{height:.26rem}
.ch-news-swiper a{line-height:.26rem;font-size:.13rem}


.ch-banner{
  margin:.12rem 0 .2rem;
  min-height:2.52rem;
  border-radius:.12rem;
  background:#050915;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 .2rem .44rem rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.12);
}
.ch-banner img{
  height:2.52rem;
  object-fit:contain;
  background:#071026;
  filter:saturate(1.06) contrast(1.04);
}
.ch-banner-fallback{
  height:2.52rem;
  min-height:2.52rem;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(255,255,255,.1),transparent 28%),
    linear-gradient(135deg,rgba(216,31,50,.74),transparent 42%),
    radial-gradient(circle at 84% 20%,rgba(255,209,92,.38),transparent 28%),
    linear-gradient(115deg,#08122a 0,#183f82 64%,#07101f 100%);
}

.ch-service-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.12rem;
  margin-bottom:.1rem;
}
.ch-service-card{
  grid-template-columns:.44rem minmax(0,1fr);
  column-gap:.09rem;
  min-height:.86rem;
  padding:.12rem .1rem;
  backdrop-filter:blur(12px);
}
.ch-service-icon{
  width:.42rem;
  height:.42rem;
  border-radius:.11rem;
  font-size:.15rem;
}
.ch-service-card strong{
  display:block;
  min-width:0;
  white-space:nowrap!important;
  word-break:keep-all!important;
  writing-mode:horizontal-tb!important;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:.15rem;
  line-height:.2rem;
}
.ch-service-card em{
  display:block;
  word-break:normal;
  overflow-wrap:break-word;
  line-height:.17rem;
}

@media (max-width:340px){
  .ch-hero{min-height:1.34rem}
  .ch-hero h1{font-size:.3rem;line-height:.36rem}
  .ch-hero-seal{width:.44rem;height:.44rem;font-size:.18rem}
  .ch-banner,.ch-banner img,.ch-banner-fallback{height:2.18rem;min-height:2.18rem}
}

@media (min-width:390px){
  .ch-banner,.ch-banner img,.ch-banner-fallback{height:2.72rem;min-height:2.72rem}
}

.ch-market{
  min-height:100vh;
  padding:0 .12rem .86rem;
  color:#fff;
  background:
    radial-gradient(circle at 86% 2%,rgba(255,209,92,.14),transparent 24%),
    linear-gradient(180deg,#071026 0,#0a1428 54%,#050915 100%);
}
.ch-market-hero{
  position:relative;
  margin:0 -.12rem .12rem;
  min-height:1.62rem;
  padding:.22rem .16rem;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.12rem;
  overflow:hidden;
  background:
    linear-gradient(122deg,rgba(216,31,50,.76) 0 18%,transparent 18% 100%),
    radial-gradient(circle at 86% 18%,rgba(255,209,92,.22),transparent 26%),
    linear-gradient(145deg,#071026 0,#173a71 62%,#080e1b 100%);
  box-shadow:0 .12rem .3rem rgba(0,0,0,.32);
}
.ch-market-hero:after{
  content:"";
  position:absolute;
  right:-.44rem;
  top:-.62rem;
  width:1.8rem;
  height:1.8rem;
  border-radius:50%;
  background:repeating-conic-gradient(from -18deg,rgba(255,209,92,.2) 0 5deg,transparent 5deg 12deg);
  opacity:.72;
}
.ch-market-hero div{position:relative;z-index:1;min-width:0}
.ch-market-hero span{display:block;color:#ffe49b;font-size:.12rem;font-weight:900}
.ch-market-hero h1{margin:.04rem 0;font-size:.34rem;line-height:.4rem;font-weight:900;color:#fff}
.ch-market-hero p{margin:0;max-width:2.6rem;color:#dbe8ff;font-size:.13rem;line-height:.21rem}
.ch-market-hero a{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  height:.38rem;
  padding:0 .14rem;
  display:flex;
  align-items:center;
  border-radius:.19rem;
  color:#261500;
  background:linear-gradient(135deg,#ffd15c,#fff1ad);
  font-size:.13rem;
  font-weight:900;
  box-shadow:0 .12rem .28rem rgba(0,0,0,.24);
}
.ch-market-wallet{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.08rem;
  margin:.12rem 0;
}
.ch-market-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.07rem;
  margin:.12rem 0;
}
.ch-market-flow div{
  position:relative;
  min-width:0;
  min-height:.58rem;
  padding:.08rem .04rem .07rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.1rem;
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.045));
  text-align:center;
  overflow:hidden;
}
.ch-market-flow div:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:.32rem;
  height:.03rem;
  transform:translateX(-50%);
  border-radius:.03rem;
  background:#ffd15c;
}
.ch-market-flow b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:.2rem;
  height:.2rem;
  border-radius:50%;
  background:#d81f32;
  color:#fff;
  font-size:.11rem;
}
.ch-market-flow span{
  display:block;
  margin-top:.04rem;
  color:#dbe8ff;
  font-size:.11rem;
  line-height:.15rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ch-market-wallet div{
  min-width:0;
  padding:.1rem .06rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.1rem;
  background:rgba(255,255,255,.08);
  text-align:center;
}
.ch-market-wallet span{display:block;color:#9fb0ca;font-size:.11rem;white-space:nowrap}
.ch-market-wallet b{display:block;color:#fff;font-size:.16rem;line-height:.22rem;overflow:hidden;text-overflow:ellipsis}
.ch-market-tabs{
  display:flex;
  gap:.06rem;
  overflow-x:auto;
  padding:.04rem;
  margin:.14rem 0 .12rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.12rem;
  background:rgba(255,255,255,.08);
}
.ch-market-tabs::-webkit-scrollbar{display:none}
.ch-market-tabs button{
  flex:0 0 auto;
  min-width:.72rem;
  height:.38rem;
  border:0;
  border-radius:.09rem;
  color:#9fb0ca;
  background:transparent;
  font-size:.13rem;
  white-space:nowrap;
}
.ch-market-tabs button.active{background:#d81f32;color:#fff;font-weight:900}
.ch-market-panel{display:none}
.ch-market-panel.active{display:block}
.ch-market-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.1rem;
  margin:.1rem 0;
}
.ch-market-toolbar strong{
  color:#fff;
  font-size:.18rem;
  line-height:.24rem;
  font-weight:900;
}
.ch-market-toolbar span{
  max-width:2rem;
  color:#9fb0ca;
  font-size:.11rem;
  line-height:.16rem;
  text-align:right;
}
.ch-market-card,.ch-market-merchant,.ch-market-order{
  margin:.12rem 0;
  padding:.14rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.1rem;
  background:
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.05)),
    radial-gradient(circle at 100% 0,rgba(216,31,50,.16),transparent 35%);
  box-shadow:0 .14rem .34rem rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.ch-market-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:.1rem;
}
.ch-market-card-head span,.ch-market-merchant span,.ch-market-order span{display:block;color:#ffd15c;font-size:.11rem;font-weight:900}
.ch-market-card-head strong,.ch-market-merchant strong,.ch-market-order strong{display:block;margin-top:.02rem;color:#fff;font-size:.18rem;line-height:.24rem;font-weight:900}
.ch-market-card-head em{
  display:block;
  margin-top:.03rem;
  color:#9fb0ca;
  font-style:normal;
  font-size:.12rem;
  line-height:.18rem;
}
.ch-market-card-head b{
  flex:0 0 auto;
  height:.26rem;
  line-height:.26rem;
  padding:0 .1rem;
  border-radius:.13rem;
  color:#251500;
  background:#ffd15c;
  font-size:.12rem;
}
.ch-market-price{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:end;
  gap:.08rem;
  margin:.12rem 0 .1rem;
  padding:.1rem .12rem;
  border-radius:.1rem;
  background:
    linear-gradient(100deg,rgba(216,31,50,.22),transparent 42%),
    rgba(5,9,21,.36);
}
.ch-market-price span{
  color:#9fb0ca;
  font-size:.12rem;
  white-space:nowrap;
}
.ch-market-price strong{
  color:#fff;
  font-size:.28rem;
  line-height:.32rem;
  font-weight:900;
}
.ch-market-price em{
  color:#ffd15c;
  font-style:normal;
  font-size:.12rem;
  white-space:nowrap;
}
.ch-market-range{
  display:grid;
  grid-template-columns:1fr;
  gap:.06rem;
  margin:.12rem 0;
}
.ch-market-range span{
  min-height:.32rem;
  display:flex;
  align-items:center;
  gap:.08rem;
  padding:0 .1rem;
  border-radius:.08rem;
  color:#dbe8ff;
  background:rgba(5,9,21,.34);
  font-size:.13rem;
}
.ch-market-range span em{
  flex:0 0 auto;
  min-width:.48rem;
  color:#ffd15c;
  font-style:normal;
  font-weight:900;
}
.ch-market-payments{display:flex;flex-wrap:wrap;gap:.06rem;margin-bottom:.12rem}
.ch-market-payments em{
  font-style:normal;
  height:.28rem;
  line-height:.28rem;
  padding:0 .1rem;
  border-radius:.14rem;
  color:#ffe49b;
  background:rgba(255,209,92,.12);
  font-size:.12rem;
}
.ch-market-card button,.ch-market-merchant button,.ch-market-submit{
  width:100%;
  height:.46rem;
  border:0;
  border-radius:.23rem;
  background:linear-gradient(135deg,#d81f32,#ff8248);
  color:#fff;
  font-size:.15rem;
  font-weight:900;
}
.ch-market-merchant p,.ch-market-order p{
  margin:.08rem 0 .14rem;
  color:#cfe0ff;
  font-size:.13rem;
  line-height:.22rem;
}
.ch-market-empty{
  min-height:1.3rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.ch-market-state-grid{display:grid;grid-template-columns:1fr 1fr;gap:.1rem}
.ch-market-state-grid div{
  min-height:.72rem;
  padding:.12rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.1rem;
  background:rgba(255,255,255,.08);
}
.ch-market-state-grid b{display:block;color:#fff;font-size:.14rem}
.ch-market-state-grid span{display:block;margin-top:.04rem;color:#9fb0ca;font-size:.12rem}
.ch-market-sheet{display:none;position:fixed;inset:0;z-index:150}
.ch-market-sheet.open{display:block}
.ch-market-sheet-mask{position:absolute;inset:0;background:rgba(2,5,12,.72);backdrop-filter:blur(8px)}
.ch-market-sheet-panel{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  max-height:88vh;
  overflow:auto;
  padding:.16rem .14rem calc(.18rem + env(safe-area-inset-bottom));
  border-radius:.16rem .16rem 0 0;
  border-top:1px solid rgba(255,255,255,.13);
  background:linear-gradient(180deg,#10224a,#071026);
  color:#fff;
  box-shadow:0 -.18rem .5rem rgba(0,0,0,.42);
  animation:chSheetUp .18s ease both;
}
.ch-market-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.12rem}
.ch-market-sheet-head span{display:block;color:#ffd15c;font-size:.11rem;font-weight:900}
.ch-market-sheet-head strong{display:block;color:#fff;font-size:.19rem;line-height:.25rem}
.ch-market-sheet-head button{
  width:.34rem;
  height:.34rem;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:.22rem;
}
.ch-market-sheet-quote{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.05rem .08rem;
  align-items:end;
  margin:0 0 .1rem;
  padding:.1rem .12rem;
  border-radius:.1rem;
  background:rgba(255,255,255,.08);
}
.ch-market-sheet-quote span{
  color:#9fb0ca;
  font-size:.12rem;
}
.ch-market-sheet-quote strong{
  color:#fff;
  font-size:.2rem;
  line-height:.24rem;
}
.ch-market-sheet-quote em{
  grid-column:1/3;
  color:#ffd15c;
  font-style:normal;
  font-size:.12rem;
}
.ch-market-sheet-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.06rem;
  margin:0 0 .08rem;
}
.ch-market-sheet-flow span{
  min-width:0;
  height:.32rem;
  line-height:.32rem;
  text-align:center;
  border-radius:.08rem;
  color:#ffe49b;
  background:rgba(255,209,92,.1);
  font-size:.12rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ch-market-sheet label{
  display:grid;
  grid-template-columns:.82rem minmax(0,1fr);
  align-items:center;
  min-height:.54rem;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.ch-market-sheet label span{color:#9fb0ca;font-size:.13rem}
.ch-market-sheet input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:.14rem}
.ch-market-sheet input::placeholder{color:#7384a2}
.ch-market-estimate{
  min-height:.4rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.1rem;
  padding:.08rem .12rem;
  border-radius:.08rem;
  background:rgba(216,31,50,.16);
}
.ch-market-estimate span{
  color:#9fb0ca;
  font-size:.12rem;
}
.ch-market-estimate strong{
  color:#ffd15c;
  font-size:.17rem;
}
.ch-market-lock{
  margin:.12rem 0;
  padding:.1rem .12rem;
  border-radius:.08rem;
  color:#ffe49b;
  background:rgba(255,209,92,.12);
  font-size:.12rem;
  line-height:.2rem;
}

@media (max-width:340px){
  .ch-market-hero{display:block}
  .ch-market-hero a{width:max-content;margin-top:.12rem}
  .ch-market-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ch-market-wallet{grid-template-columns:1fr}
  .ch-market-state-grid{grid-template-columns:1fr}
}

.ch-orders{
  padding:0 .12rem .86rem;
  background:
    radial-gradient(circle at 82% 0,rgba(255,209,92,.12),transparent 25%),
    linear-gradient(180deg,#071026 0,#0a1428 58%,#050915 100%);
}
.ch-orders-hero{
  position:relative;
  margin:0 -.12rem .12rem;
  min-height:1.42rem;
  padding:.22rem .16rem;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.12rem;
  overflow:hidden;
  background:
    linear-gradient(122deg,rgba(216,31,50,.74) 0 18%,transparent 18% 100%),
    radial-gradient(circle at 86% 16%,rgba(255,209,92,.2),transparent 25%),
    linear-gradient(145deg,#071026 0,#173a71 62%,#080e1b 100%);
  box-shadow:0 .12rem .3rem rgba(0,0,0,.32);
}
.ch-orders-hero:after{
  content:"";
  position:absolute;
  right:-.42rem;
  top:-.64rem;
  width:1.78rem;
  height:1.78rem;
  border-radius:50%;
  background:repeating-conic-gradient(from -18deg,rgba(255,209,92,.18) 0 5deg,transparent 5deg 12deg);
  opacity:.7;
}
.ch-orders-hero div{position:relative;z-index:1;min-width:0}
.ch-orders-hero span{display:block;color:#ffe49b;font-size:.12rem;font-weight:900}
.ch-orders-hero h1{margin:.04rem 0;font-size:.32rem;line-height:.38rem;color:#fff;font-weight:900}
.ch-orders-hero p{margin:0;max-width:2.62rem;color:#dbe8ff;font-size:.13rem;line-height:.21rem}
.ch-orders-hero a{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  height:.36rem;
  padding:0 .12rem;
  display:flex;
  align-items:center;
  border-radius:.18rem;
  background:linear-gradient(135deg,#ffd15c,#fff1ad);
  color:#261500;
  font-size:.12rem;
  font-weight:900;
  box-shadow:0 .12rem .28rem rgba(0,0,0,.24);
}
.ch-order-tabs,.ch-order-card{
  backdrop-filter:blur(12px);
}
.ch-order-tabs{
  padding:.04rem;
  border-radius:.12rem;
}
.ch-order-tabs button{
  border-radius:.09rem;
}
.ch-order-tabs .tab-curr{
  background:#d81f32;
}
.ch-order-tabs .tab-curr:after{display:none}
.ch-order-card{
  border-radius:.12rem;
  background:
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.05)),
    radial-gradient(circle at 100% 0,rgba(216,31,50,.14),transparent 35%);
}
.ch-order-card-head b{
  height:.26rem;
  line-height:.26rem;
  padding:0 .1rem;
  border-radius:.13rem;
  background:rgba(255,209,92,.14);
}
.ch-order-actions button{
  min-width:.78rem;
  white-space:nowrap;
}

@keyframes chSheetUp{
  from{transform:translateY(12%);opacity:.65}
  to{transform:translateY(0);opacity:1}
}

/* 商业化服务系统优化 */
.ch-service-matrix{margin-bottom:.14rem}
.ch-service-matrix .ch-service-card{
  grid-template-columns:.44rem minmax(0,1fr);
  min-height:.82rem;
}
.ch-form-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.12rem;
  margin:0 0 .1rem;
}
.ch-form-title span{display:block;color:#ffd15c;font-size:.11rem;font-weight:900}
.ch-form-title strong{display:block;color:#fff;font-size:.17rem;line-height:.23rem}
.ch-form-title em{font-style:normal;color:#9fb0ca;font-size:.11rem;line-height:.18rem;text-align:right}
.ch-info-card span b{color:#ffd15c;margin-left:.02rem}
.ch-info-card .service-field{width:100%}
.ch-extra-field{border-top:1px solid rgba(255,255,255,.1)}
.ch-field-hint{
  margin:.1rem 0 0;
  padding:.09rem .1rem;
  border-radius:.08rem;
  background:rgba(255,255,255,.06);
  color:#9fb0ca;
  font-size:.12rem;
  line-height:.19rem;
}
.ch-user-section-title{
  margin:.16rem 0 .08rem;
  color:#ffd15c;
  font-size:.13rem;
  font-weight:900;
}
.ch-user-section-title + .ch-user-command{margin-top:0}