.screen[data-page="jinxuan"] .body:has(.jxs-page){display:flex;min-height:0;padding:0;background:#f5f6fa}
.jxs-page{display:flex;flex:1;flex-direction:column;min-height:0;width:100%;background:#f5f6fa;color:#20362d}
.jxs-loading{padding:32px;color:#777;text-align:center}
.jxs-history-link{border:0;background:none;color:#267354;font-size:14px}
.jxs-wallet{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:8px 8px 4px;padding:8px 12px;border-radius:12px;background:#fff}
.jxs-wallet>div{display:flex;flex:1;flex-direction:column;min-width:0}.jxs-wallet small{color:#777;font-size:11px}.jxs-wallet strong{font-size:20px;font-weight:600}
.jxs-wallet>button{min-height:40px;border:0;background:none;color:#267354;font-size:13px}.jxs-wallet>small{flex-basis:100%}
.jxs-scroll{flex:1;min-height:0;overflow:auto;padding:2px 8px 6px;overscroll-behavior:contain}
.jxs-status{color:#a64428;font-size:13px}.jxs-status p{margin:7px 5px}.jxs-status .notice{color:#087443}
.jxs-status button{min-height:40px;border:0;background:none;color:#267354;font-size:14px}
.jxs-period{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 5px}.jxs-period strong{font-size:17px;font-weight:600}
.jxs-period span{padding:4px 8px;border-radius:5px;font-size:11px}.jxs-period .open{background:#e9f4ef;color:#267354}.jxs-period .closed{background:#e3e6ef;color:#777}
.jxs-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.jxs-modes button{min-height:48px;padding:7px 2px;border:1px solid #e3e6ef;border-radius:8px;background:#fff;color:#20362d;font-size:15px}
.jxs-modes button.active{border-color:#267354;background:#267354;color:#fff}.jxs-modes button:disabled{opacity:.48}
.jxs-rule{display:flex;align-items:center;min-height:43px;font-size:12px;color:#777}.jxs-rule span{flex:1}.jxs-rule button{min-height:40px;padding:0 4px;border:0;background:none;color:#267354;font-size:12px}
.jxs-rule-copy,.jxs-hint{margin:5px 3px 8px;color:#777;font-size:12px;line-height:1.5}
.jxs-text-action{min-height:42px;border:0;background:none;color:#267354;font-size:13px}
.jxs-number-head{display:flex;align-items:center;justify-content:space-between;min-height:42px;color:#777;font-size:12px}.jxs-number-head button{min-height:40px;border:0;background:none;color:#267354;font-size:12px}
.jxs-waves{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 8px}.jxs-waves button{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:64px;border:1px solid #e3e6ef;border-radius:8px;background:#fff;color:#20362d}
.jxs-waves button.active{color:#fff}.jxs-waves .red.active{background:#f00}.jxs-waves .blue.active{background:#00f}.jxs-waves .green.active{background:green}
.jxs-waves strong{font-size:18px}.jxs-waves small{font-size:12px}.jxs-waves button:disabled{opacity:.48}
.jxs-animals{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:7px 0}.jxs-animals button{min-height:48px;border:1px solid #e3e6ef;border-radius:8px;background:#fff;color:#20362d;font-size:16px}
.jxs-animals button.active{background:#267354;color:#fff}.jxs-animals button:disabled{opacity:.48}
.jxs-group-amount{min-height:44px;margin:2px 0 8px;padding:8px 12px;border:1px solid #e3e6ef;border-radius:8px;background:#fff;color:#20362d;font-size:14px}
.jxs-numbers{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:6px}.jxs-number{display:flex;align-items:center;flex-direction:column;min-height:51px;padding:1px;border:1px solid #e3e6ef;border-radius:8px;background:#fff;overflow:hidden}
.jxs-number.red:not(.selected){background:#ffd6d6}.jxs-number.blue:not(.selected){background:#d6daff}.jxs-number.green:not(.selected){background:#d5ebd6}
.jxs-number.selected{border-color:#267354;background:#267354}.jxs-number>button:first-child{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:48px;width:100%;border:0;background:none;color:#20362d;padding:0}
.jxs-number.selected>button:first-child{color:#fff}.jxs-number strong{font-size:18px;line-height:20px}.jxs-number span{font-size:13px;line-height:20px}
.jxs-number-amount{width:calc(100% - 4px);min-height:25px;margin:1px 2px;border:1px solid #e3e6ef;border-radius:6px;background:#fff;color:#b54708;font-size:15px;font-weight:700;overflow:hidden}
.jxs-dock{padding:4px 8px calc(5px + env(safe-area-inset-bottom));border:1px solid #e3e6ef;border-radius:16px 16px 0 0;background:#fff}
.jxs-summary{display:flex;align-items:center;gap:8px;min-height:51px}.jxs-summary>*{flex:1;min-width:0}.jxs-summary>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:48px;border:0;background:none;color:#267354;text-align:left}.jxs-summary>button:last-child{flex:0 0 auto;padding:0 5px;font-size:14px}
.jxs-summary>div{display:flex;flex-direction:column}.jxs-summary small{color:#777;font-size:12px}.jxs-summary strong{font-size:20px;color:#b54708;overflow:hidden;text-overflow:ellipsis}.jxs-summary>div strong{color:#20362d;font-size:18px}
.jxs-validation{margin:2px 0;color:#b54708;font-size:12px}
.jxs-quick{display:flex;gap:8px;margin:3px 0 7px}.jxs-quick button{flex:1;min-height:48px;border:1px solid #e3e6ef;border-radius:8px;background:#fff;color:#267354;font-size:16px;font-weight:600}.jxs-quick #jxs-unify{flex:0 0 64px;font-size:12px}
.jxs-quick button.active{border-color:#267354;background:#e9f4ef}
.jxs-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.jxs-keys button{min-height:48px;border:0;border-radius:8px;background:#f0f3f2;color:#20362d;font-size:24px;font-weight:600}.jxs-keys button[data-jxs-key="清空"]{background:#fff1e8;color:#b54708;font-size:14px}.jxs-keys button[data-jxs-key="退格"]{font-size:14px}
.jxs-keys #jxs-submit{grid-column:span 3;background:#267354;color:#fff;font-size:16px}.jxs-keys #jxs-submit:disabled{opacity:.45}
.jxs-confirm-summary{white-space:pre-wrap;max-height:60vh;overflow:auto;line-height:1.6}
@media(max-width:360px){.jxs-modes button{font-size:13px}.jxs-numbers{gap:2px}.jxs-number strong{font-size:16px}.jxs-keys{gap:5px}}
