@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700;900&display=swap";.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-size:400% 400%;animation:gradientBG 15s ease infinite;padding:20px}.login-container .login-card{width:100%;max-width:500px;border-radius:12px;box-shadow:0 8px 24px #00000026;background:#fff}.login-container .login-card .qrcode-wrapper{display:flex;justify-content:center;align-items:center;min-height:220px;margin:20px 0}.login-container .login-card .qrcode-wrapper .qrcode-loading{color:#999;font-size:14px;text-align:center}.login-container .login-card :global(.ant-tabs-nav){margin-bottom:24px}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.poker-timer-display{background:linear-gradient(135deg,var(--theme-color, #0066cc) 0%,#003366 100%);font-family:Noto Sans SC,Microsoft YaHei,sans-serif;overflow:auto;position:relative;width:100vw!important;height:100vh!important;min-width:100vw!important;min-height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;padding:0!important;box-sizing:border-box}.poker-timer-display.loading-state,.poker-timer-display.error-state{display:flex;justify-content:center;align-items:center;min-height:100vh}.poker-timer-display:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,204,255,.1) 0%,transparent 70%);animation:lightFlow 10s linear infinite;z-index:1}.poker-timer-display:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,204,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,204,255,.05) 1px,transparent 1px);background-size:50px 50px;z-index:2}.poker-timer-display.fixed-size{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 0 50px #000c;overflow:hidden}.level-up-notification{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}.level-up-notification .level-up-content{background:linear-gradient(135deg,var(--theme-color, #0066cc) 0%,#003366 100%);padding:60px 80px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00000080;border:2px solid rgba(0,204,255,.5);animation:scaleIn .5s ease;color:#fff}.level-up-notification .level-up-content h2{font-size:48px;font-weight:900;margin:0 0 20px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.level-up-notification .level-up-content .level-info{font-size:36px;font-weight:700;margin-bottom:10px;color:#0fc}.level-up-notification .level-up-content .blinds-info{font-size:32px;font-weight:700;color:#ff0}.timer-container{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;padding:1.5vh 2vw;box-sizing:border-box;min-height:0}@media (max-width: 1366px){.timer-container{padding:1vh 1.5vw}}@media (max-width: 768px){.timer-container{padding:2vh 3vw}}.top-area{display:flex;justify-content:space-between;align-items:center;margin-top:2vh;margin-bottom:1.5vh;min-height:8vh;max-height:10vh;position:relative;flex-shrink:0;padding:0 1vw}.top-area .event-name{font-size:3vw;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(0,204,255,.8);letter-spacing:.1em;animation:glow 2s ease-in-out infinite alternate;flex:0 0 auto;text-align:left;display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.top-area .current-time{margin-left:auto;margin-right:1vw;flex:0 0 auto}.top-area .settings-button{flex:0 0 auto}.top-area .status-badge{position:absolute;top:50%;left:1vw;transform:translateY(-50%);padding:.5vh 1vw;border-radius:20px;font-size:1.2vw;font-weight:700;text-transform:uppercase;letter-spacing:.1em;z-index:10;animation:pulse 2s infinite}.top-area .status-badge.status-paused{background:#ffc10733;border:2px solid #ffc107;color:#ffc107;text-shadow:0 0 10px rgba(255,193,7,.8);box-shadow:0 0 20px #ffc1074d}.top-area .status-badge.status-ended{background:#f4433633;border:2px solid #f44336;color:#f44336;text-shadow:0 0 10px rgba(244,67,54,.8);box-shadow:0 0 20px #f443364d}.top-area .status-badge.status-registering{background:#4caf5033;border:2px solid #4caf50;color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.8);box-shadow:0 0 20px #4caf504d}.top-area .status-badge.status-draft{background:#9e9e9e33;border:2px solid #9e9e9e;color:#9e9e9e;text-shadow:0 0 10px rgba(158,158,158,.8);box-shadow:0 0 20px #9e9e9e4d}.top-area .header-slogan{font-size:1.5vw;font-weight:600;color:#0f6;text-shadow:0 0 10px rgba(0,255,102,.6);animation:sloganGlow 3s ease-in-out infinite alternate;flex:1;text-align:center;padding:0 2vw}.top-area .current-time{font-size:2vw;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,204,255,.6);flex:0 0 auto;text-align:right;margin-right:1vw}.top-area .settings-button{width:2.5vw;height:2.5vw;min-width:35px;min-height:35px;border:none;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.2vw;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000004d;z-index:100}.top-area .settings-button:hover{background:#fff3;transform:scale(1.1);box-shadow:0 0 15px #00ccff80}.top-area .settings-button:active{transform:scale(.95)}.top-area .settings-menu{position:absolute;top:calc(100% + 1vh);right:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(0,204,255,.3);padding:1vh 0;min-width:12vw;z-index:200;animation:scaleIn .2s ease;box-shadow:0 10px 30px #00000080}.top-area .settings-menu .settings-item{display:block;width:100%;padding:1.5vh 1.5vw;background:none;border:none;color:#fff;font-size:1.2vw;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;white-space:nowrap}.top-area .settings-menu .settings-item:hover{background:#00ccff1a}.top-area .settings-menu .settings-item.sound-toggle.enabled{color:#0f6}.top-area .settings-menu .settings-item.sound-toggle.disabled{color:#f66}.top-area .settings-menu .settings-item.refresh-button{color:#0cf}.top-area .settings-menu .settings-item.refresh-button:disabled{opacity:.5;cursor:not-allowed}.top-area .settings-menu .settings-item.exit-button{color:#f66;border-top:1px solid rgba(255,255,255,.1);margin-top:.5vh;padding-top:2vh}.top-right-controls{position:absolute;top:2vh;right:2vw;display:flex;gap:1vw;z-index:100}.top-right-controls .refresh-button,.top-right-controls .settings-button{width:3vw;height:3vw;min-width:40px;min-height:40px;border:none;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.5vw;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000004d}.top-right-controls .refresh-button:hover,.top-right-controls .settings-button:hover{background:#fff3;transform:scale(1.1);box-shadow:0 0 15px #00ccff80}.top-right-controls .refresh-button:active,.top-right-controls .settings-button:active{transform:scale(.95)}.top-right-controls .refresh-button:disabled,.top-right-controls .settings-button:disabled{opacity:.5;cursor:not-allowed}.top-right-controls .refresh-button{color:#0f6}.top-right-controls .refresh-button:hover{box-shadow:0 0 15px #00ff6680}.top-right-controls .settings-button{color:#0cf}.top-right-controls .settings-button:hover{box-shadow:0 0 15px #00ccff80}.settings-menu{position:absolute;top:6vh;right:2vw;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(0,204,255,.3);padding:1vh 0;min-width:12vw;z-index:200;animation:scaleIn .2s ease;box-shadow:0 10px 30px #00000080}.settings-menu .settings-item{display:block;width:100%;padding:1.5vh 1.5vw;background:none;border:none;color:#fff;font-size:1.2vw;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;white-space:nowrap}.settings-menu .settings-item:hover{background:#00ccff1a}.settings-menu .settings-item.sound-toggle.enabled{color:#0f6}.settings-menu .settings-item.sound-toggle.disabled{color:#f66}.settings-menu .settings-item.exit-button{color:#f66;border-top:1px solid rgba(255,255,255,.1);margin-top:.5vh;padding-top:2vh}.entry-status-button{padding:1.2vh 2vw;font-size:1.4vw;font-weight:700;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d;letter-spacing:.05em;background:#ffffff1a;color:#fff}.entry-status-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.center-area{flex:1;min-height:25vh;max-height:35vh;display:flex;justify-content:center;align-items:center;position:relative;margin:1vh 0;flex-shrink:0}.center-area .status-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4vh 6vw;border-radius:25px;border:3px solid;box-shadow:0 0 60px #000c;animation:statusPulse 2s ease-in-out infinite}.center-area .status-overlay.break{border-color:#0f6;box-shadow:0 0 40px #0f69}.center-area .status-overlay.paused{border-color:#fa0;box-shadow:0 0 40px #fa09}.center-area .status-overlay.ended{border-color:red;box-shadow:0 0 40px #f009}.center-area .status-overlay .status-icon{font-size:6vw;margin-bottom:2vh;animation:iconPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor)}.center-area .status-overlay .status-text{font-size:3.5vw;font-weight:900;color:#fff;margin-bottom:1vh;text-shadow:0 0 15px rgba(255,255,255,.8);letter-spacing:.1em}.center-area .status-overlay .status-subtext{font-size:1.8vw;font-weight:600;color:#b0b0b0;opacity:.9}.center-area .countdown-timer{text-align:center;position:relative;padding:1.5vw 3vw;background:#0000004d;border-radius:20px;border:2px solid rgba(0,204,255,.3);box-shadow:0 0 40px #0cf3;animation:pulse 3s ease-in-out infinite;display:inline-block;min-width:8em}.center-area .countdown-timer .countdown-value{font-size:10vw;font-weight:900;color:#fff;text-shadow:0 0 30px rgba(0,204,255,.9);letter-spacing:.05em;line-height:1;animation:numberGlow 2s ease-in-out infinite alternate;font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.center-area .countdown-timer .blinds-info{font-size:1.8vw;font-weight:700;color:#0cf;margin-top:1vh;text-shadow:0 0 10px rgba(0,204,255,.6)}.info-area{display:flex;justify-content:space-between;margin:1vh 0;gap:1.5vw;min-height:20vh;max-height:32vh;flex-shrink:0}.info-area .left-panel,.info-area .middle-panel,.info-area .right-panel{flex:1;display:flex;flex-direction:column;gap:1vh}.info-area .info-item{background:#0000004d;padding:1.5vh 1vw;border-radius:10px;border:1px solid rgba(0,204,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-height:9.5vh;display:flex;flex-direction:column;justify-content:center}.info-area .info-item .info-label{font-size:1.1vw;color:#0cf;font-weight:400;margin-bottom:.5vh;text-transform:uppercase;letter-spacing:.05em}.info-area .info-item .info-value{font-size:1.6vw;color:#fff;font-weight:700;text-shadow:0 0 8px rgba(0,204,255,.5)}.bottom-area{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.8vh;margin-top:.8vh;min-height:10vh;max-height:12vh;flex-shrink:0}.bottom-area .total-countdown{text-align:center;margin-bottom:.5vh;padding:.8vh 2vw;background:#0006;border-radius:12px;border:2px solid rgba(255,0,0,.3);box-shadow:0 0 30px #f003;animation:totalCountdownPulse 2s ease-in-out infinite}.bottom-area .total-countdown .total-countdown-label{font-size:1vw;color:#f66;font-weight:600;margin-bottom:.3vh;text-transform:uppercase;letter-spacing:.1em}.bottom-area .total-countdown .total-countdown-value{font-size:2vw;font-weight:900;color:red;text-shadow:0 0 20px rgba(255,0,0,.8);animation:totalCountdownGlow 1.5s ease-in-out infinite alternate}.bottom-area .button-group{display:flex;gap:1vw;align-items:center;margin:.5vh 0;justify-content:center}.bottom-area .entry-button{padding:1.2vh 2vw;font-size:1.5vw;font-weight:700;color:#fff;background:linear-gradient(135deg,#0a4,#083);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px rgba(0,255,102,.6);box-shadow:0 0 20px #0a46;animation:buttonGlow 2s ease-in-out infinite alternate;white-space:nowrap}.bottom-area .entry-button:hover{transform:translateY(-2px);box-shadow:0 0 30px #0a49}.bottom-area .entry-button:active{transform:translateY(0)}.bottom-area .entry-button.inactive{background:linear-gradient(135deg,#c00,#900);box-shadow:0 0 20px #c006;animation:buttonGlowRed 2s ease-in-out infinite alternate}.bottom-area .sound-button{padding:1vh 1.5vw;font-size:1.2vw;font-weight:600;color:#fff;background:linear-gradient(135deg,#0af,#08c);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 8px rgba(0,170,255,.6);box-shadow:0 0 15px #0af6;animation:soundButtonGlow 2s ease-in-out infinite alternate;white-space:nowrap}.bottom-area .sound-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #0af9;background:linear-gradient(135deg,#2bf,#09d)}.bottom-area .sound-button:active{transform:translateY(0)}.bottom-area .sound-button.disabled{background:linear-gradient(135deg,#666,#444);box-shadow:0 0 15px #6666664d;animation:none;text-shadow:0 0 8px rgba(255,255,255,.2)}.bottom-area .sound-button.disabled:hover{box-shadow:0 0 25px #66666680;background:linear-gradient(135deg,#777,#555)}.bottom-area .exit-button{padding:1vh 1.5vw;font-size:1.2vw;font-weight:600;color:#fff;background:linear-gradient(135deg,#666,#444);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 8px rgba(255,255,255,.4);box-shadow:0 0 15px #6666664d;white-space:nowrap}.bottom-area .exit-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #66666680;background:linear-gradient(135deg,#777,#555)}.bottom-area .exit-button:active{transform:translateY(0)}.bottom-area .test-audio-button{padding:1vh 1.5vw;font-size:1.2vw;font-weight:600;color:#fff;background:linear-gradient(135deg,#f80,#c60);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 8px rgba(255,136,0,.6);box-shadow:0 0 15px #f806;animation:testAudioButtonGlow 2s ease-in-out infinite alternate;white-space:nowrap}.bottom-area .test-audio-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #f809;background:linear-gradient(135deg,#f90,#d70)}.bottom-area .test-audio-button:active{transform:translateY(0)}@keyframes testAudioButtonGlow{0%{box-shadow:0 0 15px #f806}to{box-shadow:0 0 25px #f809,0 0 35px #f806}}.bottom-area .slogan{font-size:1.5vw;color:#0f6;font-weight:700;text-shadow:0 0 10px rgba(0,255,102,.6);letter-spacing:.1em;animation:sloganGlow 3s ease-in-out infinite alternate;margin-top:.5vh}@keyframes totalCountdownPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #f003}50%{transform:scale(1.05);box-shadow:0 0 50px #f006}}.instance-list-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px;position:relative;z-index:100}.instance-list-container .instance-list-card{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;max-width:800px;width:100%;border:1px solid rgba(0,204,255,.2);box-shadow:0 10px 40px #00000080}.instance-list-container .instance-list-card .instance-list-header{text-align:center;margin-bottom:30px}.instance-list-container .instance-list-card .instance-list-header h1{font-size:36px;color:#0ff;margin-bottom:10px;font-weight:700}.instance-list-container .instance-list-card .instance-list-header p{font-size:16px;color:#b0b0b0}.instance-list-container .instance-list-card .error-message{background:#f003;color:#f66;padding:15px;border-radius:10px;margin-bottom:20px;text-align:center}.instance-list-container .instance-list-card .empty-instances{text-align:center;padding:60px 20px}.instance-list-container .instance-list-card .empty-instances .empty-icon{font-size:60px;margin-bottom:20px;opacity:.5}.instance-list-container .instance-list-card .empty-instances .empty-text{font-size:18px;color:#b0b0b0;margin-bottom:30px}.instance-list-container .instance-list-card .instance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.instance-list-container .instance-list-card .instance-grid .instance-item{background:#ffffff0d;border:1px solid rgba(0,204,255,.3);border-radius:15px;padding:25px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.instance-list-container .instance-list-card .instance-grid .instance-item:hover{transform:translateY(-5px);border-color:#0ff;background:#00ccff1a;box-shadow:0 10px 30px #0cf3}.instance-list-container .instance-list-card .instance-grid .instance-item .instance-name{font-size:20px;font-weight:700;color:#fff;margin-bottom:15px}.instance-list-container .instance-list-card .instance-grid .instance-item .instance-info{display:flex;justify-content:space-between;margin-bottom:10px}.instance-list-container .instance-list-card .instance-grid .instance-item .instance-info .instance-status{font-size:14px;padding:4px 12px;border-radius:20px;background:#0cf3;color:#0ff;font-weight:500}.instance-list-container .instance-list-card .instance-grid .instance-item .instance-info .instance-level{font-size:14px;color:#b0b0b0}.instance-list-container .instance-list-card .instance-grid .instance-item .instance-players{font-size:16px;color:#ff0;font-weight:500}.instance-list-container .instance-list-card .instance-grid .instance-item.running{border-color:#0f0}.instance-list-container .instance-list-card .instance-grid .instance-item.running .instance-status{background:#0f03;color:#0f0}.instance-list-container .instance-list-card .instance-grid .instance-item.paused{border-color:#fa0}.instance-list-container .instance-list-card .instance-grid .instance-item.paused .instance-status{background:#fa03;color:#fa0}.instance-list-container .instance-list-card .instance-grid .instance-item.registering{border-color:#0ff}.instance-list-container .instance-list-card .instance-grid .instance-item.registering .instance-status{background:#0ff3;color:#0ff}.instance-list-container .instance-list-card .instance-grid .instance-item.draft{border-color:#b0b0b0}.instance-list-container .instance-list-card .instance-grid .instance-item.draft .instance-status{background:#b0b0b033;color:#b0b0b0}.instance-list-container .instance-list-card .instance-actions{display:flex;justify-content:center}@keyframes totalCountdownGlow{0%{text-shadow:0 0 20px rgba(255,0,0,.8)}to{text-shadow:0 0 30px rgb(255,0,0),0 0 40px rgba(255,0,0,.8)}}@keyframes lightFlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%{text-shadow:0 0 20px rgba(0,204,255,.8)}to{text-shadow:0 0 30px rgb(0,204,255),0 0 40px rgba(0,204,255,.8)}}@keyframes numberGlow{0%{text-shadow:0 0 30px rgba(0,204,255,.9)}to{text-shadow:0 0 40px rgb(0,204,255),0 0 50px rgba(0,204,255,.8)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 40px #0cf3}50%{transform:scale(1.02);box-shadow:0 0 60px #0cf6}}@keyframes buttonGlow{0%{box-shadow:0 0 20px #0a46}to{box-shadow:0 0 30px #0a49,0 0 40px #0a46}}@keyframes buttonGlowRed{0%{box-shadow:0 0 20px #c006}to{box-shadow:0 0 30px #c009,0 0 40px #c006}}@keyframes sloganGlow{0%{text-shadow:0 0 10px rgba(0,255,102,.6)}to{text-shadow:0 0 20px rgb(0,255,102),0 0 30px rgba(0,255,102,.8)}}@keyframes soundButtonGlow{0%{box-shadow:0 0 15px #0af6}to{box-shadow:0 0 25px #0af9,0 0 35px #0af6}}.number-changing{animation:numberChange .3s ease-in-out}@keyframes numberChange{0%{transform:scale(1);color:#fff}50%{transform:scale(1.2);color:#0f6}to{transform:scale(1);color:#fff}}@media (max-width: 1920px){.top-area{min-height:7vh;padding:0 .8vw}.top-area .event-name{font-size:2.8vw;position:absolute;left:50%;transform:translate(-50%)}.top-area .header-slogan{font-size:1.3vw;padding:0 1.5vw}.top-area .current-time{font-size:1.8vw;margin-right:.8vw;margin-left:auto}.top-area .settings-button{width:2.2vw;height:2.2vw;min-width:32px;min-height:32px;font-size:1vw}.top-area .settings-menu{min-width:10vw}.top-area .settings-menu .settings-item{font-size:1vw;padding:1.2vh 1.2vw}.top-area .status-badge{left:.8vw;padding:.4vh .8vw;font-size:1vw}.center-area{min-height:30vh;max-height:40vh}.center-area .countdown-timer{display:inline-block;min-width:8em}.center-area .countdown-timer .countdown-value{font-size:10vw}.center-area .countdown-timer .blinds-info{font-size:1.8vw}.info-area{min-height:18vh;max-height:32vh}.bottom-area{min-height:10vh;gap:.8vh}.bottom-area .button-group{gap:.8vw}.bottom-area .entry-button{padding:1vh 1.8vw;font-size:1.4vw}.bottom-area .sound-button,.bottom-area .exit-button,.bottom-area .test-audio-button{padding:.8vh 1.2vw;font-size:1.1vw}}@media (max-width: 1366px){.timer-container{padding:1vh 1.5vw}.top-area{min-height:6vh;margin-bottom:1vh;padding:0 .6vw}.top-area .event-name{font-size:2.4vw;position:absolute;left:50%;transform:translate(-50%)}.top-area .header-slogan{font-size:1.1vw;padding:0 1.2vw}.top-area .current-time{font-size:1.6vw;margin-right:.6vw;margin-left:auto}.top-area .settings-button{width:2vw;height:2vw;min-width:28px;min-height:28px;font-size:.9vw}.top-area .settings-menu{min-width:9vw;top:calc(100% + .8vh)}.top-area .settings-menu .settings-item{font-size:.9vw;padding:1vh 1vw}.top-area .status-badge{left:.6vw;padding:.3vh .6vw;font-size:.9vw}.center-area{min-height:25vh;max-height:35vh;margin:.8vh 0}.center-area .countdown-timer{padding:1vw 2vw;display:inline-block;min-width:8em}.center-area .countdown-timer .countdown-value{font-size:8vw}.center-area .countdown-timer .blinds-info{font-size:1.5vw}.info-area{min-height:16vh;max-height:32vh;margin:.8vh 0;gap:1vw}.info-area .info-item{padding:1.2vh .8vw;min-height:5vh}.info-area .info-item .info-label{font-size:1vw;margin-bottom:.4vh}.info-area .info-item .info-value{font-size:1.5vw}.bottom-area{min-height:9vh;margin-top:.8vh;gap:.6vh}.bottom-area .button-group{gap:.6vw}.bottom-area .entry-button{padding:.8vh 1.5vw;font-size:1.2vw}.bottom-area .sound-button,.bottom-area .exit-button,.bottom-area .test-audio-button{padding:.6vh 1vw;font-size:.9vw}.bottom-area .slogan{font-size:1.5vw}}@media (max-width: 768px){.timer-container{padding:2vh 3vw}.top-area{min-height:8vh;gap:2vw;padding:0 1vw}.top-area .event-name{font-size:3.5vw;position:absolute;left:50%;transform:translate(-50%)}.top-area .header-slogan{font-size:2vw;padding:0;position:absolute;left:50%;transform:translate(-50%)}.top-area .current-time{font-size:2.5vw;flex:0 0 auto;margin-right:1vw;margin-left:auto}.top-area .settings-button{width:6vw;height:6vw;min-width:40px;min-height:40px;font-size:3vw}.top-area .settings-menu{min-width:40vw;top:calc(100% + 1vh);right:1vw}.top-area .settings-menu .settings-item{font-size:3.5vw;padding:1.5vh 3vw}.top-area .status-badge{position:static;transform:none;padding:.8vh 2vw;font-size:2.2vw;margin-right:auto}.center-area{min-height:20vh;max-height:30vh}.center-area .countdown-timer{padding:2vw;display:inline-block;min-width:8em}.center-area .countdown-timer .countdown-value{font-size:12vw}.center-area .countdown-timer .blinds-info{font-size:2.5vw}.info-area{min-height:auto;max-height:none;flex-direction:column;gap:1vh}.info-area .left-panel,.info-area .middle-panel,.info-area .right-panel{flex-direction:row;justify-content:space-between;gap:1vw}.info-area .info-item{flex:1;text-align:center;padding:1.5vh 1vw;min-height:8vh}.info-area .info-item .info-label{font-size:1.8vw;margin-bottom:.8vh}.info-area .info-item .info-value{font-size:2.2vw}.bottom-area{min-height:auto;max-height:none;padding:1vh 0;gap:.5vh}.bottom-area .total-countdown{padding:.8vh 2vw;margin-bottom:.3vh}.bottom-area .total-countdown .total-countdown-label{font-size:1.8vw}.bottom-area .total-countdown .total-countdown-value{font-size:3.5vw}.bottom-area .button-group{flex-direction:column;gap:.8vh;width:100%;align-items:stretch}.bottom-area .button-group .entry-button,.bottom-area .button-group .sound-button,.bottom-area .button-group .exit-button,.bottom-area .button-group .test-audio-button{font-size:2.2vw;padding:1vh 2vw;text-align:center}.bottom-area .slogan{font-size:1.8vw;margin-top:.3vh}}.audio-hint-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;justify-content:center;align-items:center;background:#000000d9;animation:audioHintFadeIn .5s ease-out;cursor:pointer}.audio-hint-overlay .audio-hint{position:relative;background:linear-gradient(135deg,#0af,#08c);padding:6vh 6vw;border-radius:25px;border:4px solid rgba(255,255,255,.4);box-shadow:0 0 60px #0afc;text-align:center;max-width:80%;animation:pulse 2s ease-in-out infinite;pointer-events:auto}.audio-hint-overlay .audio-hint .audio-hint-icon{font-size:5vw;margin-bottom:3vh;animation:audioHintPulse 1.5s ease-in-out infinite}.audio-hint-overlay .audio-hint .audio-hint-text{color:#fff}.audio-hint-overlay .audio-hint .audio-hint-text .audio-hint-title{font-size:3vw;font-weight:800;margin-bottom:2vh;text-shadow:0 0 15px rgba(255,255,255,.7)}.audio-hint-overlay .audio-hint .audio-hint-text .audio-hint-subtitle{font-size:1.8vw;opacity:.9;text-shadow:0 0 10px rgba(255,255,255,.4)}.audio-hint-overlay .audio-hint .audio-hint-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;border:3px solid #00aaff;border-radius:25px;transform:translate(-50%,-50%);animation:audioHintPulse 2s ease-in-out infinite;pointer-events:none}.audio-hint-overlay:hover .audio-hint{transform:scale(1.05);transition:transform .3s ease}@keyframes audioHintPulse{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.1);opacity:.4}to{transform:scale(.8);opacity:.7}}@keyframes audioHintFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3vh;padding:4vh 4vw;background:#00000080;border-radius:20px;border:2px solid rgba(0,204,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-container .loading-spinner{width:60px;height:60px;border:4px solid rgba(0,204,255,.3);border-top:4px solid #00ccff;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #00ccff80}.loading-container .loading-text{font-size:2vw;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,204,255,.8)}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3vh;padding:5vh 5vw;background:#000000b3;border-radius:20px;border:2px solid rgba(255,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;max-width:80%}.error-container .error-icon{font-size:5vw;margin-bottom:2vh;animation:pulse 1.5s ease-in-out infinite}.error-container .error-title{font-size:2.5vw;font-weight:800;color:#f66;text-shadow:0 0 15px rgba(255,0,0,.8)}.error-container .error-message{font-size:1.5vw;color:#fff;opacity:.9;line-height:1.5}.error-container .error-actions{display:flex;gap:2vw;margin-top:3vh}.error-container .retry-button{padding:1.5vh 2vw;font-size:1.3vw;font-weight:700;color:#fff;background:linear-gradient(135deg,#0af,#08c);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 8px rgba(0,170,255,.6);box-shadow:0 0 15px #0af6}.error-container .retry-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #0af9}.error-container .exit-button{padding:1.5vh 2vw;font-size:1.3vw;font-weight:700;color:#fff;background:linear-gradient(135deg,#666,#444);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 8px rgba(255,255,255,.4);box-shadow:0 0 15px #6666664d}.error-container .exit-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #66666680}.refresh-button{padding:1vh 1.5vw;font-size:1.2vw;font-weight:600;color:#fff;background:linear-gradient(135deg,#0cf,#09c);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 8px rgba(0,204,255,.6);box-shadow:0 0 15px #0cf6;animation:refreshButtonGlow 2s ease-in-out infinite alternate;white-space:nowrap}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #0cf9}.refresh-button:active{transform:translateY(0)}.refresh-button:disabled{opacity:.6;cursor:not-allowed;animation:none}.refresh-button:disabled:hover{transform:none;box-shadow:0 0 15px #0cf6}@keyframes refreshButtonGlow{0%{box-shadow:0 0 15px #0cf6}to{box-shadow:0 0 25px #0cf9,0 0 35px #0cf6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.access-code-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;position:relative;z-index:100}.access-code-card{background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:60px 80px;border-radius:20px;border:1px solid rgba(0,204,255,.3);box-shadow:0 20px 60px #00000080;text-align:center;max-width:500px;width:90%;position:relative;overflow:hidden}.access-code-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,204,255,.8),transparent);animation:scanLine 3s linear infinite}.access-code-card .access-code-icon{font-size:56px;margin-bottom:30px;animation:pulse 2s ease-in-out infinite;text-shadow:0 0 20px rgba(0,204,255,.8);filter:drop-shadow(0 0 10px rgba(0,204,255,.6))}.access-code-card .access-code-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 0 10px rgba(0,204,255,.6);letter-spacing:1px}.access-code-card .access-code-subtitle{font-size:14px;color:#0cf;margin-bottom:40px;opacity:.8;line-height:1.5}.access-code-card .access-code-input-wrapper{margin-bottom:40px;position:relative}.access-code-card .access-code-input-wrapper .access-code-input{font-size:32px;font-weight:700;color:#fff;background:#0006;border:2px solid rgba(0,204,255,.4);border-radius:12px;padding:20px 24px;text-align:center;width:100%;max-width:280px;letter-spacing:12px;text-shadow:0 0 8px rgba(0,204,255,.6);box-shadow:0 0 20px #0cf3;transition:all .3s ease;font-family:Courier New,monospace}.access-code-card .access-code-input-wrapper .access-code-input::placeholder{color:#ffffff4d;letter-spacing:normal;font-weight:400;font-size:16px}.access-code-card .access-code-input-wrapper .access-code-input:focus{outline:none;border-color:#0f6;box-shadow:0 0 30px #0f66;transform:translateY(-2px);background:#00000080}.access-code-card .access-code-input-wrapper .access-code-input.error{border-color:#f44;box-shadow:0 0 25px #f446;animation:shake .5s ease-in-out}.access-code-card .access-code-input-wrapper .access-code-error{font-size:13px;color:#f66;margin-top:12px;text-shadow:0 0 5px rgba(255,0,0,.4);font-weight:500;min-height:20px}.access-code-card .access-code-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.access-code-card .access-code-actions button{padding:14px 32px;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;position:relative;overflow:hidden}.access-code-card .access-code-actions button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.access-code-card .access-code-actions button:hover:before{left:100%}.access-code-card .access-code-actions .access-code-submit{color:#fff;background:linear-gradient(135deg,#0a4,#083);box-shadow:0 4px 15px #00aa444d}.access-code-card .access-code-actions .access-code-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0a46}.access-code-card .access-code-actions .access-code-submit:active:not(:disabled){transform:translateY(0)}.access-code-card .access-code-actions .access-code-submit:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#666,#444)}.access-code-card .access-code-actions .access-code-back{color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0003}.access-code-card .access-code-actions .access-code-back:hover{background:#ffffff26;border-color:#0cf6;box-shadow:0 6px 20px #00ccff4d;transform:translateY(-2px)}.access-code-card .access-code-actions .access-code-back:active{transform:translateY(0)}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.audio-subtitle{position:fixed;bottom:15vh;left:50%;transform:translate(-50%);z-index:500;background:#000000d9;color:#fff;padding:2vh 3vw;border-radius:15px;font-size:2vw;font-weight:700;text-align:center;max-width:80%;box-shadow:0 0 30px #0af9;border:2px solid #00aaff;animation:audioSubtitleFadeIn .5s ease-out}.audio-subtitle .audio-subtitle-content{text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes audioSubtitleFadeIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes statusPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 40px #000c}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes iconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px currentColor)}50%{transform:scale(1.2);filter:drop-shadow(0 0 30px currentColor)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:#f5f5f5}#root{height:100vh}