*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%}body{font-family:Microsoft Yahei,Arial,sans-serif;overflow:hidden;background:#000;color:#fff;background-repeat:no-repeat;background-size:cover}.container{display:flex;flex-direction:column;align-items:center;padding:0 1rem;color:#fff}.container,.napolin{width:100%;margin:0 auto}.napolin{max-width:550px;text-align:center;padding:1rem 0}.location{height:24px;line-height:24px;margin:15px 0;display:flex;justify-content:center;align-items:center}.location img{vertical-align:bottom;margin-right:10px}.colortext{font-size:200px;font-weight:700;margin:0 auto;display:inline-block}.highlight-link{color:#00ff0a;font-size:16px;font-weight:700;text-decoration:none}svg{width:100%;max-width:100%;height:auto}.text-copy{fill:none;stroke:#fff;stroke-dasharray:6% 29%;stroke-width:5;stroke-dashoffset:0%;animation:stroke-offset 5s linear infinite}.text-copy:first-child{stroke:#4caf50;animation-delay:-1s}.text-copy:nth-child(2){stroke:#f44336;animation-delay:-2s}.text-copy:nth-child(3){stroke:#03a9f4;animation-delay:-3s}.text-copy:nth-child(4){stroke:#ff9800;animation-delay:-4s}.text-copy:nth-child(5){stroke:#9c27b0;animation-delay:-5s}@keyframes stroke-offset{to{stroke-dashoffset:-35%}}.linkEffect{flex-direction:column;margin-top:20px}.link-box,.linkEffect{display:flex;align-items:center}.link-box{justify-content:center;margin:10px 0;flex-wrap:wrap}.link-box a{background:hsla(0,0%,100%,.2);padding:15px 30px;border-radius:30px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background .3s ease,transform .3s ease;margin-right:10px;margin-bottom:10px;text-decoration:none}.link-box a:hover{background:hsla(0,0%,100%,.4);transform:translateY(-5px)}.tip-text{margin-top:1rem;font-size:.9rem;color:#fff}button{background-color:#ffeb3b;color:#333;font-size:14px;font-weight:700;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:10px}button:hover{background-color:#ffc107;transform:scale(1.05);box-shadow:0 6px 8px rgba(0,0,0,.2)}button:active{background-color:#ff9800;transform:scale(.95);box-shadow:0 3px 5px rgba(0,0,0,.2)}@media screen and (max-width:768px){.container{padding:1rem .5rem}.napolin{max-width:100%;padding:.5rem}h1{font-size:22px;margin-bottom:.5rem}.colortext{font-size:8rem}.highlight-link{font-size:14px}.link-box a{padding:10px 20px;margin-right:5px;margin-bottom:5px}button{padding:8px 16px;font-size:13px;margin-bottom:5px}.tip-text{font-size:.8rem}}