:root{font-family:Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#e3ead5;background-color:#0b0f15;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;color:#ced6be}#app{position:relative;margin:0 auto;text-align:center}.banner{display:grid;grid-template-areas:"banner";height:auto;overflow:hidden}.banner-picture{display:block;grid-area:banner}.banner img{object-fit:cover;width:100%;height:auto}@media(max-width:768px){.banner img{object-position:center}}.banner-content{grid-area:banner;z-index:2;color:#ced6be;align-self:end;justify-self:flex-start}.banner-logo{grid-area:banner;z-index:2;align-self:end;justify-self:end;padding:20px}.banner-logo img{width:90px;height:auto;opacity:.75}@media(max-width:768px){.banner-logo img{width:70px;padding:0}}@media(max-width:480px){.banner-logo img{width:56px}}.title{margin:40px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase}@media(max-width:768px){.title{margin:24px;font-size:1.4rem;letter-spacing:1.8px}}@media(max-width:480px){.title{margin:16px;font-size:1.1rem;letter-spacing:1.2px}}.description{font-size:22px;margin-block:40px;padding-inline:20px}.description p{margin:0}@media(max-width:768px){.description{font-size:18px;margin-block:28px}}@media(max-width:480px){.description{font-size:16px;margin-block:20px}}.video-wrapper{display:flex;justify-content:center;align-items:center;min-height:0;margin-top:16px;margin-bottom:40px;padding-inline:16px}@media(max-width:768px){.video-wrapper{margin-bottom:28px}}video{max-width:100%;max-height:100%;object-fit:contain}.text-content{flex-shrink:0;text-align:center;font-size:18px;margin:0}.text-content p{margin:0}@media(max-width:480px){.text-content{font-size:15px}}.about-link{position:absolute;top:2rem;right:2rem;color:#e3ead5;text-decoration:none;text-transform:uppercase}@media(max-width:480px){.about-link{top:1rem;right:1rem;font-size:14px}}.coming-soon{font-size:18px;margin:0}.contact{margin-block:40px;display:flex;flex-direction:column;align-items:center;gap:20px;font-size:18px}@media(max-width:768px){.contact{margin-block:28px;font-size:16px}}@media(max-width:480px){.contact{gap:16px;margin-block:20px;font-size:15px}}.contact-info a{display:block;text-decoration:none;color:#e3ead5;margin:5px 0;transition:opacity .3s}.contact-info a:hover{opacity:.7}.social-icons{display:flex;gap:20px}.social-icons a{font-size:2rem;color:#e3ead5;transition:transform .3s,color .3s}.social-icons a:hover{transform:scale(1.2);color:#3b92ef}.social-icons .svg-icon{width:2rem;height:2rem;fill:#e3ead5;vertical-align:middle;transition:all .3s}.wechat-link:hover .svg-icon{transform:scale(1.2);fill:#3b92ef}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:#222;margin:15% auto;padding:32px;border-radius:15px;width:300px;max-width:calc(100vw - 40px);text-align:center;color:#fff;position:relative}@media(max-width:480px){.modal-content{margin:25% auto;padding:24px}}.qr-code-img{width:100%;height:auto;margin-top:15px}.close-button{position:absolute;right:15px;top:10px;font-size:28px;cursor:pointer}.about{display:flex;gap:16px;justify-content:center;padding:20px}@media(max-width:768px){.about{flex-direction:column;align-items:center}}.about p{max-width:360px;text-align:left}.about a,.about-article{text-align:left}.about aside picture img{max-width:250px;width:100%;border-radius:8px}@media(max-width:480px){.about aside picture img{max-width:180px}}