*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:"Source Sans Pro",Helvetica,sans-serif;font-size:14pt;font-weight:300;line-height:1.6;letter-spacing:0.05em;color:#414f57;background:linear-gradient(135deg,rgba(255,165,150,0.5) 5%,rgba(0,228,255,0.35)),url("") center/cover no-repeat;background-attachment:fixed}#wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5em;position:relative;z-index:2}#main{position:relative;max-width:100%;width:27em;padding:3.5em 2.5em 2.5em;background:rgba(255,255,255,0.9);border-radius:12px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,0.1);backdrop-filter:blur(10px);transform:translateY(0);opacity:1;transition:opacity 0.8s ease,transform 0.8s ease}body.is-loading #main{opacity:0;transform:translateY(20px)}.avatar{display:flex;justify-content:center;margin:0 auto 1.5em}.avatar img{width:100px;height:100px;border-radius:50%;border:4px solid #6870ed;box-shadow:0 5px 15px rgba(104,112,237,0.3);transition:transform 0.3s ease}.avatar img:hover{transform:scale(1.05)}h1{color:#313f47;font-size:1.8em;font-weight:600;letter-spacing:0.1em;margin-bottom:0.5em;line-height:1.3}.subtitle{color:#7f8c8d;font-size:1.1em;margin-bottom:1.5em;line-height:1.5}.hint{color:#5d6d7e;margin:1.5em 0;font-size:1em}hr{border:0;height:1px;background:linear-gradient(to right,transparent,#c8cccf,transparent);margin:1.5em 0}.promotion-item{margin:1em 0;padding:0.8em;border-radius:6px;background:transparent;transition:all 0.3s ease}.promotion-highlight{background-color:transparent;color:inherit;text-align:center;margin:10px 0;padding:12px;border-radius:6px;box-shadow:none}.icons{display:flex;flex-wrap:wrap;justify-content:center;gap:0.8em;margin-top:1.5em}.icons li{list-style:none}.icons a{display:inline-block;padding:0.7em 1.2em;background:rgba(255,255,255,0.7);border:2px solid rgba(173,171,229,0.5);border-radius:6px;color:#414f57;text-decoration:none;font-size:0.85em;letter-spacing:0.1em;text-transform:uppercase;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.05)}.icons a:hover{background:#ff7496;color:white;border-color:#ff7496;transform:translateY(-3px);box-shadow:0 5px 15px rgba(255,116,150,0.4)}.foot{margin-top:2em;color:black;font-size:0.85em}a{text-decoration: none;}@media (max-width:480px){body{font-size:12pt}#main{width:100%;padding:2.5em 1.5em 1.5em}.icons{gap:0.5em}.icons a{padding:0.6em 1em;font-size:0.8em}.avatar img{width:80px;height:80px}}body.is-loading::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);z-index:9999;opacity:1;transition:opacity 0.5s ease}body:not(.is-loading)::before{opacity:0;pointer-events:none}#music-player{position:fixed;bottom:25px;right:25px;z-index:1000}#music-control{background:linear-gradient(135deg,#6e8efb,#a777e3);color:white;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:all 0.3s ease;position:relative;overflow:hidden}#music-control:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.3)}#music-control::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.2),transparent);opacity:0;transition:opacity 0.3s ease}#music-control:hover::before{opacity:1}#music-icon{font-size:22px;transition:all 0.3s ease}#music-text{font-size:10px;margin-top:2px;font-weight:500;transition:all 0.3s ease}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(110,142,251,0.7)}70%{box-shadow:0 0 0 10px rgba(110,142,251,0)}100%{box-shadow:0 0 0 0 rgba(110,142,251,0)}}.pulse{animation:pulse 2s infinite}@media (max-width:768px){#music-player{bottom:20px;right:20px}#music-control{width:55px;height:55px}#music-icon{font-size:20px}#music-text{font-size:9px}}