:root{--brand:#e8891a;--brand-dark:#c46f0d;--ink:#241812;--muted:#6f6158;--canvas:#f5f2ee;--surface:#fff;--line:#e6dfd7;--success:#0f7a52;--danger:#c23b35;--shadow:0 1px 0 #2418120a, 0 10px 28px #2418120f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input,select{font:inherit}.ui-button{color:#fff;background:var(--ink);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;padding:12px 18px;font-weight:650;transition:opacity .15s,transform .15s}.ui-button:active{transform:scale(.985)}.ui-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ui-button.primary{background:var(--brand);color:#1f140e}.ui-button.ghost{color:var(--ink);background:#efe8e1}.ui-card{border:1px solid var(--line);background:var(--surface);box-shadow:none;border-radius:14px;padding:16px}.ui-stat{gap:6px;display:grid}.ui-stat span,.ui-stat small{color:var(--muted);font-size:11px;font-weight:500}.ui-stat strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.2rem}.ui-badge{background:#eee8e2;border-radius:6px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:650;display:inline-flex}.ui-badge-success{color:var(--success);background:#e8f5ef}.ui-badge-warning{color:#9a5a08;background:#fff3e0}.ui-badge-danger{color:var(--danger);background:#fdeceb}.ui-field{gap:6px;font-size:13px;font-weight:600;display:grid}.ui-field input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:12px 13px}.ui-field input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #e8891a1f}.ui-field small{color:var(--muted);font-weight:400}.ui-empty{text-align:center;color:var(--muted);padding:28px}.ui-empty strong{color:var(--ink)}.ui-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}
body{overscroll-behavior-y:none;background:#ebe6e0}.shell{background:var(--canvas);overscroll-behavior-y:contain;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;display:block;box-shadow:0 0 0 1px #2418120d,0 20px 50px #24181214}.sidebar{display:none}main.shell-main{flex-direction:column;height:100dvh;max-height:100dvh;padding-bottom:0;display:flex;overflow:hidden}.ptr-root{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;background:var(--canvas);flex:1;min-height:0;padding-bottom:72px;position:relative;overflow:hidden auto}.ptr-indicator{z-index:6;pointer-events:none;opacity:0;background:linear-gradient(#f3eee8 0%,#0000 100%);justify-content:center;align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.ptr-indicator.show{opacity:1}.ptr-pill{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 6px 16px #24181214}.ptr-pill b{justify-content:center;align-items:center;width:18px;height:18px;font-weight:700;display:inline-flex}.ptr-pill .spin{animation:.75s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.ptr-body{will-change:transform;min-height:100%}header{border-bottom:1px solid var(--line);z-index:8;background:#f5f2eefa;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 14px;display:flex;position:relative}.mobile-brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.mobile-brand img{object-fit:contain;width:28px;height:28px}.header-actions{align-items:center;gap:6px;display:flex}.header-actions select:not(.lang){display:none}.lang,.wallet{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px}.lang{padding:0;font-size:12px}.lang-select{z-index:20;background:0 0;border:0;padding:0;position:relative}.lang-select-trigger{border:1px solid var(--line);min-width:5.8rem;min-height:36px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:650;line-height:1.2;display:inline-flex}.lang-select-trigger i{color:var(--muted);font-size:10px;font-style:normal;transition:transform .15s}.lang-select.open .lang-select-trigger i{transform:rotate(180deg)}.lang-select-menu{z-index:30;border:1px solid var(--line);background:#fff;border-radius:10px;min-width:8.5rem;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #29201924}.lang-select-menu-portal{z-index:10050;position:fixed;top:auto;right:auto}.lang-select-menu button{width:100%;min-height:40px;color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:13px;display:block}.lang-select-menu button.active,.lang-select-menu button:active{color:var(--brand-dark);background:#f3efe9;font-weight:700}.refresh-btn{width:34px;padding:6px 0;font-size:16px;font-weight:700;line-height:1}.refresh-btn:active{transform:rotate(90deg)}.wallet{text-overflow:ellipsis;white-space:nowrap;max-width:108px;padding:7px 9px;font-size:11px;font-weight:650;overflow:hidden}.content{padding:14px 14px 88px}.page-pane{display:none}.page-pane.active{display:block}.page-title{margin-bottom:14px}.page-title h1{letter-spacing:-.02em;margin:0 0 4px;font-size:1.35rem;font-weight:700}.page-title p,.page-title>span{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.page-title>span{display:none}.notice{top:max(12px, env(safe-area-inset-top,0px));z-index:9999;color:#7a4a10;cursor:pointer;pointer-events:auto;background:#fff7eb;border:1px solid #efd2a8;border-radius:10px;width:min(402px,100vw - 28px);max-width:402px;margin:0 auto;padding:12px 14px;font-size:13px;line-height:1.45;position:fixed;left:14px;right:14px;box-shadow:0 10px 28px #3b24162e}.notice b{float:right;margin-left:12px}.stats,.stats.three{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.ui-stat{min-width:0;padding:12px 10px}.ui-stat strong{overflow-wrap:anywhere;font-size:1.02rem}.ui-card h3{margin:0 0 12px;font-size:13px;font-weight:700}.ui-button,.quick button,.wallet-option{min-height:46px}.form-card,.content>.form-card{gap:14px;width:100%;margin:0;display:grid}.token-line{align-items:center;gap:10px;display:flex}.token-line>div:nth-child(2){gap:2px;margin-right:auto;display:grid}.token-line small{color:var(--muted);font-size:10px}.token-line strong{font-variant-numeric:tabular-nums;font-size:12px}.coin{color:#fff;background:#26a17b;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.quick{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.quick button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:8px;font-size:12px}.quick button.selected{border-color:var(--brand);color:var(--ink);background:#fff4e5;font-weight:700}.summary{color:var(--muted);background:#f3efe9;border-radius:10px;justify-content:space-between;gap:10px;padding:12px;font-size:12px;display:flex}.summary b{color:var(--ink);font-variant-numeric:tabular-nums}.wide{width:100%}.success,.error{font-size:12px}.success{color:var(--success)}.error{color:var(--danger)}.progress{background:#ece4db;border-radius:99px;width:100%;height:6px;display:block;overflow:hidden}.progress i{background:var(--brand);height:100%;display:block}.order-cards,.order-card{gap:10px;display:grid}.order-card>strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.25rem}.order-head,.order-progress{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-head span{gap:3px;min-width:0;display:grid}.order-head b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.order-head small,.order-card>small,.order-progress span{color:var(--muted);font-size:11px}.mobile-nav{z-index:20;width:min(100%,430px);padding:6px 4px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff7;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mobile-nav button{min-width:56px;min-height:44px;color:var(--muted);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;place-items:center;gap:2px;display:grid}.mobile-nav button.active{color:var(--ink);background:#efe8e0}.mobile-nav svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.mobile-nav button.active svg{stroke-width:2.1px}.mobile-nav small{font-size:10px}.home{gap:10px;display:grid}.core-hero{color:#fff;background:linear-gradient(160deg,#2a1c15 0%,#3d291d 100%);border-radius:16px;padding:18px 16px 16px;position:relative;overflow:hidden}.core-hero:after{display:none}.core-hero:before{content:"";background:radial-gradient(circle,#e8891a38,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;inset:auto -20% -40% auto}.hero-top{z-index:1;color:#cbb9ab;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:relative}.core-hero h1{z-index:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:14px 0 2px;font-size:2.15rem;font-weight:700;position:relative}.core-hero h1 small{color:#cbb9ab;letter-spacing:0;margin-left:4px;font-size:12px;font-weight:600}.core-hero p{z-index:1;color:#b8a597;margin:0 0 14px;font-size:11px;position:relative}.recharge-cta{z-index:1;width:100%;position:relative;color:#1f140e!important;background:var(--brand)!important;min-height:48px!important;box-shadow:none!important;border:0!important;font-size:14px!important;font-weight:700!important}.recharge-cta span{margin-right:6px}.home-metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.home-metrics .ui-card{gap:4px;padding:12px;display:grid}.home-metrics small{color:var(--muted);font-size:11px}.home-metrics strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.15rem}.home-metrics span{color:var(--muted);font-size:10px;font-weight:600}.section-head,.latest-main{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-head h3{margin:0;font-size:13px;font-weight:700}.section-head button{color:var(--brand-dark);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:650}.latest-order,.invite-mini,.home-records,.records-panel,.mine-withdraw{gap:10px;display:grid}.latest-main span{gap:3px;display:grid}.latest-main small{color:var(--muted);font-size:10px}.latest-main strong{font-variant-numeric:tabular-nums;font-size:1.15rem}.invite-mini-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.invite-mini-row>div{gap:3px;min-width:0;display:grid}.invite-mini-row small{color:var(--muted);font-size:10px}.invite-mini-row b,.invite-link-text{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.invite-mini p,.invite-desc{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.record-row,.record-item{border-bottom:1px solid var(--line);gap:6px;padding:10px 0;display:grid}.record-row{grid-template-columns:auto 1fr auto;align-items:center}.record-row:last-child,.record-item:last-child{border:0;padding-bottom:0}.record-row span:nth-child(2),.record-item-main>div{gap:2px;min-width:0;display:grid}.record-row small,.record-item-main small{color:var(--muted);font-size:10px}.record-row strong,.record-item-main strong{color:var(--success);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.record-tag{border-radius:5px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.record-tag.static{color:#8a4b08;background:#fff1db}.record-tag.direct{color:#0f5f45;background:#e7f5ee}.record-tag.team{color:#4e3720;background:#f0e9e2}.record-tag.fee_dividend{color:#6b3d8a;background:#f4ebf8}.filter-tabs{grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 10px;display:grid}.filter-tabs.five{grid-template-columns:repeat(5,1fr)}.filter-tabs button{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;font-size:11px}.filter-tabs button.active{color:var(--ink);background:#fff4e5;border-color:#d9b07a;font-weight:700}.record-item-top,.record-item-main{justify-content:space-between;align-items:center;gap:8px;display:flex}.empty-records{color:var(--muted);text-align:center;padding:24px 8px;font-size:12px}.deposit-flow{align-items:center;margin:0 2px 14px;display:flex}.deposit-flow span{color:#9a8c82;text-align:center;flex:0 0 64px;place-items:center;gap:4px;font-size:10px;display:grid}.deposit-flow span b{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.deposit-flow span.active,.deposit-flow span.done{color:var(--ink);font-weight:650}.deposit-flow span.active b{border-color:var(--brand);background:var(--brand)}.deposit-flow span.done b{border-color:var(--success);color:#fff;background:var(--success)}.deposit-flow i{background:var(--line);flex:1;height:1px;margin-top:-14px}.deposit-card{gap:14px;padding:16px;display:grid}.amount-box{background:#fff;border:1px solid #e2d2bf;border-radius:12px;gap:8px;padding:12px 14px;display:grid}.amount-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #e8891a1a}.amount-box>span{color:var(--muted);font-size:11px}.amount-box>div{align-items:center;gap:8px;display:flex}.amount-box input{width:100%;min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;font-size:1.7rem;font-weight:700}.amount-box b{color:var(--muted);font-size:12px}.order-preview{background:#f3efe9;border-radius:10px;grid-template-columns:1fr 1px 1fr;gap:12px;padding:12px;display:grid}.order-preview>span{gap:4px;display:grid}.order-preview small{color:var(--muted);font-size:10px}.order-preview b{font-variant-numeric:tabular-nums;font-size:12px}.order-preview>i{background:var(--line)}.deposit-submit{width:100%;min-height:48px!important;font-size:14px!important}.deposit-success{color:#0f7a52;text-align:center;background:#edf7f2;border:1px solid #b9dfcd;border-radius:10px;gap:4px;padding:12px;font-size:12px;display:grid}.safe-tip{color:var(--muted);text-align:center;margin:0;font-size:10px;line-height:1.45}.invite-card{text-align:center;justify-items:center;gap:12px;padding:22px 14px;display:grid}.invite-logo{object-fit:contain;width:48px;height:48px}.invite-card h2{margin:0;font-size:1.15rem}.invite-qr{border:1px solid var(--line);background:#fff;border-radius:14px;justify-items:center;gap:8px;width:100%;padding:14px 12px 12px;display:grid}.invite-qr svg{border-radius:8px;width:168px;height:168px;display:block}.invite-qr small{color:var(--muted);font-size:11px;line-height:1.4}.copy{border:1px solid var(--line);border-radius:10px;width:100%;display:grid;overflow:hidden}.copy code{text-overflow:ellipsis;text-align:left;background:#faf8f5;padding:11px;font-size:11px;overflow:hidden}.copy button{border-radius:0}.invite-benefits{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.invite-benefits span{background:#f3efe9;border-radius:10px;gap:3px;padding:10px 6px;display:grid}.invite-benefits b{color:var(--brand-dark);font-size:13px}.invite-benefits small{color:var(--muted);font-size:10px}.mine-shortcuts{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.mine-shortcuts button{border:1px solid var(--line);text-align:left;min-height:68px;color:var(--ink);cursor:pointer;appearance:none;background:#fff;border-radius:12px;gap:4px;padding:12px;display:grid}.mine-shortcuts b{color:var(--ink);font-size:13px;font-weight:700;line-height:1.3;display:block}.mine-shortcuts small{color:var(--muted);font-size:10px;line-height:1.3;display:block}.support-row{border-bottom:1px solid var(--line,#e8ece9);flex-direction:column;gap:4px;padding:12px 0;display:flex}.support-row:last-child{border-bottom:0}.support-row small{color:var(--muted);font-size:12px}.support-row a{color:var(--accent,#0f5f45);word-break:break-all;font-weight:600}.mine-withdraw h3{margin:0;font-size:13px}.team-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.team-row:last-child{border:0}.team-row small{color:var(--muted);font-weight:400}.team-row.current{background:#fff4e5;border-bottom-color:#0000;border-radius:8px;margin:0 -8px;padding:10px 8px}.level-card{align-items:center;gap:12px;margin-bottom:10px;display:flex}.level-badge{color:#1f140e;background:var(--brand);border-radius:12px;place-items:center;width:52px;height:52px;font-size:16px;font-weight:800;display:grid}.level-card>div{gap:3px;display:grid}.level-card b{font-size:14px}.level-card small{color:var(--muted);font-size:11px}.invite-address{width:100%;color:var(--ink);word-break:break-all;text-align:left;background:#f3efe9;border-radius:8px;padding:10px 12px;font-size:11px;display:block}.login{background:var(--canvas);width:100%;max-width:430px;min-height:100dvh;margin:auto;padding:16px 14px}.login-brand{align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.login-brand img{object-fit:contain;width:32px;height:32px}.login-brand .lang-select{margin-left:auto}.login-brand .lang-select-menu{left:auto;right:0}.login-grid{flex-direction:column;justify-content:center;gap:18px;min-height:calc(100dvh - 72px);padding:20px 0;display:flex}.login-grid section h1{letter-spacing:-.03em;margin:10px 0 8px;font-size:1.75rem;line-height:1.2}.login-grid section p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.trust{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:14px;font-size:11px;display:flex}.login-card{text-align:center;width:100%;padding:20px 16px}.shield{background:#fff8ef;border:1px solid #ead4b8;border-radius:14px;place-items:center;width:56px;height:56px;margin:0 auto 10px;display:grid;overflow:hidden}.shield img{object-fit:contain;width:40px;height:40px}.login-card h2{margin:0 0 6px;font-size:1.05rem}.login-card p{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.wallet-option{border:1px solid var(--line);text-align:left;justify-content:space-between;width:100%;margin-top:8px;display:flex;color:var(--ink)!important;background:#fff!important}.demo-tip{color:var(--muted);text-align:left;background:#fff5e7;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px;font-size:11px;display:flex}@media (max-width:380px){.stats,.stats.three{grid-template-columns:1fr 1fr}.mobile-nav button{min-width:48px}}@media (min-width:700px){body{background:#ddd6ce}.shell,.login{border-radius:18px;height:calc(100dvh - 28px);min-height:calc(100dvh - 28px);margin-block:14px;overflow:hidden}main.shell-main{height:100%;max-height:100%}.mobile-nav{border-radius:0 0 18px 18px;bottom:14px}}.invite-meta{text-align:left;gap:4px;margin:0 0 12px;display:grid}.invite-meta small{color:var(--muted);font-size:11px}.invite-meta code{color:var(--ink);word-break:break-all;background:#f7f3ee;border-radius:10px;padding:10px 12px;font-size:12px;display:block}.invite-pending{text-align:left;background:#fff7eb;border:1px solid #efd2a8;border-radius:12px;gap:4px;margin:0 0 12px;padding:12px;display:grid}.invite-pending span{font-size:13px;font-weight:650}.invite-pending small{color:var(--muted);font-size:11px}.bind-modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24181273;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.bind-modal{text-align:center;background:#fffaf4;border-radius:16px;gap:12px;width:min(100%,360px);padding:22px 18px 18px;display:grid;box-shadow:0 18px 40px #24181238}.bind-modal h2{letter-spacing:-.02em;margin:0;font-size:1.15rem}.bind-modal>p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.bind-inviter{text-align:left;background:#f4efe8;border-radius:12px;gap:6px;padding:12px;display:grid}.bind-inviter small{color:var(--muted);font-size:11px}.bind-inviter code{word-break:break-all;color:var(--ink);font-size:12px}.bind-actions{grid-template-columns:1fr 1.2fr;gap:8px;margin-top:4px;display:grid}
