:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;color:#18212b;background:#121b25;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:none;-webkit-text-size-adjust:none}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}html{overflow-x:hidden;touch-action:pan-y;font-size:16px;text-size-adjust:none;-webkit-text-size-adjust:none}body{min-height:100dvh;overflow-x:hidden;overscroll-behavior:none;font-size:16px;text-size-adjust:none;-webkit-text-size-adjust:none}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.app-guard{min-height:100dvh;background:#121b25}.desktop-block,.landscape-block{display:none;min-height:100dvh;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:28px;text-align:center;color:#f9fbff}.desktop-block strong,.landscape-block strong{font-size:22px}.desktop-block span,.landscape-block span{color:#b6c3d0;font-size:15px}.phone-shell{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;background:#eef0e8;position:relative}.screen{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 20px)}.hero{padding:0;background:#9d2d24;border:1px solid #7d201a;border-radius:8px;overflow:hidden}.hero img{display:block;width:100%;height:auto}.hero-kicker,.section-label{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:6px;background:#f3d464;color:#7b211a;font-size:12px;font-weight:800}.hero h1,.admin-hero h1{margin:10px 0 8px;font-size:24px;line-height:1.15;letter-spacing:0}.hero p,.admin-hero p{margin:0;color:#ffeeb8;font-size:14px;line-height:1.55}.latest-draw,.knowledge-section,.element-section,.history-section,.admin-hero,.admin-login,.admin-panel{margin-top:12px;padding:12px;background:#fffdf4;border:1px solid #d4d7c9;border-radius:8px}.latest-draw{background:radial-gradient(circle at 88% 18%,rgba(211,59,49,.24),transparent 30%),radial-gradient(circle at 8% 88%,rgba(246,181,45,.36),transparent 34%),linear-gradient(135deg,#ffe577,#fff4c4 42%,#ffc68c);border-color:#d9a23f;box-shadow:inset 0 1px #ffffffd1,0 4px 14px #9d2d241f}.draw-title-row,.panel-head,.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.latest-draw h2,.block-heading h2,.panel-head h2{margin:7px 0 0;font-size:19px;line-height:1.2;color:#17202a}.status-pill{flex:0 0 auto;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:6px;background:linear-gradient(135deg,#fff06a,#f6b52d 36%,#d33b31 74%,#9d2d24);color:#fff;font-size:13px;font-weight:800;position:relative;overflow:hidden;text-shadow:0 1px 1px rgba(80,20,10,.35);box-shadow:inset 0 -2px #00000029}.status-pill:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.78) 45%,transparent 62%);transform:translate(-120%) rotate(8deg);animation:statusSweep 2.2s linear infinite}@keyframes statusSweep{0%{transform:translate(-120%) rotate(8deg)}55%,to{transform:translate(120%) rotate(8deg)}}.draw-meta{display:grid;grid-template-columns:minmax(86px,.78fr) minmax(0,1.42fr);gap:7px;margin-top:10px}.draw-date-card,.countdown-card{min-width:0;border-radius:7px;border:1px solid rgba(157,45,36,.16);box-shadow:inset 0 1px #ffffffb8,0 2px 8px #803a180f}.draw-date-card{display:grid;align-content:center;justify-items:center;gap:3px;min-height:52px;padding:7px 9px;background:#fffdf4a3;text-align:center}.draw-date-card span,.countdown-label,.countdown-sub{color:#7b211a;font-size:10px;font-weight:900}.draw-date-card strong{color:#46515a;font-size:14px;line-height:1.15;letter-spacing:0}.countdown-card{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;min-height:52px;padding:6px 8px;overflow:hidden;background:linear-gradient(135deg,#fffad4f0,#ffe782c7 54%,#e76f4ead)}.countdown-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.22) 45%,transparent 72%);transform:translate(-100%);animation:countdownGlow 5.2s ease-in-out infinite}.countdown-card>*{position:relative}.countdown-time{color:#7b211a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(19px,5.8vw,24px);line-height:1;letter-spacing:0;text-shadow:0 1px 0 rgba(255,255,255,.5);font-variant-numeric:tabular-nums}.countdown-sub{color:#8e3523;text-shadow:none}@keyframes countdownGlow{0%,45%{transform:translate(-100%)}to{transform:translate(100%)}}.balls-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 14px minmax(0,1fr);align-items:flex-start;column-gap:clamp(3px,1.6vw,8px);margin-top:14px;overflow:visible;padding:4px 0}.ball-item{min-width:0;display:grid;justify-items:center;gap:5px}.ball{width:clamp(31px,9.1vw,38px);height:clamp(31px,9.1vw,38px);display:grid;place-items:center;border-radius:50%;color:#fff;font-size:clamp(14px,4vw,16px);font-weight:900;box-shadow:inset 0 -3px #0000002e;position:relative;overflow:hidden}.ball-red,.chip-red,.mini-red{background:#d8403a}.ball-blue,.chip-blue,.mini-blue{background:#3b62c4}.ball-green,.chip-green,.mini-green{background:#27824f}.ball-gray,.chip-gray,.mini-gray{background:#6c7782}.ball-name{color:#434d56;font-size:12px;font-weight:800}.ball-item.special .ball{isolation:isolate;box-shadow:inset 0 -4px #0003,0 0 #f3d46499;animation:specialPulse 1.55s ease-in-out infinite}.ball-item.special .ball:after{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:1;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.82) 45%,transparent 62%);transform:translate(-120%) rotate(8deg);animation:specialSweep 2.1s linear infinite;pointer-events:none}@keyframes specialPulse{0%,to{transform:scale(1);box-shadow:inset 0 -4px #0003,0 0 #f3d46499}50%{transform:scale(1.02);box-shadow:inset 0 -4px #0003,0 0 0 5px #f3d46400}}@keyframes specialSweep{0%{transform:translate(-120%) rotate(8deg)}55%,to{transform:translate(120%) rotate(8deg)}}.plus{min-width:0;padding-top:clamp(5px,1.9vw,7px);color:#9d2d24;font-size:clamp(18px,5.4vw,22px);font-weight:900;text-align:center}.draw-note{margin:8px 0 0;color:#7a4b19;font-size:13px;line-height:1.5}.block-heading{margin-bottom:10px}.block-heading.compact{display:flex;align-items:center;justify-content:space-between;gap:10px}.zodiac-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d7d9cd;border-left:1px solid #d7d9cd}.zodiac-cell{min-width:0;min-height:112px;padding:7px 4px;border-right:1px solid #d7d9cd;border-bottom:1px solid #d7d9cd;background:#fffef9}.zodiac-main{display:flex;align-items:center;justify-content:center;gap:3px;min-height:54px}.zodiac-name{font-size:15px;font-weight:900;color:#202a34}.image-slot{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:8px;background:#f2f4ea;color:#a65426;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain}.image-slot.missing-image:after{content:attr(data-zodiac);font-size:20px;font-weight:900}.zodiac-conflict{min-width:0;color:#4d5358;font-size:12px;font-weight:700;white-space:nowrap}.number-line{display:flex;flex-wrap:nowrap;justify-content:center;gap:2px;min-width:0}.number-chip,.mini-ball{min-width:20px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;color:#fff;font-size:11px;font-weight:900}.element-list{display:grid;gap:7px}.element-row{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:32px}.element-row strong{color:#a27d13;text-align:center;font-size:15px}.element-numbers,.mini-balls{display:flex;flex-wrap:wrap;gap:4px}.history-row{padding:10px 0;border-top:1px solid #e0e2d8}.history-row:first-of-type{border-top:0}.history-head{margin-bottom:8px}.history-head strong{font-size:15px}.history-head span{color:#687077;font-size:13px}.mini-plus{color:#9d2d24;font-weight:900;line-height:22px}.admin-hero{background:#173247;color:#fff}.admin-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-title-row h1{margin:0}.admin-top-actions{flex:0 0 auto;display:flex;gap:8px}.admin-back-button{flex:0 0 auto;min-height:30px;border-radius:8px;padding:0 10px;background:#ffffff24;color:#fff;font-size:13px;font-weight:900}.admin-hero p{color:#cfe0eb}.admin-message{margin:12px 0 0;padding:9px 11px;border-radius:8px;background:#fff6d5;color:#714500;font-size:12px;font-weight:700;line-height:1.55;white-space:pre-line}.admin-panel{padding:10px}.admin-panel .section-label{min-height:20px;padding:0 7px;border-radius:6px;font-size:10px}.admin-panel .panel-head h2{margin-top:6px;font-size:16px;line-height:1.2}.admin-panel .panel-head{gap:8px;margin-bottom:10px}.admin-menu{position:sticky;top:calc(env(safe-area-inset-top) + 8px);z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:12px;padding:4px;border:1px solid #d4d7c9;border-radius:8px;background:#fffdf4f0;box-shadow:0 4px 14px #17324714}.admin-menu button{min-width:0;min-height:34px;border-radius:6px;padding:0 4px;background:transparent;color:#4d5a64;font-size:11px;font-weight:900;white-space:nowrap}.admin-menu button.active{background:#d33b31;color:#fff;box-shadow:inset 0 -2px #00000029}.admin-login,.draw-form,.credential-form{display:grid;gap:9px}.admin-login label,.admin-panel label{gap:5px;font-size:12px;font-weight:800}.admin-login input,.admin-panel input,.admin-panel select,.admin-panel textarea,.number-picker-trigger{min-height:36px;border-radius:7px;padding:7px 9px;font-size:13px}.admin-panel textarea{min-height:92px}.number-picker-trigger{width:100%;border:1px solid #c6cccf;background:#fff;color:#17202a;text-align:left;font-weight:800;letter-spacing:0}.number-picker-trigger:focus{border-color:#3b62c4;box-shadow:0 0 0 3px #3b62c429}.trigger-placeholder{color:#7c858c;font-weight:800}label{display:grid;gap:6px;color:#27323c;font-size:14px;font-weight:800}input,select,textarea{width:100%;min-height:42px;border:1px solid #c6cccf;border-radius:8px;background:#fff;color:#17202a;padding:9px 10px;font-size:16px;outline:none}textarea{resize:vertical;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:#3b62c4;box-shadow:0 0 0 3px #3b62c429}.hint{margin:0;color:#6d757c;font-size:13px;line-height:1.5}.draw-form,.credential-form{grid-template-columns:1fr 1fr}.draw-form .full,.credential-form .form-actions,.form-actions{grid-column:1 / -1}.primary-button,.ghost-button,.danger-button,.admin-row-actions button{min-height:32px;border-radius:8px;padding:0 9px;font-size:11px;font-weight:900}.primary-button{background:#d33b31;color:#fff}.ghost-button,.admin-row-actions button{background:#e8ecea;color:#20303d}.danger-button{background:#5b2630;color:#fff}.form-actions,.json-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-draw-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #e0e2d8}.admin-draw-row:first-of-type{border-top:0}.admin-draw-row strong,.admin-draw-row span{display:block}.admin-draw-row strong{font-size:13px;line-height:1.3}.admin-draw-row span{margin-top:3px;color:#687077;font-size:11px;font-weight:700;line-height:1.35}.admin-row-actions{flex:0 0 auto;display:flex;gap:5px}.admin-row-actions button{min-width:46px;min-height:30px;border-radius:7px;padding:0 8px}.login-event-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:68px;padding:9px 0;border-top:1px solid #e0e2d8}.login-event-row:first-of-type{border-top:0}.login-event-main{min-width:0}.login-ip small,.login-ip span{display:block}.login-name-row{display:flex;align-items:center;gap:6px;min-width:0}.login-event-main strong{color:#1f2b35;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-time{display:block;margin-top:4px;color:#687077;font-size:12px;font-weight:700;line-height:1.3}.login-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:18px;border-radius:5px;padding:0 6px;color:#fff;font-size:10px;font-weight:900;line-height:18px}.login-success{background:#27824f}.login-failure{background:#d33b31}.login-blocked{background:#5b2630}.login-unknown{background:#687077}.login-ip{flex:0 0 auto;min-width:86px;border-radius:8px;padding:7px 8px 8px;background:#eef1ed;text-align:right}.login-ip small{color:#7a858d;font-size:9px;font-weight:900;line-height:1}.login-ip span{margin-top:3px;color:#20303d;font-size:12px;font-weight:900}.empty-state{margin:8px 0 0;color:#687077;font-size:12px;font-weight:800}.number-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));background:#141c2370}.number-picker-dialog{width:min(100%,330px);max-height:min(82vh,560px);overflow:auto;border-radius:10px;border:1px solid #d5d8ca;background:#fffdf4;box-shadow:0 18px 44px #17324747;padding:11px}.number-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.number-picker-head strong{color:#202a34;font-size:14px;line-height:1.2}.number-picker-head span{min-width:38px;min-height:22px;display:grid;place-items:center;border-radius:7px;background:#edf0ec;color:#4d5a64;font-size:11px;font-weight:900}.number-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.picker-number{aspect-ratio:1;min-width:0;border-radius:50%;color:#fff;font-size:11px;font-weight:900;box-shadow:inset 0 -2px #00000014,0 0 #d33b3100}.picker-red{background:#d8403a61}.picker-blue{background:#3b62c461}.picker-green{background:#27824f61}.picker-gray{background:#6c778261}.picker-number.selected{outline:2px solid #f0d45f;outline-offset:2px;transform:translateY(-1px);box-shadow:inset 0 -2px #0000002e,0 4px 10px #17324729}.picker-red.selected{background:#d8403a}.picker-blue.selected{background:#3b62c4}.picker-green.selected{background:#27824f}.picker-gray.selected{background:#6c7782}.picker-number:disabled{cursor:default;opacity:.28}.number-picker-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:7px;margin-top:11px}.number-picker-actions .primary-button,.number-picker-actions .ghost-button{min-height:32px}.history-count{flex:0 0 auto;color:#687077;font-size:12px;font-weight:800}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:12px;margin-top:2px;border-top:1px solid #e0e2d8}.admin-pagination button{min-height:32px;border-radius:8px;padding:0 10px;background:#e8ecea;color:#20303d;font-size:12px;font-weight:900}.admin-pagination button:disabled{cursor:default;opacity:.42}.admin-pagination span{color:#687077;font-size:12px;font-weight:800}.json-editor{min-height:260px;margin:10px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.hidden-input{display:none}@media(min-width:760px)and (orientation:portrait){.phone-shell{display:none}.desktop-block{display:flex}}@media(orientation:landscape){.phone-shell,.desktop-block{display:none}.landscape-block{display:flex}}@media(max-width:360px){.screen{padding-left:8px;padding-right:8px}.zodiac-cell{padding-left:3px;padding-right:3px}.zodiac-conflict{font-size:11px}.number-chip,.mini-ball{min-width:18px;height:20px;font-size:10px}}