:root{color:#fee0e6;background:#000916;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000916;overflow:hidden scroll}body{-webkit-font-smoothing:antialiased;background:#000916;margin:0;font-family:Microsoft YaHei,Heiti SC,Tahoma,Arial,Hiragino Sans GB,sans-serif;font-size:20px;overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.public-home{background:#000916;min-height:100vh;overflow:hidden}.public-page-state{color:#fee0e6;text-align:center;background:#000916;place-content:center;gap:16px;min-height:100vh;padding:24px;display:grid}.public-page-state p{margin:0;font-size:18px}.public-page-state button{color:#fee0e6;background:#563557;border:1px solid #ffb1b7;border-radius:6px;justify-self:center;min-width:112px;padding:10px 16px}.public-page-state button:hover,.public-page-state button:focus-visible{outline-offset:2px;background:#b24458;outline:2px solid #fee0e6}.site-header{z-index:0;background-position:top;background-repeat:no-repeat;background-size:auto;flex-direction:column;justify-content:flex-start;align-items:center;height:1080px;margin-bottom:-440px;padding-top:250px;display:flex;position:relative}.brand{justify-content:center;align-items:center;width:100%;height:360px;margin:0 auto 30px;display:flex}.brand img{width:auto;height:100%;animation:3s ease-in-out infinite logo-breathe}.site-main{z-index:2;position:relative}.site-container{width:min(1400px,100%);margin:0 auto;padding:0 50px}.announcement{background:linear-gradient(#86415b80,#56355780);border-radius:30px;justify-content:space-between;align-items:center;height:50px;margin-bottom:30px;padding:0 20px;display:flex;overflow:hidden}.announcement>img{object-fit:contain;flex:none;width:36px;height:36px;margin-left:-5px}.announcement-track{white-space:nowrap;color:#ffb1b7;align-items:center;width:100%;min-width:0;height:36px;margin:0 10px;font-size:16px;display:flex;overflow:hidden}.announcement-track>div{gap:50px;min-width:max-content;animation:24s linear infinite announcement-scroll;display:inline-flex}.announcement-track span{padding-right:54px}.primary-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 auto 40px;display:flex}.primary-nav button{color:#fee0e6;background:linear-gradient(#f74f59,#563557);border:0;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:10px;padding:20px;transition:transform .25s,background .25s;display:flex}.primary-nav button:hover,.primary-nav button:focus-visible{outline:0;transform:translateY(-3px)}.primary-nav img{object-fit:contain;width:60px;height:60px;margin:0 auto 20px;transition:transform .3s}.primary-nav button:hover img,.primary-nav button:focus-visible img{transform:scale(1.1)}.primary-nav span{white-space:nowrap;padding:5px 20px;font-size:20px;line-height:normal;display:inline-block}.primary-nav .is-active span{color:#563557;background:linear-gradient(#fff,#fee0e6);border-radius:20px}.content-section{animation:.45s both content-enter}.section-heading{text-align:center;width:980px;margin:0 auto}.section-heading h2{color:#f74f59;background:linear-gradient(#f74f59 0%,#563557 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:60px;font-weight:bolder}.section-heading img{width:min(980px,100%);height:auto;margin:0 auto}.filter-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;margin:50px auto 20px;display:flex}.filter-nav button{color:#b24458;background:0 0;border:1px solid #b24458;border-radius:10px;flex:1;justify-content:center;align-items:center;margin:10px 10px 20px;padding:10px;transition:filter .3s,background .3s;display:flex}.filter-nav button:hover,.filter-nav button:focus-visible{filter:brightness(1.1);outline:0}.filter-nav button.is-active{color:#fee0e6;background:linear-gradient(#f74f59,#563557)}.filter-nav button img{object-fit:contain;flex:none;width:40px;height:40px}.filter-nav button span{white-space:nowrap;padding:5px;font-size:24px}.platform-grid{flex-wrap:wrap;align-items:flex-start;margin-bottom:30px;display:flex}.platform-card{background:#fff;border-radius:10px;width:305px;margin:10px;overflow:hidden}.platform-card h3{text-align:left;color:#fee0e6;background:#b44458;align-items:center;height:50px;margin:0 0 5px;padding:0 10px;font-size:22px;font-weight:700;line-height:normal;display:flex}.platform-logo{background:#fff;justify-content:center;align-items:center;width:290px;height:115px;margin:0 auto;display:flex;overflow:hidden}.platform-logo img{width:auto;max-width:100%;height:100%;max-height:100%;transition:transform .3s}.platform-card:hover .platform-logo img{transform:scale(1.1)}.platform-links{background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;display:grid}.platform-link{color:#fff;text-align:center;border:0;border-radius:6px;justify-content:center;align-items:center;width:auto;max-height:50px;margin:4px;padding:10px;font-size:16px;font-weight:700;line-height:normal;transition:filter .3s;display:flex}.platform-link:nth-child(odd){margin-left:0}.platform-link:nth-child(2n){margin-right:0}.platform-link:hover,.platform-link:focus-visible{filter:brightness(1.2);outline-offset:1px;outline:2px solid #563557bf}.platform-link.variant-magenta:hover,.platform-link.variant-green:hover,.platform-link.variant-orange:hover{outline:0}.variant-magenta{background:#b24458}.variant-blue{background:#095bd0}.variant-green{background:#3c8449}.variant-orange{background:#f77311}.recruit-banner{border-radius:20px;height:185px;margin:0 0 50px;display:block;overflow:hidden}.recruit-banner img{width:100%}.tutorial-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;width:100%;margin:30px auto;display:grid}.tutorial-card{box-sizing:border-box;background:#fff;border-radius:20px;flex:none;justify-content:center;align-items:center;width:auto;min-width:0;height:240px;margin:0;padding:10px;display:flex}.tutorial-card>img{object-fit:contain;flex:none;width:80px;height:80px;margin:10px}.tutorial-card>div{flex-direction:column;min-width:0;margin:10px;display:flex}.tutorial-card h3{margin:0 0 10px;font-size:26px;font-weight:700}.tutorial-links{flex-direction:column;display:flex}.tutorial-links a,.tutorial-links button,.tutorial-links span{color:#fff;text-align:center;border:0;border-radius:10px;margin-bottom:10px;padding:5px 10px;font-size:16px}.tutorial-links a{text-align:left}.tutorial-green h3{color:#72c472}.tutorial-red h3{color:#de513d}.tutorial-blue h3{color:#0078d7}.tutorial-green a,.tutorial-green button,.tutorial-green span{background:#72c472}.tutorial-red a,.tutorial-red button,.tutorial-red span{background:#de513d}.tutorial-blue a,.tutorial-blue button,.tutorial-blue span{background:#0078d7}.wallet-grid{border-radius:16px;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;margin:0 auto 30px;display:flex}.wallet-tile{background:#fff;border:1px solid #f74f59;border-radius:10px;width:305px;margin:10px;overflow:hidden}.wallet-tile>span{justify-content:center;align-items:center;height:140px;padding:30px;display:flex}.wallet-tile img{object-fit:contain;max-height:80px}.wallet-tile strong{color:#fee0e6;text-align:center;background:#b44458;place-items:center;height:50px;padding:0 8px;font-size:18px;font-weight:400;display:grid}.wallet-tile:hover strong{background:linear-gradient(#f74f59,#563557)}.wallet-rows{border-radius:16px;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;margin:0 auto 30px;display:flex}.wallet-row{background:#fff;border:1px solid #f74f59;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:60px;margin:10px;display:flex;overflow:hidden}.wallet-row span{box-sizing:content-box;flex:none;justify-content:center;align-items:center;width:120px;min-width:120px;height:60px;margin:0 auto;padding:0 20px;display:flex}.wallet-row img{object-fit:contain;max-height:60px}.wallet-row strong{color:#fee0e6;text-align:center;background:#b44458;place-items:center;width:80%;height:60px;padding:0 12px;font-size:18px;font-weight:400;display:grid}.wallet-row:hover strong{background:linear-gradient(#f74f59,#563557)}.url-list{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin:50px auto 20px;display:flex}.url-pill{color:#f74f59;text-align:center;border:1px solid #563557;border-radius:30px;justify-content:center;align-items:center;width:50%;height:50px;margin:10px;padding:5px;font-size:30px;animation:3s ease-in-out infinite url-color;display:flex}.icon-grid{flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;margin:0 auto 40px;padding:10px 40px;display:flex}.icon-tile{background:#fff;border:1px solid #f74f59;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:22%;margin:10px;display:flex;overflow:hidden}.icon-tile>span{place-items:center;width:80px;height:80px;margin:20px;display:grid}.icon-tile img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.icon-tile:hover img{transform:scale(1.1)}.icon-tile strong{color:#fff;text-align:center;background:linear-gradient(#f74f59,#563557);justify-content:center;align-items:center;width:100%;height:60px;margin:0;font-weight:400;display:flex}.site-footer{color:#fff;text-align:center;background:#b44458;justify-content:center;align-items:center;width:100%;height:40px;margin:0 auto;font-size:14px;display:flex}.site-footer a{color:#fee0e6;margin:0 5px}.site-footer a:hover{text-decoration:underline}.drawer-trigger{display:none}.notice-mask{z-index:20;background:#000916a8;place-items:center;padding:22px;animation:.2s both fade-in;display:grid;position:fixed;inset:0}.empty-link-notice{color:#fee0e6;text-align:center;background:linear-gradient(145deg,#563557,#b24458);border:1px solid #ffb1b7;border-radius:16px;width:min(360px,100%);padding:44px 30px;animation:.25s both notice-in;position:relative;box-shadow:0 20px 56px #00000073}.empty-link-notice p{margin:0;font-size:18px;line-height:1.6}.notice-close{color:#563557;background:#fee0e6;border:0;border-radius:50%;width:32px;height:32px;font-size:18px;position:absolute;top:8px;right:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(.9)}}@keyframes announcement-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes url-color{0%,to{color:#f74f59}50%{color:#fee0e6}}@keyframes content-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes notice-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media (width<=1400px){.site-container{padding-inline:3.571vw}.recruit-banner{border-radius:1.429vw;height:13.214vw;margin-bottom:3.571vw}}@media (width<=980px){.section-heading{width:100%}.section-heading h2{letter-spacing:.204vw;font-size:6.122vw}.section-heading img{object-fit:fill;height:8.265vw}.primary-nav span{font-size:15px}.primary-nav img{width:52px;height:52px}.tutorial-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.site-header{background-size:246.154vw 138.462vw;height:138.462vw;margin-bottom:-42.5vw;padding-top:32.051vw}.brand{width:100%;height:46.154vw;margin-bottom:3.846vw}.site-main{margin-top:0}.drawer-trigger{z-index:12;background:linear-gradient(#f74f59,#563557);border:0;border-radius:1.282vw;gap:.769vw;width:10.256vw;min-width:36px;max-width:48px;height:10.256vw;min-height:36px;max-height:48px;padding:2.564vw;display:grid;position:fixed;top:1.282vw;right:1.282vw}.drawer-trigger i{background:#fee0e6;border-radius:.513vw;height:.769vw;display:block}.primary-nav{z-index:11;background:#563557;width:50%;max-width:390px;margin:0;padding:0;transition:transform .3s;display:block;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.primary-nav.is-open{transform:translate(0)}.primary-nav button{text-align:left;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;min-height:0;margin:0;padding:2.564vw;display:flex}.primary-nav button:hover,.primary-nav button:focus-visible{transform:none}.primary-nav button.is-active{background:linear-gradient(#f74f59,#563557);border-bottom-color:#b44458}.primary-nav img{width:6.41vw;height:6.41vw;margin:0}.primary-nav span{color:#fee0e6;white-space:nowrap;padding:.641vw 2.564vw .641vw 1.282vw;font-size:3.846vw}.primary-nav .is-active span{color:#fee0e6;background:0 0}}@media (width<=760px){.platform-grid{margin-bottom:3.947vw}.platform-card{border-radius:1.316vw;width:100%;margin:1.316vw}.platform-card h3{height:10.526vw;margin-bottom:1.316vw;padding-left:2.632vw;font-size:5.263vw}.platform-logo{width:calc(100% - 2.632vw);height:33.553vw}.platform-links{padding:1.316vw}.platform-link{border-radius:.789vw;min-height:7.895vw;max-height:10.526vw;margin:.526vw;padding:1.316vw;font-size:2.895vw}.wallet-grid{border-radius:2.105vw;margin-bottom:3.947vw}.wallet-tile{border-radius:1.316vw;width:100%;margin:1.316vw}.wallet-tile>span{height:18.421vw;padding:3.947vw}.wallet-tile img{max-height:10.526vw}.wallet-tile strong{height:6.579vw;font-size:2.368vw}.wallet-rows{border-radius:2.105vw;margin-bottom:3.947vw}.wallet-row{border-radius:1.316vw;margin:1.316vw}.url-list{margin-top:6.579vw;margin-bottom:2.632vw}.url-pill{width:100%}.icon-grid{margin-bottom:5.263vw;padding:1.316vw 5.263vw}.icon-tile{border-radius:2.632vw;width:46%;margin:1.316vw;box-shadow:0 1.053vw 2.632vw #3130351a}.icon-tile>span{width:10.526vw;height:10.526vw;margin:2.632vw}.icon-tile strong{height:7.895vw;font-size:2.368vw}}@media (width<=640px){.filter-nav{margin-top:7.813vw;margin-bottom:3.125vw}.filter-nav button{border-radius:1.563vw;flex:1;margin:1.563vw 1.563vw 3.125vw;padding:1.563vw}.filter-nav button img{width:6.25vw;height:6.25vw}.filter-nav button span{padding:.781vw;font-size:3.75vw}.tutorial-list{grid-template-columns:minmax(0,1fr)}.wallet-row span{width:18.75vw;min-width:18.75vw;height:9.375vw;padding:0 3.125vw}.wallet-row strong{height:9.375vw;font-size:2.813vw}.site-footer{height:6.25vw;font-size:2.188vw}.site-footer a{margin:0 .781vw}}@media (width<=580px){.site-header{background-position:top}.announcement-track{font-size:13px}.icon-tile{width:100%}}@media (width<=480px){.url-pill{border-radius:6.25vw;height:10.417vw;margin:2.083vw;padding:1.042vw;font-size:6.25vw}}@media (width<=460px){.announcement{border-radius:6.522vw;height:10.87vw;margin-bottom:6.522vw;padding:0 4.348vw}.announcement>img{width:7.826vw;height:7.826vw;margin-left:-1.087vw}.announcement-track{height:7.826vw;margin:0 2.174vw;line-height:7.826vw}}@media (width<=420px){.tutorial-list{flex-direction:column;margin:7.143vw auto;display:flex}.tutorial-card{border-radius:4.762vw;flex-direction:column;width:100%;height:57.143vw;margin:2.381vw auto;padding:2.381vw}.tutorial-card>img{width:19.048vw;height:19.048vw;margin:2.381vw}.tutorial-card>div{align-items:center;margin:2.381vw}.tutorial-card h3{margin-bottom:2.381vw;font-size:6.19vw}.tutorial-links a,.tutorial-links button,.tutorial-links span{border-radius:2.381vw;margin-bottom:2.381vw;padding:1.19vw 2.381vw;font-size:3.81vw}}@media (width<=320px){.site-container{min-width:320px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
