*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",sans-serif;color:#fff;overflow:hidden}
.background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('./images/background2.jpg');background-size:cover;background-position:center;filter:blur(5px) brightness(0.8);z-index:-2}
body{display:flex;justify-content:center;align-items:center;animation:fadeIn 1s ease-in-out}
@keyframes fadeIn{from{opacity:0;transform:scale(1.1)}
to{opacity:1;transform:scale(1)}
}.container{width:90%;max-width:600px;text-align:center;z-index:1}
.logo{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.logo-img{width:80px;height:80px;border-radius:50%;margin-right:1rem}
.logo .name{font-size:2.5rem;font-weight:bold}
.description{background:rgba(0,0,0,0.4);backdrop-filter:blur(10px);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}
.description .text{font-size:1.1rem;line-height:1.8}
.time-module{margin-bottom:1.5rem;font-size:1.2rem}
.time-module .date{margin-bottom:0.5rem}
.time-module .clock{font-family:'UnidreamLED',monospace;font-size:2.5rem;letter-spacing:2px}
.social{display:flex;justify-content:center;gap:1.5rem}
.social a{color:#fff;font-size:1.5rem;transition:transform 0.3s}
.social a:hover{transform:scale(1.2)}
.tip{display:block;margin-top:1rem;font-size:0.9rem;opacity:0.8}
@media (max-width:600px){.logo .name{font-size:2rem}
.description .text{font-size:1rem}
.time-module .clock{font-size:2rem}
.social a{font-size:1.2rem}
}