@import "https://fonts.loli.net/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#fff;--bg-secondary:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--border-light:#0f172a0f;--border-hover:#0f172a1f;--card-bg:#fff9;--card-hover:#fffffff2;--glow-shadow:0 20px 40px -15px #0f172a0d;--nav-bg:#ffffffb3;--hero-desc-bg:#fff6;--btn-primary-bg:#000;--btn-primary-text:#fff;--btn-primary-hover:#27272a;--btn-secondary-bg:#0f172a0a;--btn-secondary-hover:#0f172a14;--logo-dot:#000;--footer-bg:#fff;--mobile-bar-bg:#ffffffd9;--qr-bg:#fff;--control-bg:#0f172a0a;--control-active-bg:#fff;--control-active-text:#7c3aed;--dropdown-bg:#fff;--dropdown-shadow:0 8px 30px #0f172a1f}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#0a0a0f;--bg-secondary:#111118;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-light:#ffffff14;--border-hover:#ffffff26;--card-bg:#ffffff0a;--card-hover:#ffffff14;--glow-shadow:0 20px 40px -15px #00000080;--nav-bg:#0a0a0fd9;--hero-desc-bg:#ffffff0a;--btn-primary-bg:#fff;--btn-primary-text:#000;--btn-primary-hover:#e4e4e7;--btn-secondary-bg:#ffffff0f;--btn-secondary-hover:#ffffff1a;--logo-dot:#fff;--footer-bg:#0a0a0f;--mobile-bar-bg:#0a0a0fe6;--qr-bg:#1a1a24;--control-bg:#ffffff0f;--control-active-bg:#7c3aed33;--control-active-text:#a78bfa;--dropdown-bg:#1a1a24;--dropdown-shadow:0 8px 30px #0006}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,STHeiti,Microsoft Yahei,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;overflow-x:hidden}#bg-canvas{z-index:-1;pointer-events:none;background-color:var(--bg-color);width:100%;height:100%;position:fixed;top:0;left:0}.animate-fade-in-up{opacity:0;will-change:transform, opacity}nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);z-index:100;justify-content:space-between;align-items:center;padding:1.5rem 8%;display:flex;position:sticky;top:0}.nav-actions{align-items:center;gap:.75rem;display:flex}.theme-switch{background:var(--control-bg);border:1px solid var(--border-light);border-radius:999px;align-items:center;padding:3px;display:flex}.theme-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:.8rem;line-height:1;transition:all .2s;display:inline-flex}.theme-btn:hover{color:var(--text-primary)}.theme-btn.active{background:var(--control-active-bg);color:var(--control-active-text);box-shadow:0 1px 4px #00000014}.theme-auto-label{font-weight:500}.lang-switch{position:relative}.lang-trigger{border:1px solid var(--border-light);background:var(--control-bg);color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.lang-trigger:hover{border-color:var(--border-hover);background:var(--btn-secondary-hover)}.lang-dropdown{background:var(--dropdown-bg);border:1px solid var(--border-light);min-width:160px;box-shadow:var(--dropdown-shadow);z-index:200;border-radius:12px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0}.lang-dropdown.open{display:block}.lang-option{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;transition:background .15s;display:flex}.lang-option:hover{background:var(--control-bg)}.lang-option.active{color:var(--control-active-text);font-weight:600}.lang-option.active:after{content:"✓";font-size:.85rem}.logo{letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.logo:before{content:"";background:var(--logo-dot);border-radius:50%;width:10px;height:10px;display:inline-block}.nav-btn{background:var(--btn-primary-bg);color:var(--btn-primary-text);will-change:transform;border:1px solid #0000;border-radius:999px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none}.nav-btn:hover{background:var(--btn-primary-hover)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:6rem 8% 4rem;display:flex;position:relative}.hero h1{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:800;line-height:1.15}#typewriter{background:linear-gradient(135deg,#2563eb,#7c3aed,#db2777);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.cursor{color:#7c3aed;margin-left:2px;font-weight:300;animation:.8s infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-desc{text-align:center;background:var(--hero-desc-bg);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);max-width:680px;box-shadow:var(--glow-shadow);border-radius:24px;margin-bottom:2.5rem;padding:2rem}.hero-desc p{color:var(--text-secondary);margin-bottom:.6rem;font-size:1.1rem;line-height:1.6}.hero-desc p:last-child{margin-bottom:0}.hero-subtext{margin-top:1rem;font-weight:600;color:var(--text-primary)!important}.hero-buttons{justify-content:center;align-items:center;gap:1rem;display:flex}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);will-change:transform;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 10px 20px -10px #0000004d}.btn-primary:hover{background:var(--btn-primary-hover);box-shadow:0 15px 25px -10px #0006}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--border-light);will-change:transform;border-radius:999px;justify-content:center;align-items:center;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--btn-secondary-hover);border-color:var(--border-hover)}.features{max-width:1200px;margin:0 auto;padding:8rem 8%;position:relative}.section-title{text-align:center;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:4rem;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.card{background:var(--card-bg);cursor:pointer;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);box-shadow:var(--glow-shadow);transform-style:preserve-3d;border-radius:24px;flex-direction:column;align-items:flex-start;padding:3rem 2.2rem;transition:background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:relative}.card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(135deg,#0000,#0000);border-radius:24px;padding:1px;transition:background .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:before{background:linear-gradient(var(--glow-angle,135deg), #4285f4, #ea4335, #fbbc05, #34a853, #8b5cf6);animation:6s linear infinite rotateGlow}@keyframes rotateGlow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.card:hover{background:var(--card-hover);border-color:#0000;box-shadow:0 20px 40px -15px #0f172a1f,0 0 30px -5px #4285f41a,0 0 50px -10px #8b5cf614}.card-icon{margin-bottom:1.5rem;font-size:2.5rem;transform:translateZ(30px)}.card h3{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.8rem;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700;transform:translateZ(20px)}.card p{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;transform:translateZ(10px)}.subscribe{text-align:center;background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:8rem 8%;scroll-margin-top:88px;position:relative}.subscribe-desc{color:var(--text-secondary)}.wechat-search{margin-top:1rem;font-size:1.2rem;font-weight:600}.qr-container{background:var(--qr-bg);border:1px solid var(--border-light);border-radius:28px;width:240px;height:240px;margin:3rem auto;padding:12px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 15px 35px #0f172a14}.qr-container:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 25px 50px #0f172a1f}.qr-container img{object-fit:contain;border-radius:16px;width:100%;height:100%}.mobile-bottom-bar{background:var(--mobile-bar-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);z-index:100;width:100%;padding:1rem 5%;display:none;position:fixed;bottom:0;left:0;box-shadow:0 -10px 30px #0000000d}.mobile-bottom-bar a{background:var(--btn-primary-bg);width:100%;color:var(--btn-primary-text);border-radius:999px;justify-content:center;align-items:center;padding:.9rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-bottom-bar a:active{transform:scale(.96)}footer{text-align:center;background:var(--footer-bg);border-top:1px solid var(--border-light);color:var(--text-secondary);padding:4rem 8% 3rem;font-size:.9rem}.footer-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;margin-top:.8rem;display:flex}.icp-link,.beian-link{color:var(--text-secondary);align-items:center;gap:4px;text-decoration:none;transition:color .2s;display:inline-flex}.icp-link:hover,.beian-link:hover{color:var(--text-primary)}.beian-icon{vertical-align:middle;flex-shrink:0}@media (width<=768px){nav{flex-wrap:wrap;gap:.75rem;padding:1rem 4%}.nav-actions{flex-wrap:wrap;gap:.5rem}.theme-auto-label{display:none}.theme-btn{padding:6px 8px}.lang-trigger span{display:none}.lang-trigger{padding:8px 10px}.nav-btn{padding:.45rem 1rem;font-size:.85rem}.hero{min-height:65vh;padding:4rem 6% 3rem}.hero h1{font-size:2.8rem}.hero-desc{border-radius:20px;margin-bottom:2rem;padding:1.5rem}.hero-desc p{font-size:1rem}.hero-buttons{flex-direction:column;gap:.8rem;width:100%}.btn-primary,.btn-secondary{width:100%;padding:.9rem 2rem;font-size:1rem}.features{padding:5rem 6%}.section-title{margin-bottom:3rem;font-size:2.2rem}.grid{gap:1.5rem}.card{border-radius:20px;padding:2.2rem 1.8rem}.subscribe{padding:5rem 6% 7rem}.qr-container{border-radius:20px;width:200px;height:200px;margin:2rem auto}.mobile-bottom-bar{display:flex}footer{padding-bottom:6rem}}