*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-width:320px;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scroll-behavior:smooth;background:linear-gradient(135deg,#0a0a1a,#1a1a3a,#0a0a1a)}a,button{touch-action:manipulation}.fade-in{animation:fadeIn .8s ease-out}.slide-in-left{animation:slideInLeft .8s ease-out}.slide-in-right{animation:slideInRight .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a3a80}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ffcc,#7b2ff7cc);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00d4ff,#7b2ff7)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a3a,#0a0a1a);position:relative;overflow:hidden}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(123,47,247,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,0,128,.1) 0%,transparent 50%);animation:backgroundShift 20s ease infinite;z-index:-1}@keyframes backgroundShift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10%,-10%) scale(1.1)}50%{transform:translate(-5%,5%) scale(1.05)}75%{transform:translate(-10%,10%) scale(.95)}}.header{position:fixed;top:8px;left:0;right:0;z-index:1000;background:transparent;border-bottom:none}.header-content{max-width:1400px;margin:0 auto;width:100%;padding:0 2rem;height:120px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center}.header-logo{height:110px;width:auto;display:block}.nav{display:flex;gap:2.5rem}.nav-link{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;opacity:.8;transition:opacity .3s ease}.nav-link:hover{opacity:1}.nav-download-image{height:24px;width:auto;vertical-align:middle}.download-btn-small{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;padding:8px 10px;margin:0;position:relative;border-radius:999px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-download-image{height:58px;width:auto;display:block}@media (max-width: 768px){.nav{display:none}.header{background:linear-gradient(180deg,rgba(10,10,26,.88) 0%,rgba(10,10,26,.45) 72%,transparent 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{min-height:64px;height:auto;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + .75rem) 1rem .5rem}.header-logo{height:56px}.download-btn-small{min-width:112px;min-height:44px;padding:8px 12px;background:#ffffff0a}.btn-download-image{height:46px}}@media (max-width: 480px){.header-content{padding-left:.75rem;padding-right:.75rem}.download-btn-small{min-width:104px;padding:7px 10px}.btn-download-image{height:42px}}.hero{min-height:100vh;min-height:100svh;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:10rem 4rem 3rem;background-image:var(--hero-background-image),radial-gradient(ellipse at center,rgba(123,47,247,.2) 0%,transparent 70%);background-position:center 8%;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden;margin:0}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00d4ff1a,#7b2ff71a,#ff00801a);animation:gradientShift 15s ease infinite;z-index:0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-title{animation:fadeInUp 1.5s ease-out;text-shadow:0 0 30px rgba(0,212,255,.5),0 0 60px rgba(123,47,247,.3)}.hero-subtitle,.hero-description{animation:none}.hero-buttons{animation:none;opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero-content{margin:0;padding:0;width:100%;min-height:calc(100svh - 10rem);position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:3rem}.hero-text{color:#fff;max-width:420px;margin-left:0;margin-right:auto;text-align:left}.hero-title{font-size:75px;color:#fff;font-weight:700;font-family:-apple-system-font,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif;margin-bottom:1rem;line-height:1.1}.hero-subtitle{font-size:1.4rem;font-weight:500;margin-bottom:1rem;opacity:1;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-description{font-size:1rem;line-height:1.7;opacity:1;margin-bottom:1.5rem;max-width:34rem;text-shadow:0 2px 8px rgba(0,0,0,.2)}.hero-buttons{display:flex;justify-content:center;align-items:center;margin-top:13rem}.btn-primary{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;padding:0;margin:0 auto;position:relative}.hero-download-image{height:auto;width:min(420px,100%);min-width:280px;object-fit:contain}.btn-secondary{padding:1rem 2.5rem;background:transparent;color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;border-radius:30px;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.btn-secondary:hover{border-color:#fff9;background:#ffffff0d}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-image{width:100%;aspect-ratio:16/9;border-radius:20px;object-fit:cover;box-shadow:0 10px 40px #00d4ff4d;border:2px solid rgba(255,255,255,.1)}.visual-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#00d4ff33,#7b2ff733);border:2px dashed rgba(255,255,255,.2);border-radius:20px;display:flex;justify-content:center;align-items:center;color:#ffffff80;font-size:1.2rem;font-weight:500}@media (max-width: 968px){.hero{padding:9rem 2rem 2.5rem;background-position:58% 10%}.hero-content{min-height:calc(100svh - 9rem);align-items:flex-start}.hero-text{margin:0;text-align:left}.hero-title{font-size:3rem}.hero-description{max-width:40rem}.hero-buttons{padding:0}.hero-download-image{width:min(360px,100%)}}@media (max-width: 768px){.hero{padding:calc(env(safe-area-inset-top,0px) + 8.25rem) 1.25rem 2rem;background-position:62% 12%;background-size:auto 100%}.hero-content{min-height:calc(100svh - 8rem);justify-content:flex-start;gap:2rem}.hero-text{max-width:100%}.hero-subtitle{font-size:1.1rem;margin-bottom:.75rem}.hero-description{font-size:.95rem;line-height:1.6;margin-bottom:0}.hero-buttons{padding:0;margin-top:3rem}.hero-download-image{min-width:0;width:min(320px,82vw)}}@media (max-width: 640px){.hero-title{font-size:2.5rem}.hero-content{padding:0}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem}.hero-buttons{text-align:center}}@media (max-width: 420px){.hero{padding-left:1rem;padding-right:1rem}.hero-title{font-size:2rem}.hero-download-image{width:min(280px,78vw)}}.footer{background:linear-gradient(135deg,#000000b3,#1a1a3ab3);border-top:1px solid rgba(0,212,255,.2);padding:3rem 2rem;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.8),transparent);animation:footerGlow 3s ease-in-out infinite}.footer-content{max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-logo .logo-text{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-link{color:#fff9;text-decoration:none;font-size:.95rem;transition:color .3s ease;overflow-wrap:anywhere;word-break:break-word}.footer-link:hover{color:#00d4ff}.footer-copyright{width:100%;text-align:center;color:#ffffff80;font-size:.8rem}.footer-company{margin-top:.3rem;font-size:.8rem}.footer-disclaimer{margin-bottom:1.5rem;font-size:.8rem;line-height:1.5;color:#fff6;padding:.8rem 1rem;border-radius:4px;animation:fadeIn 1s ease-out .3s both}.footer-health{margin-top:1rem;margin-bottom:0;font-size:.8rem;color:#ffffff80;text-align:center;font-weight:400;line-height:1.8}.footer-bottom{width:100%;max-width:1000px;margin:0 auto}.footer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:900px;margin:0 auto;margin-bottom:1.5rem;padding-top:2rem;align-items:start}.footer-info-left,.footer-info-right{display:flex;flex-direction:column;gap:.5rem}.footer-info-left p,.footer-info-right p{margin:0;line-height:1.6}.footer-link[href*="beian.miit.gov.cn"]{position:relative;display:inline-block;transition:all .3s ease}.footer-link[href*="beian.miit.gov.cn"]:hover{color:#00d4ff;transform:scale(1.05);text-shadow:0 0 10px rgba(0,212,255,.8)}@keyframes footerGlow{0%,to{opacity:.5;transform:translate(-100%)}50%{opacity:1}to{opacity:.5;transform:translate(100%)}}@media (max-width: 640px){.footer{padding:2rem 1rem}.footer-content{gap:1.25rem;align-items:stretch}.footer-links{gap:1rem;flex-direction:column;align-items:center}.footer-link{font-size:.9rem;line-height:1.6;text-align:center}.footer-copyright{font-size:.78rem}.footer-info-grid{grid-template-columns:1fr;gap:1rem}.footer-info-left,.footer-info-right,.footer-disclaimer,.footer-health{text-align:center}.footer-disclaimer,.footer-health{margin-top:0;margin-bottom:1rem;padding-left:0;padding-right:0;line-height:1.7}.footer-company{line-height:1.6}}