:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--color-primary: #1965e5;--color-primary-hover: #1253c6;--color-text-main: #232325;--color-text-strong: #222226;--color-text-subtle: #50505a;--color-text-muted: #66666a;--color-text-secondary: #99999a;--color-surface: #ffffff;--color-page: #f6f6f8;--color-surface-muted: #fcfcfd;--color-border: #e5e5ea;--shadow-card: 0 6px 16px rgba(0, 20, 49, .08);--shadow-card-hover: 0 10px 24px rgba(0, 20, 49, .12);--shadow-toolbar: 0 -8px 20px rgba(0, 20, 49, .12);--radius-large: 20px;--radius-medium: 10px;--radius-small: 8px;--focus-ring: 3px solid var(--color-primary);--control-min-height: 44px}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;text-decoration:none;color:inherit}a[href]:hover{color:var(--color-primary)}.mobile-only{display:none}a:focus-visible{outline:var(--focus-ring);outline-offset:4px}a[aria-disabled=true]{cursor:not-allowed;color:var(--color-text-subtle);background-color:var(--color-surface-muted);box-shadow:none}body{margin:0;background-image:var(--bg-image),var(--bg-shadow);background-position:center center,0 0;background-color:var(--color-page);background-size:cover,100% auto;background-repeat:no-repeat,no-repeat;background-attachment:scroll;color:var(--color-text-main)}#app{display:flex;margin:0;min-width:320px;min-height:100vh;min-height:100svh;flex-direction:column;justify-content:space-between}main{max-width:1180px;margin:0 auto;text-align:center;display:flex;flex:1 0 auto;flex-direction:column;gap:0;justify-content:flex-start;align-items:center;padding:clamp(10px,2vh,20px) clamp(24px,5vw,48px) clamp(10px,2vh,20px);box-sizing:border-box}.brand{display:flex;justify-content:center;margin-top:clamp(4px,1.2vh,14px);margin-bottom:0;padding:0;flex:0 0 auto}.brand img{width:clamp(75px,9vw,110px);height:auto;object-fit:contain;padding:0;margin:0}.slogan{color:var(--color-text-strong);flex:0 0 auto;margin-top:0}.slogan h1{display:block;margin:0;font-size:clamp(13px,1.5vw,18px);letter-spacing:10px;color:var(--color-text-strong);line-height:clamp(24px,3vh,34px);font-family:AlimamaShuHeiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}.slogan p{color:var(--color-text-subtle);margin:3px 0 0;font-size:clamp(12px,1.3vw,14px);letter-spacing:2px}.hero-image{margin-top:clamp(8px,1.2vh,16px);flex:0 0 auto;display:flex;align-items:center;justify-content:center}.hero-image img{width:100%;height:auto;max-width:min(100%,clamp(680px,70vw,1400px));max-height:clamp(260px,32vh,380px);object-fit:contain}.platform-download-card,.mobile-download{appearance:none;border:0;padding:0;font:inherit;cursor:pointer}.download-notice{text-align:center;color:var(--color-text-muted)}.platforms{margin:clamp(12px,1.5vh,20px) auto 0;width:100%;display:flex;justify-content:center;padding:0 clamp(16px,5vw,48px);box-sizing:border-box;align-items:center;flex-wrap:wrap;gap:clamp(10px,2vw,20px);flex:0 0 auto}.platform-download-card{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:clamp(96px,7.5vw,120px);height:clamp(96px,7.5vw,120px);border-radius:var(--radius-large);box-shadow:var(--shadow-card);cursor:pointer;background-color:#ffffffeb;transition:transform .2s ease,box-shadow .2s ease}.platform-download-card:focus-visible{outline:var(--focus-ring);outline-offset:3px}.platform-download-card:is(:hover,:focus-visible){transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.platform-download-card-top{width:40px;height:40px;position:relative;overflow:hidden}.platform-download-card-bottom{text-align:center;position:relative;width:100%;display:flex;flex-direction:column;color:var(--color-text-strong);overflow:hidden}.platform-download-card .download-hook-icon{position:absolute;top:0;width:40px;height:40px;opacity:0;transition:opacity .15s ease}.platform-download-card-bottom .download-hook-text{position:absolute;bottom:0;font-size:14px;opacity:0;transition:opacity .15s ease;width:100%}.platform-download-card .platform-logo{width:40px;height:40px;transition:opacity .15s ease}.platform-download-card .platform-name{font-size:14px;transition:opacity .15s ease}.platform-download-card:is(:hover,:focus-visible) .download-hook-icon{opacity:1}.platform-download-card:is(:hover,:focus-visible) .platform-logo,.platform-download-card:is(:hover,:focus-visible) .platform-name{opacity:0}.platform-download-card:is(:hover,:focus-visible) .download-hook-text{opacity:1}.platforms:empty,.mobile-platforms:empty{display:none}footer{margin-top:20px;width:100%;color:var(--color-text-muted);display:flex;font-size:14px;justify-content:center;flex-shrink:0}.footer-inner{display:flex;justify-content:center;align-items:center;width:100%;min-height:58px;padding:12px 16px;font-size:14px;background-color:var(--color-surface-muted);border-top:1px solid var(--color-border)}.footer-inner p{margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(18px,4vw,32px)}.footer-inner a{font-weight:400;display:inline-flex;align-items:center;min-height:var(--control-min-height)}.footer-links{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:20px}@media(min-width:769px)and (max-width:1023px){.slogan h1{font-size:clamp(20px,3vw,28px);line-height:clamp(36px,4.5vh,48px);letter-spacing:12px}}@media(min-width:1024px)and (max-width:1439px){.slogan h1{font-size:clamp(22px,2.6vw,30px);line-height:clamp(40px,4.8vh,52px);letter-spacing:12px}}@media(min-width:1440px){main{max-width:min(88vw,1360px);gap:clamp(12px,2vh,32px);padding-top:clamp(18px,2.2vh,36px);padding-bottom:clamp(18px,2.2vh,36px)}.hero-image img{max-width:min(100%,clamp(800px,68vw,1500px));max-height:clamp(300px,36vh,460px)}.platforms{gap:clamp(16px,2.5vw,28px)}.brand img{width:clamp(85px,10vw,120px)}.slogan h1{font-size:clamp(22px,2.4vw,32px);line-height:clamp(42px,5vh,54px)}}@media(min-width:1800px){main{max-width:min(82vw,1480px);padding:clamp(18px,2vh,36px) clamp(36px,6vw,72px);gap:clamp(12px,1.8vh,30px)}.hero-image img{max-width:min(100%,clamp(900px,64vw,1620px));max-height:clamp(320px,38vh,500px)}.platforms{gap:clamp(18px,2.8vw,32px)}.brand img{width:clamp(90px,11vw,135px)}.slogan h1{font-size:clamp(24px,2.6vw,36px);line-height:clamp(46px,5.5vh,62px)}}@media(min-width:1920px){main{max-width:min(78vw,1600px);padding:clamp(20px,2.4vh,40px) clamp(48px,7vw,84px)}.hero-image img{max-width:min(100%,clamp(1000px,62vw,1760px));max-height:clamp(340px,40vh,540px)}.platforms{gap:clamp(20px,3vw,36px)}.brand img{width:clamp(100px,12vw,150px)}.slogan h1{font-size:clamp(26px,2.6vw,36px);line-height:clamp(48px,5.5vh,64px)}}@media(min-width:2560px){main{max-width:min(72vw,1740px);padding:clamp(24px,2.8vh,48px) clamp(56px,8vw,96px)}.hero-image img{max-width:min(100%,clamp(1200px,56vw,2000px));max-height:clamp(360px,42vh,580px)}.platforms{gap:clamp(24px,3.5vw,44px)}.brand img{width:clamp(115px,13vw,170px)}.slogan h1{font-size:clamp(28px,2.8vw,42px);line-height:clamp(54px,6.5vh,74px)}}@media(max-width:768px){html{scroll-padding-bottom:calc(160px + env(safe-area-inset-bottom))}:root{background-color:var(--color-page)}main{max-width:100%;min-height:auto;display:block;gap:0;padding:0 16px}body{background-image:var(--bg-image),var(--bg-shadow);background-size:100% auto,100% auto;background-position:0 0,0 0;background-color:var(--color-page);background-repeat:no-repeat,no-repeat;padding-bottom:calc(18px + env(safe-area-inset-bottom))}#app{justify-content:flex-start}.brand{margin-top:32px;margin-bottom:20px}.slogan h1{font-size:26px;letter-spacing:11px;line-height:29px}.slogan p{font-size:12px;letter-spacing:1px;margin-top:5px}.desktop-only{display:none}.mobile-only{display:block}.brand img{width:76px;height:39px}.hero-image{margin-top:4px;display:flex;justify-content:center}.hero-image img{max-width:min(420px,88vw);max-height:none;aspect-ratio:891 / 1632;margin:0 auto}footer{margin-top:0;color:var(--color-text-muted);background-color:var(--color-surface);position:relative}.footer-inner{width:100%;height:auto;font-size:14px;background-color:var(--color-surface);border-top:none;padding-top:20px;padding-bottom:calc(150px + env(safe-area-inset-bottom))}.footer-inner p{flex-direction:column;gap:8px;align-items:center}.footer-inner a{color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;gap:0}.mobile-platforms{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),1fr));justify-content:center;align-items:center;gap:12px;background:var(--color-surface);padding:20px 16px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;box-shadow:var(--shadow-toolbar)}.mobile-platforms:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:80px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--color-surface) 100%)}.mobile-platforms:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-platforms:has(>:nth-child(3)) .mobile-download{flex-direction:column;gap:6px}html:has(.mobile-platforms:empty){scroll-padding-bottom:0}body:has(.mobile-platforms:empty) .footer-inner{padding-bottom:24px}.mobile-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:52px;padding:10px 12px;font-size:15px;font-weight:500;line-height:1.5;background-color:var(--color-primary);color:var(--color-surface);border-radius:var(--radius-medium);box-shadow:var(--shadow-card-hover);transition:transform .1s ease,background-color .1s ease;overflow-wrap:anywhere}.mobile-download:hover{transform:translateY(-2px);background-color:var(--color-primary-hover);color:var(--color-surface)}.mobile-download:focus-visible{outline:var(--focus-ring);outline-offset:3px}.mobile-download img{width:20px;height:20px;flex-shrink:0}.download-copy{min-width:0;text-align:center}}@media(max-height:820px)and (min-width:1024px){main{gap:clamp(8px,1.4vh,18px);padding:clamp(12px,1.6vh,24px) clamp(32px,5vw,56px)}.hero-image{margin-top:clamp(4px,1vh,12px)}.hero-image img{max-height:clamp(320px,42vh,520px)}.platforms{gap:clamp(10px,1.6vw,18px)}.platform-download-card{height:clamp(88px,12vh,110px)}}@media(min-height:1000px)and (min-width:1024px)and (max-aspect-ratio:16/10){main{justify-content:flex-start;gap:clamp(12px,2vh,24px);padding-top:clamp(20px,3vh,40px);padding-bottom:clamp(20px,3vh,40px)}.hero-image{flex:0 0 auto;margin-top:clamp(8px,1.5vh,16px);margin-bottom:clamp(8px,1.5vh,16px)}.platforms{margin-top:clamp(12px,2vh,24px)}}@media(min-height:1200px)and (min-width:1024px)and (max-aspect-ratio:16/10){main{padding-top:clamp(24px,4vh,48px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}