:root{--navy:#101b36;--navy2:#17264b;--accent:#2f6df6;--soft:#eaf0ff;--red:#e44755;--green:#16a36a;--gold:#d59631;--ink:#17213a;--muted:#73809a;--line:#e6ebf3;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh}.topbar{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 34px;gap:32px;position:sticky;top:0;z-index:5}.brand{font-size:20px;font-weight:800;white-space:nowrap}.brand span{color:#ff6f78}.topbar nav{display:flex;gap:4px;flex:1}.nav-btn{background:transparent;color:#acb7d2;padding:11px 15px;border-radius:7px;font-size:14px}.nav-btn.active,.nav-btn:hover{background:#243965;color:#fff}.user-chip{font-size:13px;color:#c4cee3;display:flex;gap:12px;align-items:center;white-space:nowrap}.logout{color:#ffadb3;background:transparent}.container{max-width:1240px;margin:auto;padding:34px 28px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.hero h1{margin:0 0 7px;font-size:30px}.hero p{margin:0;color:var(--muted);font-size:14px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #1c345f0d}.kpi{padding:20px 22px}.kpi .label{color:var(--muted);font-size:13px}.kpi strong{display:block;font-size:32px;margin-top:9px;color:var(--navy)}.panel{padding:24px;margin-bottom:20px}.panel h2{font-size:18px;margin:0 0 20px}.grid{display:grid;grid-template-columns:1.18fr .82fr;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#596780;font-weight:600}.field input,.field select{height:44px;border:1px solid #d8e0ed;border-radius:8px;padding:0 13px;outline:0;background:#fbfcfe;color:var(--ink)}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #dfe8ff}.primary{background:var(--accent);color:#fff;padding:11px 18px;border-radius:8px;font-weight:700}.secondary{background:var(--soft);color:var(--accent);padding:11px 18px;border-radius:8px}.danger{color:#c43947;background:#fff0f2;padding:8px 11px;border-radius:7px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{border-bottom:1px solid var(--line);padding:15px 12px;text-align:left;white-space:nowrap}.table th{color:var(--muted);font-weight:600;background:#fafbfe;font-size:12px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.status.on{color:#11734b;background:#e6f7ee}.status.off{color:#9b640e;background:#fff4db}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef3fb}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:38px;box-shadow:0 20px 55px #19305a21}.login-card .brand{color:var(--navy);margin-bottom:34px}.login-card h1{margin:0 0 8px;font-size:28px}.login-card p{margin:0 0 26px;color:var(--muted);font-size:14px}.login-card .field{margin-bottom:16px}.hint{margin-top:15px;font-size:12px;color:var(--muted);line-height:1.7;background:#f7f9fd;padding:10px 12px;border-radius:8px}.lottery-page{background:#f3f6fb;min-height:100vh}.lottery-head{background:var(--navy);color:#fff;padding:17px max(18px,calc((100% - 1080px)/2));display:flex;justify-content:space-between;align-items:center}.lottery-head .site-name{font-size:27px;font-weight:900}.lottery-head .switch{background:#294679;color:#fff;padding:9px 13px;border-radius:7px;font-size:13px}.lottery-main{max-width:1080px;margin:24px auto 0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 14px 36px #1a315a14}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 20px;overflow:auto}.tab{padding:16px 18px;white-space:nowrap;color:#6b7890;font-size:14px}.tab.active{color:var(--accent);border-bottom:3px solid var(--accent);font-weight:800}.draw-summary{padding:22px 24px;background:#fbfcff;border-bottom:1px solid var(--line)}.draw-title{font-size:17px;font-weight:700}.draw-title b{color:var(--accent);margin:0 3px}.balls{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin:16px 0}.ball-wrap{text-align:center;font-weight:700;min-width:48px}.ball{height:52px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:25px;box-shadow:0 4px 9px #141e3c1f}.ball.red{background:var(--red)}.ball.blue{background:#5367e9}.ball.green{background:var(--green)}.zodiac{font-size:13px;padding-top:7px;color:#4d5b73}.plus{font-size:24px;color:var(--gold);margin:9px 1px}.countdown{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#64718a;font-size:14px}.countdown strong{color:var(--red)}.digits{display:flex;gap:6px;margin-left:auto}.digit{width:42px;height:44px;border:1px solid #d9e1ee;border-radius:7px;display:grid;place-items:center;font-size:22px;font-weight:700;background:#fbfcff;color:var(--navy)}.filters{padding:14px 24px;background:#f7f9fd;border-bottom:1px solid var(--line)}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0}.pill{padding:6px 10px;border-radius:999px;background:#e9eef6;font-size:12px;color:#58677f}.pill.active{background:var(--accent);color:#fff}.history{padding:0 24px}.history-item{padding:20px 0;border-bottom:1px solid var(--line)}.history-meta{font-size:13px;color:#7b879c;margin-bottom:8px}.history-meta b{color:var(--navy);margin-right:9px}.history-item .ball{height:40px;border-radius:8px;font-size:20px}.history-item .ball-wrap{min-width:42px}.history-item .zodiac{font-size:12px}.mobile-nav{display:flex;justify-content:space-around;border-top:1px solid var(--line);padding:12px 0;color:#6e7c93;background:#fff}.mobile-nav div{text-align:center;font-size:12px;line-height:1.6}.mobile-nav .active{color:var(--accent);font-weight:700}@media(max-width:760px){.topbar{height:62px;padding:0 16px}.topbar nav{display:none}.container{padding:22px 14px}.kpis{grid-template-columns:1fr;gap:12px}.grid,.form-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:26px}.panel{padding:18px}.lottery-head{padding:15px 16px}.lottery-head .site-name{font-size:24px}.lottery-main{margin:12px 10px 0;border-radius:12px}.draw-summary,.countdown,.filters,.history{padding-left:16px;padding-right:16px}.countdown{display:block}.digits{margin:12px 0 0}.ball-wrap{min-width:40px}.ball{height:44px;font-size:22px}}

/* Independent backend pages and the public draw page. */
.backend-shell{min-height:100vh;background:var(--bg)}.backend-topbar{height:74px;background:var(--navy);color:#fff;padding:0 34px;display:flex;align-items:center;justify-content:space-between}.backend-brand{display:flex;align-items:center;gap:12px}.backend-brand small{display:block;margin-top:3px;color:#aab6d0;font-size:11px;letter-spacing:.5px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #41557f;border-radius:9px;color:#fff;font-size:20px;font-weight:900}.backend-actions{display:flex;gap:18px;align-items:center}.role-badge{padding:5px 9px;border-radius:999px;background:#243965;color:#b9c8eb;font-size:10px;font-weight:800;letter-spacing:1px}.public-page{min-height:100vh;background:#f3f6fb;color:var(--ink)}.public-header{max-width:1180px;margin:0 auto;padding:25px 28px 21px;display:flex;align-items:center;justify-content:space-between;background:#101b36;color:#fff}.public-brand{display:flex;align-items:center;gap:13px}.public-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #61759d;border-radius:12px;color:#fff;font-size:25px;font-weight:900}.public-title{font-size:25px;font-weight:900;line-height:1.1}.public-subtitle{margin-top:5px;color:#aab6d0;font-size:11px;letter-spacing:1px}.public-status{display:flex;align-items:center;gap:14px}.public-live{padding:6px 10px;border-radius:999px;background:#174c3b;color:#77e2b3;font-size:12px;font-weight:700}.public-date{color:#aab6d0;font-size:12px}.public-main{max-width:1180px;margin:0 auto;background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:0 15px 35px #1a315a12}.public-hero{padding:30px 34px 24px;background:#fff;border-bottom:1px solid var(--line)}.public-hero-head{display:flex;justify-content:space-between;align-items:flex-start}.public-kicker{display:block;color:#8190aa;font-size:10px;font-weight:800;letter-spacing:1.6px}.public-hero h1{margin:7px 0 0;font-size:24px}.public-hero h1 b{color:var(--accent)}.public-verified{padding:6px 10px;border-radius:999px;background:#e8f7f0;color:#16845a;font-size:12px;font-weight:700}.public-balls{margin-top:24px}.public-caption{color:#7c899d;font-size:12px}.public-next{display:flex;justify-content:space-between;align-items:center;padding:21px 34px;border-bottom:1px solid var(--line);background:#fbfcff}.public-next strong{display:block;margin-top:6px;color:#526079;font-size:13px}.public-next>div:first-child b{display:block;margin-top:5px;color:var(--red);font-size:14px}.public-next .digit{width:45px;height:46px}.public-next .colon{border:0;background:transparent;width:14px;color:#7c899d}.public-filter{padding:14px 34px;background:#f7f9fd;border-bottom:1px solid var(--line)}.filter-title{width:40px;color:#7c899d;font-size:12px;font-weight:700}.public-history{padding:25px 34px}.public-section-head{display:flex;justify-content:space-between;align-items:center}.public-section-head h2{margin:0;font-size:18px}.public-section-head span{color:var(--accent);font-size:12px;font-weight:700}.public-history-card{margin-top:15px;padding:17px;border:1px solid var(--line);border-radius:10px}.public-history-meta{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13px}.public-history-meta time{margin-left:auto;color:#7c899d}.public-footer{max-width:1180px;margin:0 auto;padding:18px 28px;display:flex;justify-content:space-between;color:#8a96a9;font-size:11px}@media(max-width:760px){.backend-topbar{height:64px;padding:0 16px}.backend-actions{gap:10px}.backend-brand .brand{font-size:17px}.backend-brand small{font-size:10px}.public-header{padding:18px 16px}.public-title{font-size:21px}.public-mark{width:36px;height:36px;font-size:21px}.public-date{display:none}.public-main{margin:0;border:0}.public-hero{padding:24px 18px 21px}.public-hero h1{font-size:21px}.public-next{display:block;padding:18px}.public-next .digits{margin-top:13px}.public-filter,.public-history{padding-left:18px;padding-right:18px}.public-history-meta time{display:none}.public-footer{padding:16px 18px}}