*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei',Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;color:white;text-align:center;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.school-logo{width:120px;height:120px;margin:0 auto 20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.9}}.container{max-width:800px;padding:40px 20px;animation:fadeIn 1.5s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}h1{font-size:3.5em;margin-bottom:20px;font-weight:700;text-shadow:3px 3px 6px rgba(0,0,0,0.4);letter-spacing:2px}.message{font-size:1.8em;margin-bottom:40px;font-weight:300;line-height:1.6;text-shadow:1px 1px 3px rgba(0,0,0,0.3)}#countdown{font-size:1.2em;color:#777;background:rgba(255,255,255,0.3);padding:15px 30px;border-radius:50px;display:inline-block;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 4px 15px rgba(0,0,0,0.2);animation:slideUp 1s ease-out 0.5s both;cursor:pointer}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.decoration{position:absolute;background:rgba(255,255,255,0.05);border-radius:50%;pointer-events:none}.decoration:nth-child(1){width:200px;height:200px;top:10%;left:10%;animation:float 20s infinite linear}.decoration:nth-child(2){width:150px;height:150px;top:70%;right:15%;animation:float 18s infinite linear reverse}.decoration:nth-child(3){width:100px;height:100px;top:40%;left:50%;animation:float 22s infinite linear}@keyframes float{0%{transform:translate(0,0) rotate(0deg);opacity:0.8}25%{transform:translate(30px,-30px) rotate(90deg);opacity:0.6}50%{transform:translate(0,-60px) rotate(180deg);opacity:0.8}75%{transform:translate(-30px,-30px) rotate(270deg);opacity:0.6}100%{transform:translate(0,0) rotate(360deg);opacity:0.8}}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(4px);z-index:0}.bg-overlay::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.1)}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:rgba(255,255,255,0.3);padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.3);z-index:100;width:80%;max-width:600px;display:none;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.3)}.popup-title{text-align:center;font-size:1.5em;font-weight:bold;margin-bottom:20px;color:#2c3e50;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,0.1)}@keyframes popup-animation{0%{transform:translate(-50%,-50%) scale(0)}80%{transform:translate(-50%,-50%) scale(1.1)}100%{transform:translate(-50%,-50%) scale(1)}}.popup-content{display:flex;align-items:center;gap:20px}.pli-img{flex-shrink:0}.pli-img img{width:100px;height:100px;object-fit:cover;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.pli-text{flex:1}.pli-text h5{margin:0;padding:0;font-size:1.3em;color:#2c3e50;font-weight:600}.pli-text h5 span{font-size:0.9em;color:#7f8c8d;margin-left:10px;font-weight:normal}.pli-text p{margin:10px 0 0 0;font-size:0.95em;color:#34495e;line-height:1.5;text-align:justify}.fl{float:left}.clearfix::after{content:'';display:table;clear:both}.container{position:relative;z-index:1}.footer{position:relative;z-index:1}.footer{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:0.9em;color:rgba(255,255,255,0.7);text-shadow:1px 1px 2px rgba(0,0,0,0.3)}