:root{--bg:#070a0d;--panel:#0d1217;--panel-2:#111820;--line:#222d36;--line-soft:#182129;--text:#f6f7f8;--muted:#8c9aa6;--yellow:#f5c62b;--yellow-deep:#9f7710;--cyan:#49e2f3;--blue:#3987ff;--green:#35d58a;--red:#ff6473;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.34);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 8%,#12233b 0,transparent 25%),radial-gradient(circle at 25% 100%,#1c1708 0,transparent 25%),var(--bg);color:var(--text);font-size:15px}button,input,select{font:inherit}button{cursor:pointer}.test-banner{height:30px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;background:var(--yellow);color:#181408;font-size:.7rem;font-weight:700;letter-spacing:.015em}.test-banner span{padding:2px 6px;border:1px solid #18140866;border-radius:5px;font-size:.58rem;letter-spacing:.12em}
.app-header{height:78px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#080b0ee8;backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{width:42px;height:42px;border-radius:11px;object-fit:cover;box-shadow:0 0 0 1px #ffffff12,0 8px 20px #0008}.brand>span{display:flex;flex-direction:column}.brand b{font-size:1.14rem;letter-spacing:.16em}.brand small{margin-top:2px;color:var(--yellow);font-size:.62rem;letter-spacing:.23em}.header-status{display:flex;align-items:center;gap:14px}.sync-badge{height:42px;display:grid;grid-template-columns:auto auto;grid-template-rows:1fr 1fr;column-gap:8px;align-items:center;padding:6px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff04}.sync-badge i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.sync-badge.pending i{background:var(--yellow);box-shadow:0 0 12px var(--yellow)}.sync-badge b{align-self:end;font-size:.66rem}.sync-badge small{align-self:start;color:var(--muted);font-size:.55rem}.wallet-button,.primary-action,.secondary-action{min-height:44px;border-radius:12px;border:0;font-weight:750}.wallet-button{padding:0 18px;background:linear-gradient(135deg,#2368d7,#4b94ff);color:white;box-shadow:inset 0 1px #ffffff45,0 10px 25px #246dd52e}.wallet-button span,.primary-action span{margin-left:8px}
.app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 78px)}.sidebar{position:sticky;top:78px;height:calc(100vh - 78px);display:flex;flex-direction:column;gap:7px;padding:24px 14px 18px;border-right:1px solid var(--line);background:#080c10a8}.nav-item{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:#84929d;text-align:left}.nav-item:hover{background:#ffffff05;color:white}.nav-item.active{border-color:#30404c;background:linear-gradient(110deg,#16212a,#10161c);color:white;box-shadow:inset 3px 0 var(--yellow)}.nav-item>i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#ffffff06;color:var(--yellow);font-style:normal;font-size:.85rem}.nav-item>span{display:flex;flex-direction:column;gap:2px;font-size:.73rem;font-weight:750}.nav-item small{color:#64717c;font-size:.52rem;font-weight:550;letter-spacing:.07em}.side-footer{margin-top:auto;padding:15px;border:1px solid var(--line-soft);border-radius:14px;background:#0a0f14}.side-footer span,.side-footer small{display:block;color:#60707c;font-size:.53rem}.side-footer b{display:block;margin:5px 0 2px;font-size:.65rem}.side-footer a{display:block;margin-top:12px;color:var(--yellow);font-size:.62rem;text-decoration:none}
.workspace{min-width:0;padding:30px clamp(22px,3vw,48px) 80px}.view-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 auto 24px;max-width:1440px}.breadcrumb{display:block;margin-bottom:8px;color:#63717d;font-size:.59rem;letter-spacing:.15em}.breadcrumb b{color:var(--yellow)}.view-header h1{margin:0;font-size:clamp(1.75rem,2.6vw,2.7rem);letter-spacing:-.045em}.view-header p{margin:8px 0 0;color:var(--muted);font-size:.77rem}.account-switch{width:230px}.account-switch label{display:block;margin-bottom:7px;color:#65737f;font-size:.57rem;letter-spacing:.08em}.account-switch select,.field select,.filters select{width:100%;height:44px;padding:0 36px 0 12px;border:1px solid #2c3944;border-radius:11px;background:#111820;color:var(--text);font-size:.72rem;outline:none}.view{display:none;max-width:1440px;margin:0 auto}.view.active{display:block}.surface{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#10161c,#0c1116);box-shadow:var(--shadow)}
.welcome-card{min-height:290px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:center;padding:40px clamp(26px,4vw,62px);border:1px solid #283643;border-radius:28px;background:linear-gradient(115deg,#10171d 0,#0b1015 58%,#101c2b 100%);box-shadow:var(--shadow)}.circuit-bg:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#8ba6b619 1px,transparent 1px),linear-gradient(90deg,#8ba6b619 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 78%)}.welcome-card>div{position:relative;z-index:1}.live-label{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:.58rem;font-weight:800;letter-spacing:.18em}.live-label i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.welcome-card h2{max-width:650px;margin:16px 0 10px;font-size:clamp(2.1rem,4.4vw,4.8rem);letter-spacing:-.065em;line-height:.98}.welcome-card p{max-width:580px;margin:0;color:#93a1ad;line-height:1.75}.welcome-actions{display:flex;gap:11px;margin-top:26px}.primary-action{padding:0 20px;background:linear-gradient(135deg,#f5c62b,#e5a91b);color:#181408;box-shadow:inset 0 1px #fff8,0 12px 28px #c78a1625}.primary-action:hover{filter:brightness(1.07)}.primary-action:disabled{opacity:.43;cursor:not-allowed}.secondary-action{padding:0 18px;border:1px solid #33414d;background:#121a21;color:#dae0e5}.secondary-action:hover{border-color:#5d7180}.full{width:100%}.welcome-orbit{height:250px;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #354758;border-radius:50%}.orbit-ring.r1{width:220px;height:220px;box-shadow:0 0 55px #2775d820}.orbit-ring.r2{width:150px;height:150px;border-style:dashed;animation:spin 24s linear infinite}.orbit-core{width:110px;height:110px;display:grid;grid-template-columns:43px auto;grid-template-rows:1fr 1fr;align-items:center;gap:0 9px;padding:20px;border:1px solid #3a4d5b;border-radius:28px;background:#0a0f14;box-shadow:0 0 0 9px #ffffff03,0 20px 40px #000}.orbit-core img{grid-row:1/3;width:43px;height:43px;border-radius:10px}.orbit-core b{align-self:end;letter-spacing:.12em}.orbit-core small{align-self:start;color:var(--yellow);font-size:.5rem}.orbit-node{position:absolute;width:52px;height:52px;display:grid;place-items:center;border:1px solid #415463;border-radius:16px;background:#101820;font-size:.7rem;font-weight:800}.orbit-node.n1{left:65px;top:36px;color:var(--cyan)}.orbit-node.n2{right:55px;bottom:34px;color:var(--yellow)}.orbit-node.n3{left:55px;bottom:22px;color:var(--green)}@keyframes spin{to{transform:rotate(360deg)}}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.metric-grid article{min-height:126px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#10161c,#0b1014)}.metric-grid span{display:block;color:#7f8c97;font-size:.64rem}.metric-grid strong{display:block;margin:12px 0 5px;font-size:1.9rem;letter-spacing:-.045em}.metric-grid small{color:#596773;font-size:.56rem}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.matrix-summary{padding:24px}.matrix-summary>header{display:flex;align-items:center;gap:12px}.matrix-name{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#142229;font-size:.8rem;font-weight:850}.matrix-name.cyan{color:var(--cyan);border:1px solid #49e2f344}.matrix-name.yellow{color:var(--yellow);border:1px solid #f5c62b44}.matrix-summary header h3{margin:0 0 4px;font-size:1rem}.matrix-summary header p{margin:0;color:#697782;font-size:.62rem}.matrix-summary header>b{margin-left:auto;color:#657480;font-size:.7rem}.mini-levels{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:22px 0}.mini-levels i{height:8px;border-radius:5px;background:#1c252d}.mini-levels i.active{background:var(--tier);box-shadow:0 0 9px color-mix(in srgb,var(--tier) 55%,transparent)}.room-progress>span{display:flex;justify-content:space-between;margin-bottom:8px}.room-progress b{font-size:.72rem}.room-progress small{color:#6d7a85;font-size:.58rem}.room-progress>div{height:7px;overflow:hidden;border-radius:9px;background:#1b242c}.room-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#3987ff);transition:width .4s}.matrix-summary:nth-child(2) .room-progress i{background:linear-gradient(90deg,var(--yellow),#ff7b3d)}.matrix-summary>button{width:100%;margin-top:19px;padding-top:16px;border:0;border-top:1px solid var(--line);background:transparent;color:#d8e0e6;text-align:left;font-size:.67rem}.matrix-summary>button span{float:right;color:var(--yellow)}.next-actions,.latest-card{padding:24px}.next-actions header span,.latest-card header span{color:var(--yellow);font-size:.57rem;letter-spacing:.12em}.next-actions h3,.latest-card h3{margin:5px 0 16px}.action-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line-soft)}.action-row>i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#18222b;color:var(--yellow);font-style:normal;font-size:.64rem}.action-row span{display:flex;flex-direction:column;gap:3px;font-size:.67rem}.action-row small{color:#687681;font-size:.55rem}.action-row button{margin-left:auto;border:0;background:transparent;color:var(--cyan);font-size:.6rem}.latest-card>header{display:flex;align-items:flex-end;justify-content:space-between}.latest-card header button{border:0;background:transparent;color:#7f8f9b;font-size:.58rem}.event-mini{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line-soft)}.event-mini>i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#18232b;color:var(--cyan);font-style:normal;font-size:.57rem}.event-mini span{display:flex;flex-direction:column;gap:3px;font-size:.64rem}.event-mini small{color:#65727d;font-size:.52rem}.event-mini>b{color:#788690;font-size:.54rem}.empty-row{padding:30px 10px;color:#65727c;text-align:center;font-size:.7rem}
.register-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:16px}.register-card,.transaction-steps{padding:30px}.section-tag{display:block;color:var(--yellow);font-size:.57rem;font-weight:800;letter-spacing:.16em}.register-card h2,.protocol-card h2,.risk-card h2,.rule-quick h2{margin:10px 0;font-size:1.65rem;letter-spacing:-.035em}.register-card>p{max-width:680px;color:var(--muted);line-height:1.7}.price-split{display:flex;align-items:center;gap:12px;margin:25px 0;padding:18px;border:1px solid var(--line);border-radius:17px;background:#090e12}.price-split>div{flex:1;display:grid;grid-template-columns:48px auto;grid-template-rows:1fr 1fr;gap:0 10px}.price-split .matrix-name{grid-row:1/3}.price-split small{align-self:end;color:#798793;font-size:.57rem}.price-split b{font-size:.8rem}.price-split>i,.price-split>em{color:#63717b;font-style:normal}.price-split>strong{font-size:1.35rem;white-space:nowrap}.price-split>strong small{font-size:.55rem}.field{display:block;margin:20px 0;color:#84919c;font-size:.62rem}.field select{margin:8px 0}.field>small{color:#596771}.action-note{font-size:.62rem!important}.transaction-steps h3{margin:9px 0 18px}.transaction-steps ol{display:grid;gap:12px;padding:0;margin:0;list-style:none}.transaction-steps li{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--line-soft);border-radius:13px;background:#0a0f14}.transaction-steps li>i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#18222b;color:#63717d;font-style:normal;font-size:.65rem}.transaction-steps li.ready>i,.transaction-steps li.done>i{background:var(--yellow);color:#191407}.transaction-steps li.done>i{background:var(--green)}.transaction-steps li span{display:flex;flex-direction:column;gap:3px}.transaction-steps li b{font-size:.65rem}.transaction-steps li small{color:#60707b;font-size:.54rem}.balance-box{display:flex;align-items:center;gap:10px;margin-top:20px;padding:14px;border-radius:13px;background:#121a21}.balance-box>span{color:#75838e;font-size:.6rem}.balance-box b{font-size:.75rem}.balance-box em{font-style:normal;font-size:1rem}.balance-box button{margin-left:auto;border:0;background:transparent;color:var(--cyan);font-size:.58rem}.explain-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:16px;padding:20px}.explain-strip>div{display:flex;gap:11px;padding:8px 18px;border-right:1px solid var(--line)}.explain-strip>div:last-child{border:0}.explain-strip i{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:8px;background:#19232b;color:var(--yellow);font-style:normal;font-size:.58rem}.explain-strip span{display:flex;flex-direction:column;gap:4px}.explain-strip b{font-size:.64rem}.explain-strip small{color:#64727e;font-size:.53rem;line-height:1.5}
.matrix-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.matrix-main,.matrix-side{padding:24px}.matrix-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.matrix-toolbar h2{margin:5px 0 0}.level-picker{display:flex;gap:6px;flex-wrap:wrap}.level-button{width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #2b3944;border-radius:13px;background:#10171d;color:#73818c}.level-button b{font-size:.64rem}.level-button small{font-size:.48rem}.level-button.open{border-color:color-mix(in srgb,var(--tier) 50%,#26323b);color:var(--tier)}.level-button.current{background:var(--tier);border-color:var(--tier);color:#081013;box-shadow:0 0 0 4px color-mix(in srgb,var(--tier) 16%,transparent)}.matrix-status-bar{display:grid;grid-template-columns:110px 1fr 1fr;gap:12px;margin-bottom:16px}.matrix-status-bar>div{padding:13px;border:1px solid var(--line-soft);border-radius:13px;background:#0a0f14}.matrix-status-bar span{display:block;color:#6d7b86;font-size:.54rem}.matrix-status-bar b{display:block;margin-top:5px;font-size:.75rem}.tree-panel{min-height:430px;position:relative;overflow:auto;border:1px solid #27343e;border-radius:19px;background-color:#080d11;background-image:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--level,#49e2f3) 10%,transparent),transparent 33%),linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.tree-canvas{min-width:600px;height:430px;position:relative}.tree-lines{position:absolute;inset:0;width:100%;height:100%}.tree-lines path{fill:none;stroke:var(--level);stroke-width:2;stroke-dasharray:7 5;filter:drop-shadow(0 0 5px var(--level));animation:flow 8s linear infinite}@keyframes flow{to{stroke-dashoffset:-70}}.tree-node{width:94px;position:absolute;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.tree-node>span{width:58px;height:58px;display:grid;place-items:center;border:1px dashed #54616a;border-radius:18px;background:#131b21;color:#6e7a83;font-size:.75rem}.tree-node.filled>span,.tree-node.owner>span{border-style:solid;border-color:var(--level);color:var(--level);box-shadow:inset 0 0 0 6px #ffffff03,0 0 18px color-mix(in srgb,var(--level) 18%,transparent)}.tree-node.owner>span{background:var(--level);color:#071013}.tree-node img{width:38px;height:38px;border-radius:9px}.tree-node b{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.57rem}.tree-node small{color:#596873;font-size:.48rem}.matrix-action-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#0a1014}.matrix-action-box span{display:flex;flex-direction:column;gap:4px}.matrix-action-box b{font-size:.72rem}.matrix-action-box small{color:#677580;font-size:.56rem}.matrix-action-box button{min-width:180px}.matrix-side h3{margin:8px 0 18px}.cycle-list{display:grid;gap:8px}.cycle-row{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--line-soft);border-radius:12px;background:#0a1014;color:var(--text);text-align:left}.cycle-row:hover,.cycle-row.current{border-color:#3d5363;background:#111a21}.cycle-row i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#172128;color:var(--level);font-style:normal;font-size:.58rem}.cycle-row span{display:flex;flex-direction:column;gap:3px}.cycle-row b{font-size:.62rem}.cycle-row small{color:#61707b;font-size:.52rem}.cycle-row em{color:var(--green);font-size:.52rem;font-style:normal}.route-card{margin-top:16px;padding:16px;border:1px solid var(--line-soft);border-radius:14px}.route-card>span{color:#65727e;font-size:.55rem}.route-card p{color:#65727e;font-size:.56rem;line-height:1.6}.route-slots{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.route-slots i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#17222a;color:var(--yellow);font-style:normal;font-size:.56rem}.route-slots i.owner{color:var(--cyan)}
.reward-hero{display:grid;grid-template-columns:1fr 370px;gap:20px;align-items:center;padding:34px;border:1px solid #2b3944;border-radius:26px;background:radial-gradient(circle at 80% 30%,#19365c55,transparent 35%),linear-gradient(135deg,#111820,#0b1014)}.reward-hero h2{margin:10px 0;font-size:2.2rem}.reward-hero p{max-width:660px;color:var(--muted)}.settlement-console{padding:20px;border:1px solid #304150;border-radius:18px;background:#090e12}.settlement-console>span{color:#75838e;font-size:.59rem}.settlement-console>strong{display:block;margin:8px 0 15px;font-size:2rem}.settlement-console strong small{font-size:.7rem}.settlement-console label{display:block;color:#667580;font-size:.56rem}.settlement-console select{margin:7px 0 12px}.reward-metrics{margin-bottom:16px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line)}.section-head h3,.section-head h2{margin:6px 0 0}.data-note{max-width:360px;color:#6c7a85;font-size:.57rem;text-align:right}.data-table{padding:8px 24px 20px}.table-head,.table-row{display:grid;grid-template-columns:1.1fr .8fr .6fr .7fr .8fr;gap:12px;align-items:center;min-height:48px;border-bottom:1px solid var(--line-soft);font-size:.62rem}.table-head{min-height:38px;color:#63727d;font-size:.53rem}.table-row:last-child{border-bottom:0}.table-row code{color:#758b9c;font-family:"SFMono-Regular",Consolas,monospace;font-size:.53rem}.table-row .amount{color:var(--green);font-weight:800}.table-row .pill{justify-self:start;padding:4px 7px;border-radius:7px;background:#17232b;color:var(--cyan);font-size:.5rem}
.referral-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.invite-card,.spillover-card{padding:30px}.invite-card h2,.spillover-card h3{margin:9px 0}.invite-card>p,.spillover-card>p{color:var(--muted);font-size:.72rem;line-height:1.7}.copy-field{display:grid;grid-template-columns:1fr auto;gap:8px;margin:22px 0}.copy-field input{min-width:0;height:45px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#090e12;color:#91a1ad;font-size:.6rem}.copy-field button{padding:0 18px;border:0;border-radius:11px;background:var(--yellow);color:#171307;font-weight:750}.invite-stats{display:flex;gap:45px}.invite-stats span{display:flex;flex-direction:column}.invite-stats b{font-size:1.7rem}.invite-stats small{color:#62717d;font-size:.58rem}.mini-network{height:100px;position:relative;display:flex;align-items:flex-end;justify-content:space-between;margin-top:17px}.mini-network:before{content:"";position:absolute;left:50%;top:31px;width:75%;height:1px;transform:translateX(-50%);background:#324450}.mini-network>span{position:absolute;left:50%;top:0;transform:translateX(-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--yellow);color:#171307;font-weight:800}.mini-network b{width:30%;padding:8px;border:1px solid var(--line);border-radius:10px;background:#111920;color:#72808b;text-align:center;font-size:.54rem}
.activity-head{align-items:center}.activity-head p{margin:6px 0 0;color:var(--muted);font-size:.62rem}.filters{display:flex;gap:7px}.filters select{width:140px;height:38px}.event-list{padding:10px 24px 22px}.event-row{display:grid;grid-template-columns:90px 165px 1fr auto;gap:14px;align-items:center;min-height:66px;border-bottom:1px solid var(--line-soft)}.event-row:last-child{border:0}.event-row>span{color:#64737f;font-family:"SFMono-Regular",Consolas,monospace;font-size:.53rem}.event-row>strong{font-size:.63rem}.event-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.event-row b{font-size:.62rem}.event-row small{overflow:hidden;color:#60707c;font-size:.53rem;text-overflow:ellipsis;white-space:nowrap}.event-row>i{padding:4px 7px;border-radius:7px;background:#14251f;color:var(--green);font-size:.49rem;font-style:normal}
.protocol-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.protocol-card,.risk-card,.rule-quick{padding:28px}.protocol-card dl{margin:20px 0 0}.protocol-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line-soft);font-size:.64rem}.protocol-card dt{color:#6c7a85}.protocol-card dd{margin:0;text-align:right}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%}.status-dot.green{background:var(--green)}.status-dot.amber{background:var(--yellow)}.check-list{display:grid;gap:10px;padding:0;margin:20px 0 0;list-style:none}.check-list li{display:flex;align-items:center;gap:9px;color:#b7c1c8;font-size:.66rem}.check-list i{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#153126;color:var(--green);font-style:normal;font-size:.55rem}.risk-card{grid-column:1/-1;border-color:#4f3f20;background:linear-gradient(135deg,#17140d,#0e1114)}.risk-card p{color:#a69b80;font-size:.7rem;line-height:1.8}.rule-quick{grid-column:1/-1}.rule-quick>div{display:grid;grid-template-columns:80px repeat(3,1fr) 1.2fr;align-items:center;gap:8px;padding:14px 0;border-top:1px solid var(--line-soft);font-size:.64rem}.rule-quick>div>b{color:var(--yellow);font-size:1rem}.rule-quick em{color:var(--green);font-style:normal}.rule-quick a{display:inline-block;margin-top:16px;color:var(--cyan);font-size:.64rem;text-decoration:none}
.mobile-nav{display:none}dialog{width:min(520px,calc(100% - 28px));padding:0;border:1px solid #354550;border-radius:20px;background:#10171d;color:var(--text);box-shadow:0 40px 110px #000c}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}dialog>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}dialog h2{margin:0;font-size:1rem}dialog header button{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#151e25;color:white}#dialog-content{padding:20px;color:#9cabb6;font-size:.72rem;line-height:1.7}#dialog-content .primary-action,#dialog-content .secondary-action{width:100%;margin-top:12px}.dialog-summary{display:grid;gap:8px}.dialog-summary div{display:flex;justify-content:space-between;padding:10px;border-radius:10px;background:#0a0f14}.dialog-summary b{color:white}#toast{position:fixed;left:50%;bottom:25px;z-index:100;max-width:calc(100% - 30px);padding:12px 17px;opacity:0;pointer-events:none;transform:translate(-50%,15px);border:1px solid #5f4b15;border-radius:12px;background:var(--yellow);color:#171307;font-size:.67rem;font-weight:800;box-shadow:0 16px 50px #000a;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){.app-layout{grid-template-columns:82px 1fr}.sidebar{align-items:center}.nav-item{width:58px;justify-content:center;padding:8px}.nav-item>span{display:none}.side-footer{display:none}.welcome-card{grid-template-columns:1fr 330px}.explain-strip{grid-template-columns:1fr 1fr}.explain-strip>div:nth-child(2){border-right:0}.overview-grid{grid-template-columns:1fr 1fr}.matrix-layout{grid-template-columns:1fr}.matrix-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.matrix-side>span,.matrix-side>h3{grid-column:1/-1}}
@media(max-width:820px){body{padding-bottom:70px}.test-banner{font-size:.6rem}.app-header{height:66px;padding:0 14px}.brand img{width:38px;height:38px}.brand b{font-size:.95rem}.brand small{font-size:.52rem}.sync-badge{display:none}.wallet-button{min-height:38px;padding:0 13px;font-size:.65rem}.app-layout{display:block}.sidebar{display:none}.workspace{padding:22px 14px 40px}.view-header{align-items:flex-start}.view-header h1{font-size:1.8rem}.view-header p{font-size:.68rem}.account-switch{width:145px}.welcome-card{grid-template-columns:1fr;min-height:0;padding:28px 22px}.welcome-card h2{font-size:2.6rem}.welcome-orbit{height:220px;margin-top:15px}.metric-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.register-layout,.reward-hero,.referral-grid,.protocol-grid{grid-template-columns:1fr}.explain-strip{grid-template-columns:1fr}.explain-strip>div{border-right:0;border-bottom:1px solid var(--line)}.reward-hero{padding:24px}.risk-card,.rule-quick{grid-column:auto}.activity-head{align-items:flex-start;flex-direction:column}.filters{width:100%;overflow:auto}.filters select{flex:0 0 130px}.event-row{grid-template-columns:75px 120px 1fr}.event-row>i{display:none}.mobile-nav{height:66px;position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#090d11ee;backdrop-filter:blur(18px)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#6e7c87;font-size:.53rem}.mobile-nav i{font-style:normal;font-size:.75rem}.mobile-nav button.active{color:var(--yellow)}.matrix-toolbar{align-items:flex-start;flex-direction:column}.matrix-status-bar{grid-template-columns:repeat(3,1fr)}.matrix-side{display:block}.cycle-list{margin-bottom:15px}.table-head,.table-row{grid-template-columns:1fr .8fr .8fr}.table-head>*:nth-child(3),.table-head>*:nth-child(5),.table-row>*:nth-child(3),.table-row>*:nth-child(5){display:none}.section-head{align-items:flex-start;flex-direction:column}.data-note{text-align:left}.rule-quick>div{grid-template-columns:55px 1fr 1fr}.rule-quick>div span:nth-of-type(3),.rule-quick em{display:none}}
@media(max-width:500px){.test-banner{height:28px;justify-content:flex-start;overflow:hidden;white-space:nowrap}.test-banner span{display:none}.view-header{display:grid;grid-template-columns:1fr auto}.view-header p{grid-column:1/-1}.account-switch{width:125px}.welcome-card h2{font-size:2.15rem}.welcome-actions{display:grid}.welcome-orbit{transform:scale(.9)}.metric-grid{gap:8px}.metric-grid article{min-height:110px;padding:15px}.metric-grid strong{font-size:1.4rem}.matrix-summary,.next-actions,.latest-card,.register-card,.transaction-steps,.invite-card,.spillover-card,.protocol-card,.risk-card,.rule-quick{padding:20px}.price-split{display:grid;grid-template-columns:1fr}.price-split>i,.price-split>em{display:none}.price-split>strong{text-align:center}.level-picker{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.level-button{width:100%}.matrix-main,.matrix-side{padding:16px}.matrix-status-bar{grid-template-columns:1fr 1fr}.matrix-status-bar>div:last-child{grid-column:1/-1}.matrix-action-box{grid-template-columns:1fr}.matrix-action-box button{width:100%}.reward-hero h2{font-size:1.65rem}.event-row{grid-template-columns:60px 1fr}.event-row>strong{display:none}.invite-stats{gap:25px}.mini-network b{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.orbit-ring.r2,.tree-lines path{animation:none!important}}

/* v0.9.3 circuit identity */
.circuit-icon{display:block;width:100%;height:100%}.nav-item>i{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid #23313b;border-radius:12px;background:linear-gradient(145deg,#111a21,#0a0f13);color:#61727f;box-shadow:inset 0 1px #ffffff08}.nav-item>i svg{width:25px;height:25px}.nav-item:hover>i{border-color:#3a4f5e;color:#a8bac6}.nav-item.active>i{border-color:#795f12;background:linear-gradient(145deg,#261f0b,#11140f);color:var(--yellow);box-shadow:inset 0 1px #f8db6255,0 0 20px #e9b81e12}.mobile-nav i svg{width:23px;height:23px}
.view-heading{display:flex;align-items:center;gap:16px;min-width:0}.page-emblem{width:64px;height:64px;display:grid;place-items:center;flex:0 0 64px;border:1px solid #2b3d49;border-radius:20px;background:radial-gradient(circle at 45% 38%,#23384a,#0c1217 67%);color:var(--cyan);box-shadow:inset 0 1px #ffffff0c,0 15px 34px #0005}.page-emblem svg{width:43px;height:43px}.page-emblem[data-icon="register"]{color:#f5c62b}.page-emblem[data-icon="m3"]{color:#49e2f3}.page-emblem[data-icon="m4"]{color:#f5c62b}.page-emblem[data-icon="rewards"]{color:#6fa8ff}.page-emblem[data-icon="referrals"]{color:#35d58a}.page-emblem[data-icon="activity"]{color:#7e9cff}.page-emblem[data-icon="protocol"]{color:#f0b943}.view-heading h1{margin-top:0}
.protocol-visual{height:278px;position:relative;display:grid;place-items:center;isolation:isolate}.protocol-visual:before{content:"";position:absolute;inset:12px;border:1px solid #263a49;border-radius:38px;background:linear-gradient(145deg,#0b1116cc,#0c1722aa);box-shadow:inset 0 0 60px #0b1b27,0 18px 45px #0006}.protocol-visual:after{content:"BEM MATRIX CIRCUIT";position:absolute;left:34px;top:28px;color:#5f7484;font:700 .47rem/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.17em}.protocol-visual svg{width:100%;max-width:390px;height:270px;position:relative;z-index:2;overflow:visible}.visual-glow{position:absolute;z-index:1;width:150px;height:150px;border-radius:50%;background:#2b8fe426;filter:blur(45px);animation:circuit-breathe 4s ease-in-out infinite}.visual-shell{fill:none;stroke:#314756;stroke-width:2}.visual-shell path{stroke:#3f5c6f;stroke-linecap:round}.visual-trace{fill:none;stroke:#33586c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.visual-trace circle{fill:#4bd8e8;stroke:none;filter:drop-shadow(0 0 6px #49e2f3)}.visual-matrix rect{fill:#0d171d;stroke:currentColor;stroke-width:2}.visual-matrix use{color:currentColor}.visual-m3{color:var(--cyan);filter:drop-shadow(0 0 11px #49e2f33f)}.visual-m4{color:var(--yellow);filter:drop-shadow(0 0 11px #f5c62b3b)}.visual-core rect{fill:#0b1014;stroke:#527088;stroke-width:1.5}.visual-core path{fill:none;stroke:#d7e2e8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.visual-core text{fill:#718794;font:700 6px "SFMono-Regular",Consolas,monospace;text-anchor:middle;letter-spacing:1px}.visual-caption{position:absolute;z-index:3;bottom:22px;display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid #2a3d4b;border-radius:999px;background:#091016e6;color:#8195a2;font:700 .48rem "SFMono-Regular",Consolas,monospace;letter-spacing:.08em}.visual-caption b{color:white}.visual-caption i{width:18px;height:1px;background:#3a5364}
.card-heading{display:flex;align-items:center;gap:13px;min-width:0}.card-heading>div{min-width:0}.card-heading h2,.card-heading h3{margin:6px 0 0}.card-emblem{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border:1px solid #364751;border-radius:17px;background:#0b1217;color:var(--yellow);box-shadow:inset 0 0 0 5px #ffffff02}.card-emblem svg{width:37px;height:37px}.card-emblem.cyan{color:var(--cyan)}.card-emblem.blue{color:#67a2ff}.card-emblem.green{color:var(--green)}.card-emblem.amber{color:var(--yellow)}.matrix-heading h2{margin-top:5px}.matrix-main,.matrix-side,.matrix-toolbar,.level-picker,.tree-panel{min-width:0}
.matrix-name{width:54px!important;height:54px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px!important;border-radius:16px!important;background:#0d151b!important}.matrix-name svg{width:31px;height:31px}.matrix-name b{font-size:.5rem;line-height:1}.matrix-name.cyan{color:var(--cyan);border-color:#28545b!important;box-shadow:inset 0 0 18px #49e2f30a}.matrix-name.yellow{color:var(--yellow);border-color:#594a22!important;box-shadow:inset 0 0 18px #f5c62b0a}.price-split .matrix-name{grid-row:1/3}.price-split>div{grid-template-columns:58px auto}
.metric-grid article{position:relative;overflow:hidden}.metric-grid article:after{content:"";position:absolute;right:-14px;top:-14px;width:66px;height:66px;opacity:.32;background:linear-gradient(90deg,transparent 48%,#426177 49% 51%,transparent 52%),linear-gradient(transparent 48%,#426177 49% 51%,transparent 52%);border:1px solid #345063;border-radius:18px;transform:rotate(12deg)}.metric-grid article:before{content:"";position:absolute;right:12px;top:16px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.action-row>i,.event-mini>i{border:1px solid #263944;background:#0c151b;color:var(--cyan)}.action-row>i .circuit-icon,.event-mini>i .circuit-icon{width:24px;height:24px}.event-mini>i{width:34px;height:34px}.event-mini>b{white-space:nowrap}
.tree-node>span{position:relative;overflow:visible;border-style:solid!important;border-color:#344955!important;background:linear-gradient(145deg,#101b22,#0b1116)!important;color:#728995!important;box-shadow:inset 0 0 0 5px #ffffff02,0 12px 22px #0005!important}.tree-node>span:before,.tree-node>span:after{content:"";position:absolute;left:-7px;right:-7px;top:50%;height:20px;transform:translateY(-50%);border-left:4px solid currentColor;border-right:4px solid currentColor;opacity:.65}.node-circuit{width:43px;height:43px;opacity:.48}.tree-node>span em{position:absolute;inset:0;display:grid;place-items:center;color:inherit;font-size:.65rem;font-style:normal;font-weight:900;text-shadow:0 1px 4px #000}.tree-node.filled>span,.tree-node.owner>span{border-color:var(--level)!important;color:var(--level)!important;background:linear-gradient(145deg,#102027,#0a1116)!important;box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--level) 7%,transparent),0 0 22px color-mix(in srgb,var(--level) 24%,transparent)!important}.tree-node.owner>span{width:64px;height:64px}.tree-node.owner .node-circuit{width:49px;height:49px;opacity:.8}.tree-node.owner>span em{font-size:.52rem}
.surface,.reward-hero{box-shadow:inset 0 1px #ffffff06,0 18px 50px #0003}.register-card,.invite-card,.protocol-card,.reward-hero{position:relative;overflow:hidden}.register-card:after,.invite-card:after,.protocol-card:after,.reward-hero:after{content:"";position:absolute;right:-55px;bottom:-55px;width:150px;height:150px;opacity:.12;border:1px solid currentColor;border-radius:42px;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:24px 24px;transform:rotate(18deg);pointer-events:none}
@keyframes circuit-breathe{50%{opacity:.6;transform:scale(1.12)}}

@media(max-width:820px){.view-heading{gap:11px}.page-emblem{width:52px;height:52px;flex-basis:52px;border-radius:16px}.page-emblem svg{width:36px;height:36px}.protocol-visual{height:250px;margin-top:18px}.protocol-visual svg{height:245px}.welcome-card{row-gap:5px}.matrix-heading{align-items:flex-start}.matrix-toolbar{gap:12px}.nav-item>i{width:36px;height:36px}.mobile-nav i{width:26px;height:26px}.mobile-nav i svg{width:24px;height:24px}.mobile-nav button.active i{color:var(--yellow)}}
@media(max-width:500px){.view-heading{align-items:flex-start}.page-emblem{width:46px;height:46px;flex-basis:46px;border-radius:14px}.page-emblem svg{width:32px;height:32px}.view-heading h1{font-size:1.6rem}.view-heading p{font-size:.63rem}.protocol-visual{height:230px;margin:14px -8px -2px}.protocol-visual:before{inset:8px}.protocol-visual svg{height:226px}.protocol-visual:after{left:25px;top:22px}.visual-caption{bottom:15px}.card-emblem{width:46px;height:46px;flex-basis:46px;border-radius:14px}.card-emblem svg{width:32px;height:32px}.matrix-name{width:48px!important;height:48px!important}.matrix-name svg{width:27px;height:27px}.tree-node>span{width:54px;height:54px}.tree-node.owner>span{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.visual-glow{animation:none!important}}

/* v1.1.0 promotion center and automatic settlement */
.overview-invite{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:24px;align-items:center;margin:0 0 16px;padding:23px 26px;background:radial-gradient(circle at 75% 50%,#163a4e55,transparent 42%),linear-gradient(135deg,#101820,#0b1116)}.overview-invite h3{margin:7px 0 5px}.overview-invite p{margin:0;color:var(--muted);font-size:.62rem}.overview-invite .copy-field{margin:0}.settlement-pulse{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:24px;padding:16px;border:1px solid #294439;border-radius:15px;background:#0a1512}.settlement-pulse>i{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.settlement-pulse>span{display:flex;flex-direction:column;gap:4px}.settlement-pulse small{color:#6f8279;font-size:.52rem}.settlement-pulse b{font-size:.75rem}.settlement-pulse em{color:var(--green);font-size:1.5rem;font-style:normal}.promotion-table{margin-bottom:16px}.promotion-network{align-items:stretch}.promotion-network>article{min-width:0}.page-emblem[data-icon="referrals"]{color:#35d58a}
@media(max-width:820px){.overview-invite{grid-template-columns:1fr}.overview-invite .copy-field{margin-top:2px}.promotion-network{grid-template-columns:1fr}}
@media(max-width:500px){.overview-invite{padding:20px}.overview-invite .copy-field{grid-template-columns:1fr}.overview-invite .copy-field button{height:42px}.settlement-pulse{grid-template-columns:auto 1fr}.settlement-pulse>span:last-child{grid-column:2}}
.wallet-account strong{display:block;min-height:44px;padding:13px 12px;border:1px solid #2c3944;border-radius:11px;background:#111820;color:var(--text);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field input{width:100%;height:44px;margin:8px 0;padding:0 12px;border:1px solid #2c3944;border-radius:11px;background:#111820;color:var(--text);font-size:.72rem;outline:none}.field input:focus{border-color:#4b94ff}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.48}.config-blocked{border-color:#ffbf2f55!important}.config-blocked .live-label{color:#ffca3a}

/* v1.5 unified M3 + M4 game hub */
.game-hub-head{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:18px 34px;align-items:center;margin-bottom:16px;padding:25px 28px;background:radial-gradient(circle at 82% 50%,#153a5059,transparent 38%),linear-gradient(135deg,#101820,#0a1015)}.game-hub-head>p{margin:0;color:#8e9da8;font-size:.7rem;line-height:1.75}.game-flow{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:13px;padding:13px 16px;border:1px solid #263945;border-radius:14px;background:#091116}.game-flow span{display:flex;align-items:center;gap:8px;color:#a9b7c0;font-size:.62rem}.game-flow b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#172632;color:var(--cyan);font-size:.52rem}.game-flow i{color:#4a5c68;font-style:normal}.integrated-register{margin-bottom:16px}.integrated-register.registered .register-card{border-color:#27513f}.integrated-register.registered .register-card:before{content:"已在链上开通";position:absolute;right:20px;top:20px;padding:5px 8px;border:1px solid #2b654c;border-radius:999px;background:#10261c;color:var(--green);font-size:.5rem;font-weight:800}.field input[readonly]{border-color:#314955;background:#0a1218;color:#dce7ec;font-family:"SFMono-Regular",Consolas,monospace;cursor:default}.field #sponsor-source{display:block;color:var(--cyan)}
.matrix-switcher{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-bottom:16px;padding:22px 25px}.matrix-switcher h3{margin:6px 0 5px}.matrix-switcher p{margin:0;color:var(--muted);font-size:.61rem}.matrix-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.matrix-tabs button{min-width:175px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #2b3c47;border-radius:15px;background:#0a1116;color:#738490;text-align:left;transition:.18s}.matrix-tabs svg{width:34px;height:34px;flex:0 0 34px}.matrix-tabs span{display:flex;flex-direction:column;gap:3px}.matrix-tabs b{font-size:.72rem}.matrix-tabs small{color:#62727d;font-size:.5rem}.matrix-tabs button:first-child.active{border-color:#2a7580;background:#10252b;color:var(--cyan);box-shadow:inset 0 0 25px #49e2f30a}.matrix-tabs button:last-child.active{border-color:#715d1f;background:#28220d;color:var(--yellow);box-shadow:inset 0 0 25px #f5c62b0b}.matrix-tabs button.active small{color:#9cabb4}.matrix-panel{display:none}.matrix-panel.active{display:block;animation:matrix-panel-in .2s ease-out}@keyframes matrix-panel-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:820px){.mobile-nav{grid-template-columns:repeat(4,1fr)}.game-hub-head{grid-template-columns:1fr}.game-flow{grid-column:auto;justify-content:flex-start;overflow:auto}.game-flow span{flex:0 0 auto}.matrix-switcher{grid-template-columns:1fr}.matrix-tabs{width:100%}.matrix-tabs button{min-width:0}.integrated-register.registered .register-card:before{position:static;display:inline-flex;margin-bottom:12px}}
@media(max-width:500px){.game-hub-head{padding:20px}.game-flow{justify-content:flex-start;padding:11px}.game-flow i{display:none}.matrix-switcher{padding:18px}.matrix-tabs button{padding:10px}.matrix-tabs svg{width:29px;height:29px;flex-basis:29px}.matrix-tabs small{font-size:.46rem}.field input[readonly]{font-size:.58rem}}