:root{color:#182442;--page-bg:#f6f8fc;--surface:#fff;--surface-soft:#f1f4fa;--line:#e1e7f1;--text:#182442;--muted:#74829a;--primary:#5369d8;--primary-dark:#2b3d70;--primary-soft:#eef1ff;--warning-bg:#fff8e6;--warning-text:#8b6819;--success-bg:#edf8f3;--success-text:#287255;--danger-bg:#fff0f1;--danger-text:#b23a45;--radius-xl:24px;--radius-lg:18px;--radius-md:13px;--nav-height:70px;--nav-bottom:max(12px, env(safe-area-inset-bottom));background:#edf1f8;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#edf1f8;min-height:100%}body{min-height:100%;margin:0}body,button,input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.app-shell{isolation:isolate;width:min(100%,480px);min-height:100dvh;padding:20px 18px calc(var(--nav-height) + var(--nav-bottom) + 34px);background:var(--page-bg);margin:auto;position:relative}.content-page{min-height:calc(100dvh - 130px);padding-bottom:8px}.eyebrow{color:#8198eb;letter-spacing:.15em;margin:0;font-size:11px;font-weight:800}.page-title{justify-content:space-between;align-items:center;min-height:84px;display:flex}.page-title h1{color:var(--text);margin:6px 0 0;font-size:30px;line-height:1.15}.page-title>a,.page-title>span{color:#5f7293;font-size:13px;font-weight:700}.bottom-nav{z-index:2147483000;right:0;bottom:var(--nav-bottom);width:min(100% - 28px,452px);min-height:var(--nav-height);color:#b9c3e2;background:#253466;border:1px solid #3c4d82;border-radius:22px;grid-template-columns:repeat(5,1fr);margin:0 auto;padding:8px;display:grid;position:fixed;left:0;overflow:hidden;transform:translateZ(0)}.bottom-nav a{border-radius:15px;place-items:center;min-width:0;font-size:14px;font-weight:700;display:grid}.bottom-nav a.router-link-active{color:#fff;background:#ffffff12;font-weight:900}.panel,.order-item,.menu-list,.invite-link-card,.invite-records,.referral-levels div,.brick-card,.support-chat-panel{border:1px solid var(--line);background:var(--surface);box-shadow:none}.panel{border-radius:var(--radius-lg);padding:20px}.primary-button,.outline-button{font:inherit;cursor:pointer;border-radius:12px;padding:15px;font-weight:800}.primary-button{background:var(--primary);color:#fff;border:0}.primary-button:disabled{opacity:.55;cursor:not-allowed}.outline-button{color:#30466e;background:#fff;border:1px solid #cfd8e8}.full{width:100%}.hero{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(145deg,#2b3c6e,#3c5083);padding:28px}.hero .eyebrow{color:#becaff}.hero h1{margin:8px 0 28px;font-size:28px}.hero strong{font-size:38px;display:block}.hero small{font-size:14px}.hero p:last-child{opacity:.76;margin-bottom:0;font-size:13px}.actions{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.actions a,.card,.page{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:20px}.actions a{text-align:center;font-weight:700}.card h2{font-size:18px}.card p,.page p{color:var(--muted);line-height:1.6}.page{min-height:70vh;padding-top:42px}.page h1{font-size:32px}.auth-page{flex-direction:column;justify-content:center;min-height:calc(100dvh - 40px);padding:24px;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:22px;font-size:28px;font-weight:800;display:grid}.auth-page h1{margin:8px 0;font-size:34px}.auth-intro{color:var(--muted);margin-top:0}.auth-form{gap:18px;margin-top:24px;display:grid}.auth-form label{gap:8px;font-size:13px;font-weight:700;display:grid}.auth-form input{width:100%;font:inherit;background:#fff;border:1px solid #d7dfec;border-radius:13px;outline:none;padding:15px 16px}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5369d817}.field-help{color:var(--muted);font-size:10px;font-weight:500;line-height:1.5}.auth-form button{background:var(--primary);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:13px;padding:16px;font-weight:800}.auth-form button:disabled{opacity:.6}.captcha-row{grid-template-columns:minmax(0,1fr) 140px;gap:10px;display:grid}.auth-form .captcha-refresh{background:var(--surface-soft);color:#42617f;border:1px solid #d7dfec;border-radius:12px;place-items:center;width:140px;height:52px;padding:0;font-size:11px;display:grid;overflow:hidden}.captcha-refresh img{width:140px;height:52px;display:block}.form-error{background:var(--danger-bg);color:var(--danger-text);border-radius:10px;margin:0;padding:12px;font-size:13px}.text-button{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0}.auth-page>.text-button{margin-top:20px}.sign-out{margin:24px auto;display:block}.form-grid{gap:16px;display:grid}.form-grid label{color:#4c617b;gap:8px;font-size:13px;font-weight:700;display:grid}.form-grid input,.form-grid textarea{width:100%;font:inherit;background:#fff;border:1px solid #d7dfec;border-radius:12px;outline:none;padding:14px}.form-grid textarea{resize:vertical;min-height:76px}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--primary)}.address-card{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(145deg,#2b3c6e,#3c5083);margin-bottom:16px;padding:22px}.address-card span{color:#bdc9e6;font-size:12px;display:block}.address-card strong{overflow-wrap:anywhere;margin:13px 0;font-size:14px;display:block}.address-card button{color:#d4ddff;cursor:pointer;background:0 0;border:0;padding:0}.address-card button:disabled{color:#8f9ab4}.success-message{background:var(--success-bg);color:var(--success-text);border-radius:10px;margin:0;padding:12px;font-size:13px}.hint{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.fee-line{background:var(--surface-soft);border-radius:10px;justify-content:space-between;padding:14px;display:flex}.section-heading{margin:28px 0 12px}.section-heading h2{font-size:18px}.order-list,.news-list{gap:12px;display:grid}.order-item{border-radius:15px;grid-template-columns:1fr auto;gap:8px 12px;padding:17px;display:grid}.order-item div{gap:4px;display:grid}.order-item div span,.order-item small{color:#8491a3;font-size:11px}.order-item em{color:#55708e;background:#eef3f8;border-radius:8px;align-self:start;padding:4px 8px;font-size:11px;font-style:normal}.order-item p{color:#745b68;overflow-wrap:anywhere;grid-column:1/-1;margin:0;font-size:12px}.status-pending{color:#a76b00!important;background:#fff5df!important}.status-approved,.status-paid{background:var(--success-bg)!important;color:var(--success-text)!important}.status-rejected{background:var(--danger-bg)!important;color:var(--danger-text)!important}.empty{color:#8c9aad;text-align:center;padding:50px 20px}.tabs{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:4px;display:grid}.tabs button{color:#60758e;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px}.tabs button.active{color:var(--primary);background:#fff;font-weight:800}.tabs.three{grid-template-columns:repeat(3,1fr)}.news-list .panel small{color:#8a99aa}.news-list h2{margin:10px 0;font-size:18px}.news-list p{color:#5d7087;white-space:pre-wrap;line-height:1.7}.profile-card{align-items:center;gap:16px;padding:24px 4px;display:flex}.avatar{background:var(--primary);color:#fff;border-radius:20px;place-items:center;width:58px;height:58px;font-size:24px;font-weight:800;display:grid}.profile-card h1{margin:0 0 6px}.profile-card p{color:var(--muted);margin:0;font-size:13px}.balance-strip{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line);grid-template-columns:1fr 1fr;gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.balance-strip div{background:#fff;padding:20px}.balance-strip span{color:#7d8ca0;font-size:12px;display:block}.balance-strip strong{margin-top:8px;font-size:22px;display:block}.menu-list{border-radius:var(--radius-lg);margin-bottom:18px;display:grid;overflow:hidden}.menu-list a{border-bottom:1px solid #eef2f6;justify-content:space-between;padding:18px;display:flex}.menu-list a:last-child{border:0}.menu-list span{color:#9cabbc;font-size:22px}.invite-hero{color:#fff;background:linear-gradient(145deg,#2b3c6e,#3c5083);border-radius:22px;justify-items:center;gap:10px;padding:25px;display:grid}.invite-hero>span,.invite-hero small{color:#c4d0ea;font-size:12px}.invite-hero>strong{letter-spacing:.13em;font-size:32px}.invite-hero button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #aebce3;border-radius:10px;padding:10px 18px;font-weight:800}.invite-link-card{border-radius:var(--radius-lg);gap:10px;margin-top:14px;padding:18px;display:grid}.invite-link-card>span{color:var(--muted);font-size:12px}.invite-link-card p{overflow-wrap:anywhere;background:var(--surface-soft);color:#3d5874;border-radius:9px;margin:0;padding:11px;font-size:11px;line-height:1.5}.referral-total{border-radius:var(--radius-lg);background:var(--primary-soft);border:1px solid #dce3ff;gap:7px;margin-top:14px;padding:18px;display:grid}.referral-total span{color:#60729a;font-size:12px}.referral-total strong{color:#4058c1;font-size:27px}.referral-total small{font-size:12px}.referral-levels{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.referral-levels div{text-align:center;border-radius:14px;gap:6px;padding:14px 7px;display:grid}.referral-levels b{color:#485fca;font-size:12px}.referral-levels strong{font-size:17px}.referral-levels span{color:var(--muted);font-size:9px}.referral-rule,.brick-rule{background:var(--warning-bg);color:var(--warning-text);border:1px solid #f2e5bb;border-radius:11px;padding:12px;font-size:11px;line-height:1.6}.invite-records{border-radius:16px;display:grid;overflow:hidden}.invite-records>div{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;gap:12px;padding:15px;display:flex}.invite-records>div:last-child{border:0}.invite-records span{gap:4px;font-size:13px;display:grid}.invite-records small{color:#8998aa;font-size:10px}.invite-records strong{color:#4058c1;font-size:13px}.home-brand{align-items:center;gap:10px;padding:4px 4px 16px;display:flex}.brand-coin{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.home-brand strong{letter-spacing:.04em}.home-dashboard{color:#fff;background:linear-gradient(145deg,#2b3c6e,#3c5083);border-radius:25px;padding:22px}.dashboard-heading{color:#e4e9f8;justify-content:space-between;display:flex}.dashboard-heading small{color:#c5cee5}.home-balance{color:#fff;text-align:center;margin:24px 0;font-size:32px;font-weight:900}.home-balance small{font-size:14px}.home-stats{color:var(--text);text-align:center;background:#fff;border-radius:16px;grid-template-columns:repeat(3,1fr);padding:16px 6px;display:grid}.home-stats strong,.home-stats span{display:block}.home-stats span{color:#6d7d91;white-space:nowrap;margin-top:5px;font-size:10px}.quick-actions{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.quick-actions a{color:#f2f4ff;text-align:center;border:1px solid #aebce3;border-radius:12px;padding:10px 2px;font-size:12px;font-weight:800}.brick-banner{background:var(--primary-soft);border:1px solid #dce3ff;border-radius:17px;justify-content:space-between;align-items:center;margin:18px 0 24px;padding:18px;display:flex}.brick-banner div{gap:5px;display:grid}.brick-banner span{color:#6d7897;font-size:11px}.brick-banner b{color:#4058c1;font-size:12px}.home-section-title{justify-content:space-between;align-items:center;display:flex}.home-section-title h2{font-size:19px}.home-section-title a{color:#71809a;font-size:12px}.brick-balance{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(145deg,#2b3c6e,#3c5083);gap:8px;padding:20px;display:grid}.brick-balance span,.brick-balance small{color:#c0cae2;font-size:12px}.brick-balance strong{font-size:25px}.channel-tabs{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.channel-tabs button{border:1px solid var(--line);color:#60748b;cursor:pointer;background:#fff;border-radius:14px;gap:5px;padding:15px 8px;display:grid}.channel-tabs button.active{background:var(--primary-soft);color:#4058c1;border-color:#8596ea}.channel-tabs span{font-size:9px}.brick-list{gap:13px;display:grid}.brick-card{border-radius:17px;gap:12px;padding:18px;display:grid}.brick-card>div:first-child{color:#657a90;justify-content:space-between;font-size:11px;display:flex}.brick-card>strong{font-size:27px}.brick-card>strong small{font-size:12px}.brick-return{background:var(--primary-soft);color:#4058c1;border-radius:10px;justify-content:space-between;padding:11px;font-size:11px;display:flex}.brick-card button{background:var(--primary);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px;font-weight:800}.brick-card button:disabled{opacity:.5;cursor:not-allowed}.status-available{color:#53708d!important;background:#edf3fa!important}.status-claimed{background:var(--primary-soft)!important;color:#4058c1!important}.status-pending_review{color:#a76b00!important;background:#fff5df!important}.status-completed{background:var(--success-bg)!important;color:var(--success-text)!important}.status-cancelled{color:#667586!important;background:#eef1f4!important}.user-order-actions{gap:8px;grid-column:1/-1!important;display:flex!important}.user-order-actions button{color:#60758a;cursor:pointer;background:#fff;border:1px solid #d4dee9;border-radius:9px;flex:1;padding:10px}.user-order-actions button.complete{border-color:var(--primary);background:var(--primary);color:#fff}.support-page{min-height:calc(100dvh - 130px)}.support-hero{color:#fff;background:linear-gradient(145deg,#2b3c6e,#3c5083);border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px 14px;margin-bottom:12px;padding:19px;display:grid}.support-avatar{width:52px;height:52px;color:var(--primary-dark);background:#fff;border-radius:18px;place-items:center;font-size:22px;font-weight:900;display:grid}.support-hero-copy{min-width:0}.support-hero-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.support-hero h2{margin:0;font-size:17px}.support-hero-heading span{color:#c4cee5;flex:none;font-size:10px}.support-hero-copy>p{color:#d4daea;margin:6px 0 0;font-size:11px;line-height:1.55}.support-security{color:#e2e6f2;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:10px;line-height:1.6}.support-chat-panel{z-index:1;border-radius:18px;position:relative;overflow:hidden}.support-topic-bar{border-bottom:1px solid var(--line);background:#fafbfe;padding:12px}.support-topic-bar>span{color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:700;display:block}.support-topic-bar>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.support-topic-bar button{color:#3b4f74;min-width:0;font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d2daea;border-radius:9px;padding:8px 5px;font-size:10px;font-weight:700;overflow:hidden}.support-topic-bar button.active{background:var(--primary-soft);color:#4058c1;border-color:#8596ea}.support-frame-wrap{--support-header-crop:110px;background:#fff;height:500px;position:relative;overflow:hidden}.support-chat-frame{z-index:1;width:100%;height:calc(100% + var(--support-header-crop));transform:translateY(calc(0px - var(--support-header-crop)));background:#fff;border:0;display:block;position:relative}.support-frame-wrap>.support-loading{z-index:2;background:#fff;place-items:center;margin:0;display:grid;position:absolute;inset:0}.support-loading{color:var(--muted);text-align:center;margin:14px 0 0;font-size:12px}@media (width<=390px){.app-shell{padding-left:14px;padding-right:14px}.captcha-row{grid-template-columns:minmax(0,1fr) 118px}.auth-form .captcha-refresh,.captcha-refresh img{width:118px}.support-hero-heading{gap:4px;display:grid}.support-frame-wrap{height:470px}.bottom-nav{width:calc(100% - 20px)}}@media (width>=481px){body:before,body:after{content:"";z-index:-1;background:#edf1f8;width:calc(50% - 240px);position:fixed;inset:0 auto 0 0}body:after{left:auto;right:0}}