:root{color:#e7e9f2;background:#0b1020;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,Inter,sans-serif;line-height:1.55;font-size:13px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(420px 220px at 100% -8%,rgba(109,56,214,.16),transparent 70%),#0b1020;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer}a{color:#c5b7ef}.page{width:min(420px,calc(100% - 32px));margin:0 auto;padding:8px 0 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px}.brand{display:flex;align-items:center;gap:8px;min-width:0}.mark{width:26px;height:26px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6e7b4,#c6a15a 46%,#8a6820);box-shadow:inset 0 0 0 1px #ffffff47;position:relative}.mark i{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #3a2a08;border-radius:1px;transform:rotate(45deg)}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:13px;font-weight:600}.brand-text small{color:#8e97b0;font-size:9px;letter-spacing:.12em}.head-actions{display:flex;align-items:center;gap:2px;flex:none}button.ghost{color:#8e97b0;min-height:30px;padding:0 8px;font-size:12px}button.wallet{background:#e4defe;color:#17122b;border-radius:6px;min-height:30px;padding:0 10px;font-size:12px;font-weight:600}button.wallet:disabled,button.ghost:disabled{opacity:.55;cursor:not-allowed}nav{display:flex;gap:18px;margin:2px 0 16px;border-bottom:1px solid #29314b}nav button{color:#8e97b0;min-height:36px;padding:0 0 8px;border-radius:0;border-bottom:1px solid transparent;font-size:13px}nav button.on{color:#f4f6fb;border-bottom-color:#f4f6fb}.hero{margin-bottom:16px}.eyebrow{margin:0 0 6px;color:#8e97b0;font-size:11px;letter-spacing:.04em}.hero h1{margin:0;font-size:20px;line-height:1.45;font-weight:600;letter-spacing:0}.hero em{font-style:normal;color:#c4b5fd}.lead,.muted,footer{color:#8e97b0}.lead{margin:8px 0 0;font-size:12px;line-height:1.6}.tip{background:#141b30;border:1px solid #29314b;border-radius:10px;padding:10px 12px;margin:0 0 16px;color:#c9d0e0;font-size:12px;line-height:1.65}.section-head{margin:0 0 10px}.section-head h2{margin:0;font-size:16px;font-weight:600}.board{display:grid;grid-template-columns:1fr;gap:10px}.card{background:#131a2e;border:1px solid #29314b;border-radius:10px;overflow:hidden;min-width:0}.card.open{background:linear-gradient(180deg,#171e36,#131a2e 72px)}.head{width:100%;text-align:left;padding:12px 12px 11px;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.kicker{color:#8e97b0;font-size:11px}.figure{font-size:18px;line-height:1.3;font-weight:600;letter-spacing:0;word-break:break-word}.caption,.summary{color:#b7c0d4;font-size:12px;line-height:1.5}.summary{display:flex;flex-wrap:wrap;gap:6px 12px}.more{margin-top:4px;color:#c5b7ef;font-size:12px}.detail{padding:0 12px 12px}dl{margin:0}dl div,.preview{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 0;border-top:1px solid #29314b}dt{color:#8e97b0;font-size:11px}dd,.preview strong{margin:0;text-align:left;word-break:break-all;font-size:13px;font-weight:500}.field{display:block;margin-top:12px}.field>span,.preview span{color:#8e97b0;font-size:12px}.input-wrap{margin-top:6px;display:flex;align-items:center;gap:8px;background:#0e1426;border:1px solid #3a4668;border-radius:8px;padding:0 12px}input{width:100%;min-height:44px;border:0;outline:none;background:transparent;color:#fff;font-size:16px;font-weight:500}input::placeholder{color:#5c6780}.unit{color:#c5b7ef;font-size:12px;font-weight:500;white-space:nowrap}.actions{display:flex;gap:8px;margin-top:12px}.actions>button,.empty button{background:#6d38d6;color:#fff;border-radius:6px;min-height:38px;padding:0 14px;font-size:13px;font-weight:600}.actions>button{width:100%}.actions>button:disabled{background:#2a3148;color:#8b93a7;cursor:not-allowed}.position{margin-top:10px;padding:2px 10px 10px;border:1px solid #29314b;border-radius:8px;background:#10172b}.position .actions>button{width:auto;min-width:96px}.fee{color:#e7d7a1;font-size:12px}.link{color:#c5b7ef;padding:0;min-height:0;width:auto;background:none;font-size:12px;font-weight:400;text-align:left}.empty{padding:22px 4px;text-align:center;color:#8e97b0;font-size:13px}.empty button{display:block;margin:12px auto 0}footer{margin-top:22px;font-size:11px;display:flex;flex-direction:column;gap:6px;word-break:break-all}
