/* Silver background, quiet depth, and clear mobile reading hierarchy. */
:root{--bg:#ebeef2;--ink:#233044;--muted:#68768a;--line:#dfe5ec}
html{background:#e5e9ee}
body{background:#e5e9ee!important;color:#233044!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.app-shell,.auth-shell{
  background:
    radial-gradient(ellipse 360px 390px at 115% 260px,transparent 69%,#aeb9c523 69.2%,transparent 69.6%,transparent 75%,#aeb9c51c 75.2%,transparent 75.6%,transparent 81%,#aeb9c516 81.2%,transparent 81.6%),
    linear-gradient(145deg,#f1f3f5,#e7ebef)!important;
}
.mobile-main{background:transparent!important}
.topbar{background:#f5f6f8!important;border-bottom:1px solid #dde3eb!important}
.card,.form-card,.list-card,.coin-market-panel,.coin-holdings,.coin-destination,.coin-history,.coin-about,.x-order,.wealth-quick-grid,.wealth-news,.wealth-wallets button,.wealth-mine-services,.lm-account,.lm-service-list,.wealth-rule-card,.wealth-inline-stats,.wealth-rate-grid,.wealth-invite-code,.product-tile,.product-detail-heading{
  background:#fcfcfd!important;border:1px solid #e0e5eb!important;
  box-shadow:0 6px 20px #52617806,inset 0 1px 0 #ffffffc9!important;
}
.page-content{padding-bottom:32px!important}
.wealth-home-quote{background:#f6f8fa!important;border:1px solid #e1e6ed}
.wealth-home-body{padding-top:16px!important;background:linear-gradient(#1677ff 0,#1677ff 75px,transparent 76px)!important}
.x-home-media .x-media-window,.x-home-media .x-media-slide,.x-home-media .x-media-caption{background:#fcfcfd!important}
.x-home-media .x-media-caption{min-height:99px!important;padding:16px!important}
.x-home-media .x-media-caption h1{font-weight:600!important;line-height:1.4!important}
.x-home-media .x-media-caption .rg-hero-link{line-height:1.6!important}
.wealth-quick-grid{padding:22px 12px!important;row-gap:24px!important}
.wealth-quick-grid button,.wealth-mine-services button{line-height:1.5!important;min-height:70px;white-space:normal!important}
.wealth-quick-grid .ui-icon{width:32px;height:32px}
.news-card h3,.product-summary,.product-info-section p,.coin-about p{line-height:1.75!important}
.catalog-masthead p{text-wrap:balance}
.coin-history,.coin-about{padding:20px 16px!important}
.product-summary{min-height:52px;height:auto!important}
.product-card-bottom{flex-wrap:wrap;gap:12px!important}
.product-card-body{padding:17px 14px!important}
.catalog-masthead p,.product-number,.product-detail-hero>span,.wealth-home-quote>small,.wealth-news .news-card time,.wealth-mine-services button,.lm-footnote,.lm-limits span,.lm-account>header,.lm-account-available,.lm-account>header button,.lm-rights-body p{color:#68768a!important}
.catalog-filters{overflow-x:auto;display:flex!important;flex-wrap:nowrap!important;scrollbar-width:none}
.catalog-filters button{flex-shrink:0!important;min-height:44px}
.lm-card{aspect-ratio:auto;min-height:226px;padding:22px!important;gap:24px}
.lm-card-center p,.lm-card>footer{color:#76613e!important;line-height:1.5}
.lm-card>footer{flex-wrap:wrap;row-gap:8px}
.lm-limits{gap:0}
.lm-limits span{line-height:1.65}
.lm-actions button{min-height:48px}
.wealth-wallets small{flex-wrap:wrap;line-height:1.6}
.wealth-token-wallet{gap:6px}
.wealth-token-wallet span{grid-column:1/-1;line-height:1.7}
.wealth-profile-account{line-height:1.65}
.wealth-rule-table>div{flex-wrap:wrap;line-height:1.7}
.wealth-home-head{border-bottom:1px solid #ffffff24}
.auth-shell .input-wrap{min-height:60px!important}
.auth-shell .primary{min-height:54px!important}
.primary,.lm-secondary{min-height:48px;transition:transform .14s,box-shadow .18s,filter .18s}
.primary:not(:disabled):active,.lm-secondary:not(:disabled):active{transform:scale(.98);filter:brightness(.95)}
.bottom-nav{
  background:#f9fafcfa!important;border:1px solid #ffffff!important;border-bottom:0!important;
  border-radius:22px 22px 0 0!important;box-shadow:0 -5px 24px #90a0b51a!important;
  min-height:86px!important;padding:8px 2px max(8px,env(safe-area-inset-bottom))!important;
  backdrop-filter:blur(14px);isolation:isolate;
}
.bottom-nav .nav-item{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  min-height:68px!important;gap:5px!important;color:#68768a!important;
  font-size:14px!important;line-height:1.2!important;border-radius:16px!important;
  transition:transform .16s ease,background .16s ease;color:var(--ink);-webkit-tap-highlight-color:transparent;
}
.bottom-nav .nav-item>span:last-child{white-space:nowrap;letter-spacing:0!important}
.bottom-nav .nav-glyph{width:40px!important;height:34px!important;display:grid!important;place-items:center;
  border:1px solid transparent;border-radius:12px!important;transition:background .22s,transform .22s,border-color .22s;
}
.bottom-nav .nav-glyph .ui-icon{width:27px!important;height:27px!important;transition:transform .22s}
.bottom-nav .nav-item.active{color:#1677ff!important;font-weight:600!important}
.bottom-nav .nav-item.active .nav-glyph{background:#e7f0ff!important;border-color:#d1e3ff;transform:translateY(-1px)}
.bottom-nav .nav-item.active .ui-icon{transform:scale(1.06)}
.bottom-nav .nav-item::after{content:''!important;position:static!important;display:block!important;transform:none!important;
  width:3px!important;height:3px!important;background:transparent!important;border-radius:3px!important;transition:width .22s,background .22s;
}
.bottom-nav .nav-item.active::after{width:15px!important;background:#d4ad63!important}
.bottom-nav .nav-item:active{transform:scale(.94);background:#1677ff0d!important}
.bottom-nav .nav-item:focus-visible{outline:2px solid #1677ff;outline-offset:-2px}
.primary-shell .mobile-main{padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}
@media(max-width:360px){
  .product-catalog{grid-template-columns:1fr!important}
  .wealth-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .wealth-home-quote{flex-wrap:wrap;row-gap:8px}
  .wealth-home-quote>small{display:none}
  .wealth-rule-table>div{gap:7px}
  .lm-limits strong{letter-spacing:-.7px}
}
@media(prefers-reduced-motion:reduce){.bottom-nav *,.primary,.lm-secondary{transition:none!important}}

.nav-item.active .nav-glyph::before{display:none!important}

.coin-chart text{font-size:27px!important;fill:#526176!important}

/* Large-print reading: keep the letters large and give the layout more room. */
body{color:#233044!important;line-height:1.65}
button,input,select,textarea{font-size:20px!important}
.bottom-nav{min-height:124px!important;padding-top:8px!important}
.bottom-nav .nav-item{font-size:20px!important;min-height:108px!important;gap:7px!important}
.bottom-nav .nav-item>span:last-child{white-space:normal!important;overflow-wrap:anywhere;width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;line-height:1.2!important;text-align:center}
.primary-shell .mobile-main{padding-bottom:calc(148px + env(safe-area-inset-bottom))!important}
.wealth-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 10px!important}
.wealth-quick-grid button,.wealth-mine-services button{font-size:20px!important;min-height:90px;line-height:1.5!important;font-weight:500}
.wealth-quick-grid .ui-icon,.wealth-mine-services .ui-icon{width:36px!important;height:36px!important}
.wealth-mine-services{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 12px!important}
.wealth-wallets,.product-catalog{grid-template-columns:1fr!important}
.wealth-wallets button{padding:22px 20px!important}
.wealth-wallets small{align-items:center;gap:10px;line-height:1.6}
.wealth-wallets b{font-size:32px!important;overflow-wrap:anywhere}
.x-home-media .x-media-caption{min-height:155px!important;gap:14px!important}
.x-home-media .x-media-caption .rg-hero-link{white-space:normal!important}
.catalog-masthead h2{font-size:28px!important;line-height:1.5!important}
.catalog-toolbar{align-items:flex-start;gap:10px;flex-wrap:wrap}
.catalog-toolbar h3{margin:0}
.catalog-filters button{min-height:52px;padding:12px 15px!important}
.product-summary{min-height:0!important;line-height:1.8!important}
.product-card-link{min-height:44px}
.news-card{gap:14px!important}
.news-card h3{font-size:24px!important}
.news-card>img{width:82px!important;height:70px!important}
.lm-card{min-height:300px;gap:28px}
.lm-brand{letter-spacing:0!important}
.lm-card>header{flex-wrap:wrap}
.lm-card-center h2{font-size:38px!important}
.lm-limits{grid-template-columns:1fr!important;gap:18px;text-align:left}
.lm-limits>div{border-right:0!important;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #dfe4eb}
.lm-limits strong{font-size:30px!important;white-space:nowrap}
.lm-limits span{margin-top:0!important;text-align:right}
.lm-actions{grid-template-columns:1fr!important;gap:14px}
.lm-actions button,.primary,.secondary{min-height:56px!important}
.lm-rights>summary,.lm-contact{min-height:76px}
.lm-account-available,.lm-legacy,.wealth-home-quote,.wealth-main-wallet>header,.wealth-main-wallet>footer{flex-wrap:wrap;gap:12px}
.coin-market-heading{flex-wrap:wrap;align-items:flex-start}
.coin-market-heading>div{min-width:0;flex:1}
.coin-market-heading b{line-height:1.5}
.coin-market-heading b small{display:block}
.coin-chart-legend,.coin-section-heading,.coin-holdings>header,.coin-destination>header,.coin-record,.wealth-pagination,.wealth-invite-code,.wealth-rule-table>div{flex-wrap:wrap}
.coin-chart-legend{row-gap:12px}
.coin-chart-legend small{margin-left:0}
.coin-chart-dates{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:12px 0;font-size:20px!important;color:#526176}
.coin-actions{grid-template-columns:1fr!important}
.coin-section-heading{row-gap:12px}
.coin-holding-main{flex-wrap:wrap}
.coin-current-price{flex-wrap:wrap}
.wealth-bill-filter>div{grid-template-columns:1fr!important}
.auth-shell .input-wrap{min-height:68px!important}
.auth-shell .input-wrap input{font-size:22px!important}
.auth-shell .primary{min-height:62px!important}
.presentation-accounts{grid-template-columns:1fr!important}
.presentation-accounts button{padding:18px 20px!important}
.list-row{min-height:78px!important;align-items:flex-start!important}
.row-copy{min-width:0}
.row-copy small,.row-copy strong{line-height:1.6!important}
.stats-grid,.x-team-levels{gap:14px!important}
.helper-note,.wealth-footnote,.lm-footnote{color:#526176!important}
@media(max-width:360px){.wealth-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Five destinations, clear large-print content and restrained financial surfaces. */
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:86px!important;border-radius:18px 18px 0 0!important}
.bottom-nav .nav-item{min-height:68px!important;gap:5px!important}
.bottom-nav .nav-item>span:last-child{min-height:24px;white-space:nowrap!important;line-height:1.25!important}
.primary-shell .mobile-main{padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}
.wealth-home-head{background:#f4f6f8!important;color:#233044!important;min-height:74px;padding:16px 16px!important;border:0!important}
.wealth-home-head .x-brand strong{color:#233044!important}
.wealth-home-head .x-brand img{filter:none!important}
.wealth-head-actions button{background:none!important}
.wealth-head-actions .ui-icon{filter:none!important}
.wealth-home-body{background:transparent!important;padding:8px 16px 24px!important}
.wealth-home-body .x-home-media{margin-bottom:10px}
.x-home-media .x-media-caption{min-height:108px!important;padding:14px 16px!important}
.x-home-media .x-media-caption h1{margin-bottom:5px!important}
.wealth-home-quote{padding:13px 14px!important;margin:0 0 16px!important;gap:8px}
.wealth-home-quote>small{display:none!important}
.wealth-services{padding:0 16px!important;border:1px solid #e0e5eb;border-radius:18px!important;background:#fcfcfd!important}
.wealth-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;padding:20px 0 18px!important;border:0!important;box-shadow:none!important;background:transparent!important}
.wealth-quick-grid button{min-height:78px!important;gap:10px!important;font-weight:500}
.wealth-quick-grid .ui-icon{width:32px!important;height:32px!important}
.wealth-announcement{padding:16px 0!important;min-height:65px}
.wealth-announcement b{color:#91713c!important}
.section-head{margin:24px 0 14px!important}
.section-head h2{font-size:25px!important;font-weight:600!important}
.wealth-news{padding:0 18px!important}
.wealth-news .news-card{padding:20px 0!important;align-items:flex-start!important}
.wealth-news .news-card h3{font-size:22px!important;line-height:1.65!important}
.wealth-news .news-card img{margin-top:6px}
.wealth-profile{padding:24px 16px 22px!important;background:#f4f6f8!important;color:#233044!important}
.wealth-person{gap:14px;align-items:flex-start}
.wealth-person>div{flex:1;min-width:0}
.wealth-person h2{color:#233044!important;font-size:32px!important;line-height:1.35}
.wealth-person p{color:#68768a!important;line-height:1.6;margin:6px 0!important;overflow-wrap:anywhere}
.wealth-person>button .ui-icon{filter:none!important}
.wealth-status{color:#8f7441!important;line-height:1.6}
.wealth-profile-body{margin-top:0!important;padding:0 16px 24px!important}
.wealth-profile-entries{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wealth-profile-entries>button{padding:18px 16px;border:1px solid #e0e5eb;border-radius:16px;background:#fcfcfd;text-align:left;color:#233044}
.wealth-profile-entries>button>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.wealth-profile-entries .ui-icon{width:30px;height:30px}
.wealth-profile-entries>button>span>.ui-icon:last-child{width:15px;height:15px}
.wealth-profile-entries strong{font-size:20px;font-weight:600}
.wealth-main-wallet{padding:18px 20px 0!important;background:#fcfcfd!important;border:1px solid #e0e5eb!important;border-radius:18px!important}
.wealth-main-wallet>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#68768a}
.wealth-main-wallet>div:first-child>button{color:#1677ff}
.wealth-main-wallet>strong{display:block;font-size:46px!important;line-height:1.5!important;margin:10px 0 18px!important;color:#233044!important;overflow-wrap:anywhere;letter-spacing:-.5px!important}
.wealth-main-wallet>.primary{display:flex;align-items:center;justify-content:center;min-height:56px!important;border-radius:12px!important;font-size:20px!important;background:#1677ff!important;color:#fff!important;width:100%;margin-bottom:22px}
.wealth-wallet-lines{border-top:1px solid #e1e6ed}
.wealth-wallet-row{padding:20px 0!important;display:block!important;width:100%;border:0!important;border-bottom:1px solid #e1e6ed!important;border-radius:0!important;background:none!important;text-align:left!important;color:#233044!important}
.wealth-wallet-row:last-child{border-bottom:0!important}
.wealth-wallet-row>span{display:flex;align-items:center;gap:10px!important;color:#68768a!important;font-size:20px!important}
.wealth-wallet-row>span>span{flex:1;min-width:0}
.wealth-wallet-row .ui-icon{width:24px!important;height:24px!important}
.wealth-wallet-row>span>.ui-icon:last-child{width:14px!important;height:14px!important}
.wealth-wallet-row>b{display:block;font-size:28px!important;line-height:1.5;margin-top:10px;font-weight:500;overflow-wrap:anywhere}
.wealth-wallet-row>small{display:block!important;color:#68768a!important;font-size:20px!important;line-height:1.6;margin-top:4px}
.wealth-link-group{padding:0 4px!important;overflow:hidden}
.wealth-link-group>.list-row{padding:18px 16px!important;min-height:76px!important;align-items:center!important}
.wealth-link-group>.list-row:last-child{border-bottom:0!important}
.wealth-settings-group{margin-top:20px}
.catalog-masthead{background:transparent!important;border:0!important;padding:4px 0 10px!important;border-radius:0!important}
.catalog-masthead h2{font-size:29px!important;margin:7px 0!important;font-weight:600!important}
.catalog-masthead small{display:none}
.catalog-toolbar{padding-top:5px}
.catalog-toolbar h3{font-size:24px!important}
.product-tile .product-card-main{display:block!important;text-align:left!important}
.product-card-top{display:flex;align-items:center;gap:16px;padding:18px 18px 0}
.product-card-top .product-card-art{flex:0 0 90px;width:90px;height:80px;background:#f2f5f9;border-radius:12px;display:grid;place-items:center}
.product-card-top .product-card-art img{display:block;width:100%!important;height:100%!important;aspect-ratio:auto!important;padding:4px!important}
.product-card-identity{flex:1;min-width:0}
.product-card-identity h3{font-size:24px!important;line-height:1.4!important;margin:7px 0 0!important}
.product-card-identity .product-number{overflow-wrap:anywhere}
.product-card-body{padding:16px 18px 18px!important}
.product-summary{margin:0 0 20px!important;font-size:20px!important;line-height:1.65!important}
.product-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.product-metrics>div{min-width:0}
.product-metrics small{display:block;font-size:20px!important;color:#68768a!important}
.product-metrics strong,.product-metrics b{display:block;font-size:30px!important;font-weight:600!important;line-height:1.5;color:#233044!important;margin-top:6px;overflow-wrap:anywhere}
.product-metrics .wealth-daily-yield{display:block;border:0;padding:0;margin:0}
.product-availability{font-size:20px;color:#68768a;line-height:1.6;margin:14px 0 0}
.product-card-link{border-top:1px solid #e1e6ed;margin-top:18px;padding-top:14px;display:flex;justify-content:flex-end;gap:5px;font-size:20px!important;min-height:44px}
.lm-card{min-height:260px!important;gap:20px!important}
.coin-current-price strong,.wealth-operation-balance strong,.lm-balance{overflow-wrap:anywhere;max-width:100%}
.wealth-main-wallet>.wealth-wallet-lines{display:block!important;margin:0!important}
.app-shell,.auth-shell,.modal{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif!important}
.app-shell button,.app-shell input,.app-shell strong,.app-shell b,.app-shell span,.app-shell p,.app-shell small{font-family:inherit!important}
