@media(min-width:768px){
body.page-home,body.page-profile,body.page-shop,body.page-product,body.page-invite,body.page-group,body.page-withdraw{background:var(--canvas)}
.page-home .page,.page-profile .page,.page-shop .shell,.page-product .shell,.page-group .page,.page-invite .page,.page-withdraw .page{width:calc(100% - 56px);max-width:1200px;margin:28px auto;min-height:calc(100svh - 100px);padding-bottom:90px;background:transparent}
.page-home .nav,.page-profile .nav,.page-shop .bottom-nav{width:calc(100% - 56px);max-width:1200px;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;overflow:hidden}
.page-home .home-hero{max-height:300px;object-fit:cover;object-position:center}.feature-heading{margin:26px 0 18px;font-size:21px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:18px}.page-home .feature-grid .checkin{grid-column:auto}.page-home .feature-card{min-height:106px;padding:22px 18px}.feature-card strong{font-size:21px}.feature-card small{font-size:13px}.feature-card img{right:15px;top:20px;width:38px;height:38px}
.home-updates{grid-template-columns:1fr 1fr;padding:24px 0 0;gap:24px;align-items:stretch}.page-home .video-config{min-height:240px;aspect-ratio:16/9}.page-home .article-config{padding:28px}.mall-entry{margin:24px 0;padding:22px 26px}.page-home #recommend-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
.page-shop .grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 0;gap:22px}.page-shop .card-body{padding:16px}.page-shop .card h2{font-size:17px}
.page-product .shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-content:start;align-items:start}.page-product .shell>header,.page-product .subpage-heading{grid-column:1/-1}.page-product .detail-hero{margin:0;grid-column:1;grid-row:3 / span 2}.page-product .detail-hero .placeholder{aspect-ratio:1}.page-product .section{margin:0;padding:26px;min-width:0}.page-product .section:last-of-type{grid-column:1/-1;min-height:240px}.page-product .exchange-bar{position:static;transform:none;width:100%;border:1px solid var(--line);border-radius:16px;padding:18px}
.page-profile .content{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0}.profile-top{grid-column:1/-1;border-radius:20px;min-height:215px;padding:26px 32px 35px}.profile-assets{grid-column:1/-1;margin:0;padding:0 26px 24px}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:22px}.profile-menu{margin:0;padding:8px 26px}.page-profile .content .profile-menu .hit{min-height:64px;font-size:16px}
.page-invite .invite-page{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start}.page-invite .client-header,.invite-intro,.invite-actions,.invite-footnote,.page-invite .subpage-heading{grid-column:1/-1}.invite-card{margin:0;padding:28px}.invite-actions{margin:0;display:flex;justify-content:flex-end}.invite-actions button{min-width:210px}
.page-withdraw .withdraw-live{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-content:start}.withdraw-live .client-header,.withdraw-live .subpage-heading,.withdraw-live .fees,.withdraw-footer{grid-column:1/-1}.withdraw-live .withdraw-card{width:auto;margin:0;padding:26px}.withdraw-live .amount-card{grid-column:1;grid-row:3 / span 2}.withdraw-live .submit{max-width:360px;margin-left:auto}
.page-recover .stage{width:calc(100% - 56px);max-width:840px;margin:40px auto;border:1px solid var(--line);border-radius:20px;min-height:0}.page-recover #recovery-form{grid-template-columns:1fr 1fr;padding:0 32px;gap:22px 24px}.page-recover .recovery-brand{height:92px;padding:16px 32px}.page-recover .recovery-heading{margin:28px 32px 4px}.page-recover .recovery-caption{margin:0 32px 26px}
body.page-index{display:grid;place-items:center;min-height:100svh;padding:32px 28px;background:radial-gradient(ellipse at 15% 20%,#bd5428,transparent 65%),#6a1c0c}
.page-index .stage{width:100%;max-width:1100px;min-height:620px;aspect-ratio:auto;container-type:normal;display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #efc77d80;border-radius:24px;overflow:hidden;box-shadow:0 20px 70px #41100b40;background:linear-gradient(110deg,#8c290f,#b66426 48%,#8f2a10)}
.page-index .stage>.art,.page-index .mobile-brand-name,.page-index .mobile-login-welcome{display:none}
.page-index .desktop-login-brand{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;min-height:620px;padding:0 36px 62px;background:url('assets/uploads/login-texture.jpg') center/cover no-repeat;isolation:isolate}
.page-index .desktop-login-brand::after{content:'';position:absolute;inset:48% 0 0;z-index:-1;background:linear-gradient(transparent,#9a3c17 35%,#8f3012)}
.page-index .desktop-login-brand img{display:block;width:220px;height:220px;object-fit:contain;margin:auto auto 46px}.page-index .mobile-brand-mark{display:none}.page-index .desktop-login-brand h2{color:#ffe6a8;font-size:28px;margin:0 0 20px;text-shadow:0 2px 3px #6a210c}.page-index .desktop-login-brand p{color:#ffe5b5;font-size:15px;margin:0;text-align:center}
.page-index #login-form{position:static;inset:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:22px;padding:52px 42px;background:linear-gradient(110deg,#9b3715,#b66426 48%,#8f2a10);border-left:1px solid #f3cc8340}
.page-index .desktop-login-title{display:block;color:#ffe6b4;font-size:26px;margin:0 0 8px;font-weight:600}
.page-index .entry{position:static;inset:auto;width:100%;height:54px;min-height:54px;flex:none;padding:0 20px;border:1px solid #f7d79a;border-radius:30px;background:#70200d55!important;color:#fff2cd;font:16px/1.5 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;box-shadow:inset 0 1px 4px #57170855;text-shadow:0 1px 2px #592100}
.page-index .entry::placeholder{color:#fff1b3;opacity:1}
.page-index .login{position:static;inset:auto;width:100%;height:54px;min-height:54px;flex:none;margin:4px 0 0;font-size:20px;background:linear-gradient(#ffedb1,#eab55e 55%,#f6d28c);border:1px solid #fff0c8;color:#77350b;box-shadow:inset 0 0 0 2px #c57d35,0 2px 5px #5e1900;text-shadow:0 1px #ffeeb9}
.page-index .recover{position:static;inset:auto;align-self:center;width:62%;height:44px;min-height:44px;flex:none;margin-top:4px;font-size:16px;background:linear-gradient(#b34c1b,#8d2c0e);border:1px solid #efc27c;color:#fff3ce;box-shadow:inset 0 0 0 2px #a35524}
}
@media(min-width:768px) and (max-width:1023px){.page-index #login-form{padding-inline:28px}.page-index .desktop-login-brand{background-size:auto 110%;padding-inline:24px}.page-shop .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}