html,body{margin:0;padding:0;background:#0c0a14;color:#f4ead4;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
.yu-app{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:36px;background:
    radial-gradient(90% 50% at 50% -10%, rgba(232,196,110,.16), transparent 55%),
    #0c0a14}
.yu-top{display:flex;align-items:center;gap:8px;padding:12px 10px 8px;position:sticky;top:0;z-index:20;background:linear-gradient(#0c0a14,#0c0a14ee)}
.yu-back{border:0;background:rgba(255,255,255,.06);width:34px;height:34px;border-radius:10px;font-size:22px;line-height:34px;color:#f4ead4;border:1px solid rgba(232,196,110,.2)}
.yu-omit-open{flex:0 0 auto;max-width:76px;border:1px solid rgba(232,196,110,.45);background:linear-gradient(135deg,#f3d27a,#c89a2e);color:#3a2a08;border-radius:10px;font-size:11px;font-weight:800;line-height:1.25;padding:6px 6px;letter-spacing:0}
.yu-title{flex:1;text-align:center;font-size:17px;font-weight:800;letter-spacing:2px;color:#f6e7b0}
.yu-eye{flex:0 0 auto;min-width:52px;height:42px;border-radius:12px;border:1px solid rgba(232,196,110,.4);background:rgba(255,255,255,.05);color:#f4d478;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 8px}
.yu-eye svg{width:22px;height:22px;fill:currentColor}
.yu-eye span{font-size:10px;font-weight:800;letter-spacing:1px}
.yu-eye.on{background:linear-gradient(135deg,#f3d27a,#c89a2e);color:#3a2a08;border-color:transparent}
.yu-tabs{display:flex;margin:4px 14px 12px;background:rgba(255,255,255,.04);border-radius:14px;padding:4px;border:1px solid rgba(232,196,110,.16)}
.yu-tabs button{flex:1;border:0;background:transparent;height:36px;border-radius:10px;font-size:13px;font-weight:700;color:#9a8f73}
.yu-tabs button.on{background:linear-gradient(135deg,#f3d27a,#c89a2e);color:#3a2a08}
.yu-sheet{position:fixed;inset:0;z-index:40;background:#0c0a14;overflow:auto;padding:14px 14px 40px;max-width:480px;margin:0 auto}
.yu-sheet-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.yu-sheet-hd b{font-size:18px;color:#f6e7b0}
.yu-sheet-hd button{border:0;background:rgba(255,255,255,.08);color:#f4ead4;border-radius:10px;padding:8px 12px;font-weight:700}
.yu-sheet-tip{margin:0 0 14px;font-size:12px;color:#8d8164}
.yu-back-hall{display:block;width:100%;margin-top:22px;height:42px;border:0;border-radius:12px;background:rgba(255,255,255,.06);color:#c9b37a;font-weight:800}
.yu-notice{margin:0 16px 14px;color:#8d8164;font-size:11px;text-align:center;letter-spacing:.4px}
.yu-pred-row{display:flex;gap:12px;align-items:center}
.yu-pred-combo{min-width:88px;height:88px;border-radius:20px;background:linear-gradient(135deg,#f3d27a,#c89a2e);color:#3a2a08;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}
.yu-pred-side{flex:1;min-width:0}
.yu-pred-nums span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;margin-right:6px;background:rgba(232,196,110,.16);color:#f4d478;font-weight:800}
.yu-pred-side p{margin:8px 0 0;font-size:12px;color:#a89870;line-height:1.5}
.yu-rate-bar{margin-top:12px;padding-top:10px;border-top:1px solid rgba(232,196,110,.12);font-size:13px;color:#c9b37a}
.yu-rate-bar b{color:#f4d478;font-size:18px}
.yu-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}
.yu-chip{padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(232,196,110,.16);color:#f4d478}
.yu-chip.on{background:linear-gradient(135deg,#f3d27a,#c89a2e);color:#3a2a08}
.yu-wait{color:#c9b37a;letter-spacing:2px}
.yu-card{margin:0 14px 12px;background:linear-gradient(180deg,#1a1728,#14121f);border-radius:18px;padding:14px;border:1px solid rgba(232,196,110,.14);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.yu-k{font-size:11px;color:#b9a574;margin-bottom:10px;letter-spacing:2px}
.yu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.yu-grid.n28{grid-template-columns:repeat(7,1fr)}
.yu-cell{background:rgba(255,255,255,.04);border-radius:10px;padding:8px 4px;text-align:center;border:1px solid rgba(255,255,255,.04)}
.yu-cell p{margin:0;font-size:13px;font-weight:700;color:#f4ead4}
.yu-cell .h{display:block;font-size:10px;color:#e8c46e}
.yu-cell .o{display:block;font-size:10px;color:#d07a7a}
.yu-cell.max{background:rgba(232,196,110,.12);border-color:rgba(232,196,110,.28)}
.yu-road{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}
.yu-col{display:flex;flex-direction:column;gap:3px}
.yu-dot{width:20px;height:20px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;color:#fff}
.yu-dot.da,.yu-dot.dan{background:linear-gradient(135deg,#d4b25a,#8a7020)}
.yu-dot.xiao,.yu-dot.shuang{background:linear-gradient(135deg,#6a5a9a,#3d345f)}
.yu-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;color:#d8cfb8}
.yu-row em{font-style:normal;color:#e8c46e}
.yu-hit{font-size:12px;color:#8d8164}
.yu-hit b.ok,.yu-row b.ok{color:#8fd19e}
.yu-hit b.no,.yu-row b.no{color:#d07a7a}
.yu-off{padding:80px 24px;text-align:center;color:#8d8164}
.hidden{display:none!important}
.yu-balls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.yu-ball{width:36px;height:36px;border-radius:50%;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.yu-ball.b{background:linear-gradient(135deg,#7ad4ff,#2a8ad6)}
.yu-ball.r{background:linear-gradient(135deg,#f0a0a8,#c94a52)}

.yu-mi{
    margin:0 14px 14px;
    padding:18px 14px 16px;
    border-radius:22px;
    background:
        radial-gradient(120% 80% at 8% 0%, rgba(244,212,120,.26), transparent 46%),
        linear-gradient(165deg, #221c3c 0%, #100e1a 52%, #2a2150 100%);
    box-shadow:0 18px 40px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,220,140,.2);
    border:1px solid rgba(232,196,110,.38);
}
.yu-mi-hd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}
.yu-mi-hd i{display:block;font-style:normal;font-size:11px;letter-spacing:4px;color:#e8c46e}
.yu-mi-hd b{display:block;margin-top:5px;font-size:20px;color:#fff;font-weight:800}
.yu-mi-hd em{font-style:normal;font-size:22px;font-weight:800;color:#f4d478;font-variant-numeric:tabular-nums}
.yu-mi-seal{
    position:relative;
    height:148px;
    border-radius:18px;
    overflow:hidden;
    background:linear-gradient(180deg,#2d2550,#161225);
    box-shadow:inset 0 0 0 1px rgba(232,196,110,.22);
}
.yu-mi-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.yu-mi-inner .yu-mi-sub{font-size:11px;letter-spacing:3px;color:#c9b37a}
.yu-mi-inner .yu-mi-combo{
    min-width:78px;height:30px;line-height:30px;text-align:center;
    border-radius:20px;background:linear-gradient(135deg,#f3d27a,#c89a2e);color:#3a2a08;font-weight:800;font-size:15px
}
.yu-mi-inner .yu-why{font-size:11px;color:#a89870;text-align:center;padding:0 12px}
.yu-mi-inner .yu-balls{justify-content:center}
.yu-mi-inner .yu-ball{width:42px;height:42px;font-size:16px;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.yu-mi-seal canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:none}
.yu-mi-tip{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#5a4310;text-align:center}
.yu-mi-tip strong{font-size:30px;letter-spacing:12px;text-indent:12px;font-weight:800}
.yu-mi-tip small{display:block;margin-top:8px;font-size:12px;letter-spacing:2px;color:#6b5420}