:root{color-scheme:dark;--bg:#090a0c;--card:#111317;--card2:#15181d;--line:#282b31;--gold:#d7b96e;--gold2:#9b7b37;--text:#f4f1e8;--muted:#888b91;--blue:#4e8be8;--red:#cf5360;--green:#4cad83;font-family:Inter,'Noto Sans TC',system-ui,sans-serif;background:var(--bg);color:var(--text)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#090a0c 0%,#0d0e11 55%,#08090a 100%);overflow-x:hidden}button,input,a{font:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.12}.ambient-one{width:420px;height:420px;background:#bd8d32;right:-160px;top:-160px}.ambient-two{width:320px;height:320px;background:#684f1f;left:-200px;bottom:5%}.shell{position:relative;width:min(1180px,100%);min-height:100vh;margin:auto;padding:0 28px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gold2);color:var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.08em;transform:rotate(45deg)}.brand-mark::first-line{transform:rotate(-45deg)}.brand>span:last-child{display:flex;flex-direction:column;gap:2px}.brand b{font-size:.83rem;letter-spacing:.24em}.brand small{color:#777b82;font-size:.52rem;letter-spacing:.19em}.top-actions{display:flex;align-items:center;gap:12px}.status{display:flex;align-items:center;gap:8px;color:#9a9da2;font-size:.75rem;letter-spacing:.08em}.status i{width:7px;height:7px;border-radius:50%;background:#9b454c;box-shadow:0 0 10px #9b454c}.status.online i{background:#4cad83;box-shadow:0 0 10px #4cad83}.icon-button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#121419;color:#b5b6b8;font-size:.75rem;cursor:pointer}.login-stage{min-height:calc(100vh - 160px);display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:center;padding:70px 4%}.kicker,.section-head span{color:var(--gold);font-size:.65rem;font-weight:700;letter-spacing:.24em}.login-copy h1{font-size:clamp(2.3rem,5vw,4.65rem);line-height:1.15;letter-spacing:-.04em;margin:22px 0}.login-copy h1 em{color:var(--gold);font-style:normal;font-weight:500}.login-copy>p:not(.kicker){max-width:570px;color:#97999e;line-height:1.9}.trust-row{display:flex;gap:24px;margin-top:32px;color:#777a7f;font-size:.72rem}.trust-row span::before{content:'◆';color:var(--gold2);font-size:.5rem;margin-right:8px}.login-card{position:relative;background:linear-gradient(145deg,#17191e,#101216);border:1px solid #302c22;padding:42px;border-radius:3px;box-shadow:0 30px 80px #0008}.login-card::before{content:'';position:absolute;inset:10px;border:1px solid #d7b96e12;pointer-events:none}.card-number{position:absolute;right:20px;top:18px;color:#59564c;font-size:.55rem;letter-spacing:.18em}.login-card h2{font-size:1.5rem;margin:20px 0 6px}.muted,.login-card>small{color:#74777d;font-size:.77rem}.login-card>small{display:block;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}#telegram-login{min-height:48px;display:grid;place-items:center;margin:28px 0 12px}.message{min-height:1.25em;color:var(--gold);font-size:.8rem;margin:12px 0}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-top:28px}.signal-card,.panel,.metric-grid article{background:linear-gradient(145deg,#15171b,#101216);border:1px solid var(--line);border-radius:3px}.signal-card{padding:24px 28px;min-height:246px;position:relative;overflow:hidden}.signal-card::after{content:'DX';position:absolute;right:-15px;bottom:-55px;color:#d7b96e08;font-weight:700;font-size:11rem}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head small{color:#66696f;font-size:.65rem}.signal-body{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px;position:relative;z-index:1}.signal-label,.unit span{display:block;color:#777b81;font-size:.73rem;margin-bottom:8px}.signal-body strong{font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.05em;color:var(--gold)}.unit{text-align:right}.unit b{font-size:1.2rem}.signal-line{height:1px;background:linear-gradient(90deg,var(--gold2),transparent);margin:25px 0 13px}.signal-card>p{color:#73767c;font-size:.72rem;margin:0}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-grid article{padding:20px;display:flex;flex-direction:column;justify-content:center}.metric-grid article>span{font-size:.71rem;color:#85888e}.metric-grid strong{font-size:1.25rem;margin:10px 0}.metric-grid small{font-size:.53rem;color:#555960;letter-spacing:.16em}.safe-mode{color:#74c79e}.work-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:16px;margin-top:16px}.panel{padding:24px 28px}.panel h2{font-size:1.05rem;margin:18px 0}.quick-input{display:grid;grid-template-columns:1fr 1fr .7fr;gap:10px}.result-button{height:94px;border:1px solid var(--line);background:#101216;color:var(--text);border-radius:3px;cursor:pointer;transition:.2s}.result-button:hover{transform:translateY(-2px);background:#171a1f}.result-button b{display:block;font-size:1.6rem}.result-button span{font-size:.55rem;letter-spacing:.14em;color:#696c72}.result-button.player{border-bottom:2px solid var(--blue)}.result-button.player b{color:#6da5f8}.result-button.banker{border-bottom:2px solid var(--red)}.result-button.banker b{color:#e46d78}.result-button.tie{border-bottom:2px solid var(--green)}.result-button.tie b{color:#67c59a}.divider{display:flex;align-items:center;gap:12px;color:#62656b;font-size:.65rem;margin:20px 0}.divider::before,.divider::after{content:'';height:1px;background:var(--line);flex:1}.input-panel form{display:grid;grid-template-columns:1fr auto;gap:10px}.input-panel input{min-width:0;border:1px solid var(--line);border-radius:3px;background:#0c0e11;color:#fff;padding:13px 15px;outline:none}.input-panel input:focus{border-color:var(--gold2)}.gold-button{border:0;border-radius:3px;padding:0 22px;background:linear-gradient(135deg,#d9bd78,#a9853e);color:#15120a;font-weight:700;cursor:pointer}.control-actions{display:grid;gap:9px}.control-actions a,.control-actions button{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid var(--line);border-radius:3px;background:#111318;color:#c7c8ca;text-decoration:none;cursor:pointer}.control-actions .casino-button{border-color:#6f5b2e;background:#19160f;color:var(--gold)}.control-actions .danger{color:#d8858d}.safety-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px;background:#101713;border:1px solid #1e372a}.safety-note i{width:7px;height:7px;border-radius:50%;background:var(--green);margin-top:5px}.safety-note p{font-size:.66rem;color:#707a74;line-height:1.6;margin:0}.safety-note b{color:#8cae99}.road-panel{margin-top:16px}.road-legend{text-align:right;color:#777a80;font-size:.67rem;margin:16px 0 10px}.road-legend span{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 5px 0 12px}.p-dot{background:var(--blue)}.b-dot{background:var(--red)}.t-dot{background:var(--green)}.road{min-height:80px;display:grid;grid-template-columns:repeat(auto-fill,38px);gap:8px;align-content:start;padding:16px;background:#0c0e11;border:1px solid #202329}.hand{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700;border:1px solid}.hand.B{color:#ed7883;border-color:#b74752;background:#35171b}.hand.P{color:#76adfa;border-color:#3d73be;background:#13233c}.hand.T{color:#71cea1;border-color:#34865e;background:#102c20}.empty-road{grid-column:1/-1;color:#56595f;text-align:center;font-size:.72rem}footer{display:flex;justify-content:space-between;color:#4f5258;font-size:.58rem;letter-spacing:.12em;padding:28px 2px 34px}
.score-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.score-card{position:relative;min-height:108px;padding:17px 20px;background:#0c0e11;border:1px solid var(--line);transition:.2s}.score-card span{display:block;color:#71747a;font-size:.68rem;letter-spacing:.08em}.score-card b{display:block;margin-top:10px;font-size:2.4rem}.score-card.player{border-left:3px solid var(--blue)}.score-card.player b{color:#72aaf8}.score-card.banker{border-right:3px solid var(--red);text-align:right}.score-card.banker b{color:#eb7781}.score-card.active{background:#16191f;box-shadow:inset 0 0 0 1px #d7b96e44}.score-card.active::after{content:'請輸入';position:absolute;bottom:10px;color:var(--gold2);font-size:.56rem;letter-spacing:.1em}.score-card.banker.active::after{right:20px}.score-result{margin:12px 0;padding:10px;text-align:center;background:#0c0e11;border:1px solid var(--line);font-weight:700;letter-spacing:.08em}.score-result.pending{color:#777b81;font-weight:500}.score-result.player-win{color:#72aaf8;border-color:#315e99}.score-result.banker-win{color:#eb7781;border-color:#853a43}.score-result.tie-win{color:#71cea1;border-color:#347758}.number-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.number-pad button{min-height:48px;border:1px solid #34373e;border-radius:3px;background:#111318;color:#eee;font-size:1.05rem;font-weight:700;cursor:pointer}.number-pad button:hover,.number-pad button:active{border-color:var(--gold2);background:#211d14;color:var(--gold)}.score-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:9px}.score-actions button{min-height:45px;border:1px solid var(--line);border-radius:3px;background:#111318;color:#aaa;cursor:pointer}.score-actions .gold-button{background:linear-gradient(135deg,#d9bd78,#a9853e);color:#15120a;border:0}.score-actions .gold-button:disabled{filter:grayscale(1);opacity:.4;cursor:not-allowed}
@media(max-width:850px){.login-stage{grid-template-columns:1fr;gap:35px;padding:50px 5%}.login-copy{text-align:center}.login-copy>p:not(.kicker){margin-inline:auto}.trust-row{justify-content:center}.hero-grid,.work-grid{grid-template-columns:1fr}.login-card{max-width:470px;width:100%;margin:auto}}
@media(max-width:560px){.shell{padding:0 14px}.topbar{height:72px}.brand-mark{width:34px;height:34px}.brand b{font-size:.7rem}.brand small{display:none}.status{font-size:.66rem}.login-stage{padding:42px 4%}.login-copy h1{font-size:2.35rem}.login-copy>p:not(.kicker){font-size:.84rem}.trust-row{gap:12px;font-size:.62rem}.login-card{padding:30px 24px}.hero-grid{margin-top:16px}.signal-card,.panel{padding:20px}.signal-card{min-height:220px}.signal-body{margin-top:30px}.metric-grid{gap:8px}.metric-grid article{padding:16px 14px;min-height:105px}.metric-grid strong{font-size:1.05rem}.quick-input{grid-template-columns:1fr 1fr 1fr}.result-button{height:82px}.input-panel form{grid-template-columns:1fr}.gold-button{padding:13px}.road{grid-template-columns:repeat(auto-fill,32px);gap:6px}.hand{width:30px;height:30px}footer{gap:12px;flex-direction:column;text-align:center}}