:root{--bg: #f4f5f7;--surface: #ffffff;--surface2: #fafafa;--ink: #111827;--muted: #6b7280;--hair: #e5e7eb;--hair-strong: #d1d5db;--accent: #111827;--accent-soft: #f3f4f6;--accent-text: #ffffff;--ok: #059669;--bad: #dc2626;--warn: #d97706;--shadow: 0 1px 3px rgba(17, 24, 39, .06);--shadow-md: 0 4px 16px rgba(17, 24, 39, .08);--r: 12px;--ring: 0 0 0 3px rgba(17, 24, 39, .08);--shopPad: 12px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg)}.page{min-height:100svh;display:grid;place-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.card{width:min(400px,92vw);border-radius:var(--r);background:var(--surface);border:1px solid var(--hair);box-shadow:var(--shadow-md);padding:24px 20px 20px}.head{padding:0 0 16px}.badge{width:100%;height:auto;display:flex;align-items:center;gap:8px}.coin,.gem{display:none}.seal{margin-left:auto;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--hair);color:var(--muted)}.title{margin:12px 0 8px;display:grid;gap:4px;line-height:1.2}.titleTop{font-size:13px;font-weight:500;letter-spacing:.5px;color:var(--muted)}.titleMain{font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--ink)}.subtitle{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.form{display:grid;gap:14px;padding-top:4px}.field{display:grid;gap:6px}.label{font-size:13px;color:var(--ink);font-weight:500}.row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.input{width:100%;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--hair-strong);background:var(--surface);color:var(--ink);outline:none;font-size:16px}.input::placeholder{color:#9ca3af}.input:focus{border-color:var(--ink);box-shadow:var(--ring)}.ghost{height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--hair-strong);background:var(--surface);color:var(--ink);font-size:14px}.captcha{height:44px;padding:0;border-radius:10px;border:1px solid var(--hair-strong);background:var(--surface2);color:var(--ink);display:flex;align-items:center;gap:0;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.captchaCode{font-family:ui-monospace,monospace;font-size:16px;letter-spacing:2px;padding:4px 8px;border-radius:6px;background:var(--accent-soft);color:var(--ink)}.captchaImage{display:block;width:132px;max-width:38vw;height:42px;object-fit:fill;border-radius:8px;pointer-events:none}.captchaHint{display:none}.msg{margin:0;min-height:18px;font-size:13px;color:var(--muted)}.msg.ok{color:var(--ok)}.msg.bad{color:var(--bad)}.msg.warn{color:var(--warn)}.primary{margin-top:2px;height:48px;border-radius:10px;border:none;background:var(--accent);color:var(--accent-text);font-size:16px;font-weight:600;letter-spacing:.2px}.primary:after{display:none}.primary:active{opacity:.88}.primary[disabled]{opacity:.45}.foot{display:flex;align-items:center;gap:10px;padding-top:16px;color:var(--muted);font-size:11px}.line{height:1px;flex:1;background:var(--hair)}.sig{padding:4px 8px;border-radius:6px;border:1px solid var(--hair);background:var(--surface2)}.shop{min-height:100svh;max-width:480px;margin:0 auto;padding:12px 12px calc(16px + env(safe-area-inset-bottom));display:grid;gap:12px;align-content:start}.shop:before{display:none}.shopTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--hair);box-shadow:var(--shadow)}.shopTopLeft{display:flex;align-items:center;gap:16px;min-width:0}.shopUser,.shopBalance{display:flex;align-items:baseline;gap:6px;min-width:0}.shopUserTag,.shopBalanceTag{font-size:12px;font-weight:500;color:var(--muted);padding:0;border-radius:0;background:none}.shopUserName{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw;color:var(--ink)}.shopBalanceNum{font-family:ui-monospace,monospace;font-weight:600;font-size:16px;color:var(--ink)}.shopBalanceNum:before{content:none}.shopLogout{height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--hair-strong);background:var(--surface);color:var(--muted);font-size:13px;font-weight:500}.shopTabs{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:var(--r);background:var(--surface);border:1px solid var(--hair)}.shopTab{flex:1 1 auto;min-width:72px;height:40px;border-radius:8px;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:0}.shopTab.isActive{background:var(--accent);color:var(--accent-text);box-shadow:none}.shopBody{display:grid;gap:12px}.shopPanel{display:none}.shopPanel.isActive{display:grid;gap:12px}.scrollFrame{border-radius:var(--r);border:1px solid var(--hair);background:var(--surface);overflow:auto;max-height:min(42svh,340px);-webkit-overflow-scrolling:touch;padding:8px}.panelHead{padding:0 2px}.panelTitle{margin:0;font-size:17px;font-weight:600;letter-spacing:-.2px;color:var(--ink)}.panelTitle:before{content:none}.panelSub{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.coinGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0}.cardTile{min-height:64px;border-radius:10px;border:1px solid var(--hair);background:var(--surface2);display:grid;place-items:center;position:relative;color:var(--ink);box-shadow:none}.cardTile.isActive{border-color:var(--ink);background:var(--surface);box-shadow:var(--ring)}.tileNum{display:flex;align-items:baseline;gap:4px}.tilePrefix{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;border:1px solid var(--hair);background:var(--surface);font-size:10px;font-weight:600;color:var(--muted)}.tileValue{font-family:ui-monospace,monospace;font-weight:600;font-size:20px;color:var(--ink)}.tileSub{position:absolute;bottom:6px;left:8px;font-size:11px;color:var(--muted)}.payBox,.detailBox{border-radius:var(--r);border:1px solid var(--hair);background:var(--surface);box-shadow:var(--shadow);padding:14px;display:grid;gap:12px}.payHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.payTitle{font-weight:600;font-size:14px}.payTip{color:var(--muted);font-size:12px}.payRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payChip{height:44px;border-radius:10px;border:1px solid var(--hair-strong);background:var(--surface2);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:14px}.payChip.isActive{border-color:var(--ink);background:var(--surface);box-shadow:var(--ring)}.payIcon{width:10px;height:10px;border-radius:50%}.payA{background:#1677ff}.payW{background:#07c160}.shopPrimary{height:48px;border-radius:10px;border:none;background:var(--accent);color:var(--accent-text);font-size:15px;font-weight:600;letter-spacing:0;box-shadow:none}.shopSecondary{height:48px;border-radius:10px;border:1px solid var(--hair-strong);background:var(--surface);color:var(--ink);font-weight:600}.shopMsg{margin:0;min-height:18px;font-size:13px;color:var(--muted)}.shopMsg.ok{color:var(--ok)}.shopMsg.bad{color:var(--bad)}.shopMsg.warn{color:var(--warn)}.itemGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0}.itemCard{min-height:72px;border-radius:10px;border:1px solid var(--hair);background:var(--surface2);display:grid;place-items:center;text-align:center;padding:10px 6px;color:var(--ink)}.itemCard.isActive{border-color:var(--ink);background:var(--surface);box-shadow:var(--ring)}.itemName{font-weight:600;font-size:13px;line-height:1.25}.itemTag{margin-top:4px;font-size:11px;color:var(--muted);letter-spacing:0}.detailName{font-weight:600;font-size:16px}.detailDesc{color:var(--muted);font-size:13px;line-height:1.55}.detailMeta{display:flex;flex-wrap:wrap;gap:6px}.metaChip{padding:4px 10px;border-radius:6px;border:1px solid var(--hair);background:var(--surface2);font-size:12px;color:var(--muted)}.detailOps{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.stepper{height:44px;border-radius:10px;border:1px solid var(--hair-strong);background:var(--surface);display:grid;grid-template-columns:44px 1fr 44px;overflow:hidden}.stepBtn{border:0;background:var(--surface2);color:var(--ink);font-size:18px;font-weight:500}.stepInput{border:0;background:transparent;color:var(--ink);font-size:15px;text-align:center;outline:none}.stepper--single .stepInput{grid-column:1 / -1}.stepper--chat{grid-template-columns:1fr auto}.stepper--chat .stepInput{grid-column:auto;text-align:left;padding:0 12px}.stepper--chat .shopSecondary{height:100%;border-radius:0 10px 10px 0;padding:0 18px;white-space:nowrap}.chatBox{border:1px solid var(--hair);border-radius:var(--r);background:var(--surface);padding:14px;max-height:340px;overflow-y:auto}.chatList{display:flex;flex-direction:column;gap:12px}.chatEmpty{text-align:center;color:var(--muted);font-size:13px;padding:24px 0}.chatMsg{display:flex;flex-direction:column;max-width:82%}.chatMsg--me{align-self:flex-end;align-items:flex-end}.chatMsg--agent{align-self:flex-start;align-items:flex-start}.chatMsg--system{align-self:center;max-width:92%}.chatMeta{font-size:11px;color:var(--muted);margin-bottom:4px}.chatBub{padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.55;word-break:break-word;white-space:pre-wrap}.chatMsg--me .chatBub{background:var(--accent);color:var(--accent-text);border-bottom-right-radius:4px}.chatMsg--agent .chatBub{background:var(--surface2);color:var(--ink);border:1px solid var(--hair);border-bottom-left-radius:4px}.chatSystem{background:var(--surface2);color:var(--muted);font-size:12px;padding:6px 14px;border-radius:999px;text-align:center;line-height:1.5}.subTabs{display:flex;flex-wrap:wrap;gap:6px;padding:0}.subTab{flex:1 1 auto;min-width:72px;height:36px;border-radius:8px;border:1px solid var(--hair);background:var(--surface);color:var(--muted);font-size:12px;font-weight:500}.subTab.isActive{border-color:var(--ink);color:var(--ink);background:var(--accent-soft)}.hintBox{border-radius:10px;border:none;background:var(--surface2);color:var(--muted);font-size:12px;line-height:1.5;padding:10px 12px}.rewardList{display:grid;gap:8px}.rewardRow{border-radius:10px;border:1px solid var(--hair);background:var(--surface);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.rewardTitle{font-weight:600;font-size:14px;color:var(--ink)}.rewardSub{color:var(--muted);font-size:12px;margin-top:2px}.rewardBtn{height:32px;padding:0 14px;border-radius:8px;border:1px solid var(--hair-strong);background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;flex-shrink:0}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px 14px;background:#11182766;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.modalOverlay[hidden]{display:none!important}.modal{width:min(400px,92vw);border-radius:var(--r);border:1px solid var(--hair);background:var(--surface);box-shadow:var(--shadow-md);padding:20px;display:grid;gap:12px}.modalTitle{font-weight:600;font-size:17px}.modalBody{color:var(--muted);font-size:14px;line-height:1.6;white-space:pre-line}.modalFoot{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modalGhost,.modalPrimary{height:44px;border-radius:10px;font-weight:600;font-size:14px}.modalGhost{border:1px solid var(--hair-strong);background:var(--surface);color:var(--ink)}.modalPrimary{border:none;background:var(--accent);color:var(--accent-text)}.modalX{width:36px;height:36px;border-radius:8px;border:1px solid var(--hair);background:var(--surface2);color:var(--muted)}.link{border:none;background:transparent;color:var(--muted);text-decoration:underline}@media (max-width: 420px){.itemGrid{grid-template-columns:repeat(3,1fr)}.detailOps{grid-template-columns:1fr}}@media (max-width: 360px){.titleMain{font-size:24px}.coinGrid,.itemGrid{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr}}@media (max-width: 320px){.shopTab{min-width:calc(50% - 6px)}}@media (prefers-reduced-motion: reduce){.primary:after{animation:none}}