*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;min-height:100vh;position:relative;overflow:hidden}@keyframes backgroundFlow{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(10px) translateY(-5px)}50%{transform:translateX(-5px) translateY(10px)}75%{transform:translateX(5px) translateY(-3px)}}.main-container{position:relative;z-index:1;min-height:100vh;justify-content:center;padding:40px 20px;background-image:url(../img/background.5465ea6d.png);background-size:100%}.main-container,.visitor-registration-page{display:flex;flex-direction:column;align-items:center}.visitor-registration-page{width:100%;max-width:1200px;gap:40px}.clock-section{text-align:center}.clock-display{border-radius:20px;padding:40px 60px;position:relative;overflow:hidden}.clock-display:after,.clock-display:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}@keyframes sparkle{0%,to{opacity:.4}50%{opacity:1}}.current-time{font-size:180px;font-weight:500;margin-bottom:15px;letter-spacing:4px}.current-date,.current-time{color:#fff;position:relative;z-index:2}.current-date{font-size:64px;font-weight:400}.visitor-registration h2{margin:0 0 30px 0;color:#2d3748;font-size:28px;text-align:center;font-weight:600}.student-status-page{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;gap:40px}.student-card{border-radius:20px;padding:40px;position:relative;overflow:hidden;border:3px solid #0091e2;max-width:700px;width:100%;text-align:center;background:#01126c}.student-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}@keyframes cardGlow{0%,to{opacity:.3}50%{opacity:.6}}.photos-section{margin-bottom:30px}.photo-container{display:flex;justify-content:center;gap:20px}.photo{width:180px;height:180px;border-radius:12px;overflow:hidden;position:relative}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-icon{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-icon-default{font-size:48px;color:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.student-name{margin-bottom:15px}.student-name,.studentResult{font-size:56px;color:#fff;position:relative;z-index:2}.studentResult{margin-top:30px}.class-info{font-size:48px;color:#fff;font-weight:500;position:relative;z-index:2}.leaveTimeText{display:flex;justify-content:center;align-items:center;font-size:40px;color:#fff}@keyframes statusPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@media (max-width:768px){.main-container{padding:20px 15px}.student-card{padding:30px 25px}.photo{width:200px;height:200px}.photo-icon-default{font-size:40px}.student-name{font-size:56px}.class-info{font-size:20px}.status-message{font-size:28px}}@media (max-width:480px){.photo-container{gap:15px}.photo{width:180px;height:180px}.photo-icon-default{font-size:32px}.student-name{font-size:28px}.class-info{font-size:18px}}