:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{text-align:left;width:100%;margin:0;padding:0}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#fb7299;--secondary-color:#23ade5;--dark-color:#18191c;--light-color:#f5f5f5;--text-color:#333;--text-light:#666;--white:#fff;--border-radius:8px;--transition:all .3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Noto Sans SC,sans-serif;line-height:1.6;overflow-x:hidden}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{color:var(--primary-color);transition:var(--transition);text-decoration:none;position:relative}a:hover{color:var(--secondary-color)}a:after{content:"";background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}a:hover:after{width:100%}button{cursor:pointer;transition:var(--transition);border:none;outline:none;font-family:inherit;position:relative;overflow:hidden}button:disabled{cursor:not-allowed;opacity:.6}.logo{margin:0;font-size:1.8rem;font-weight:700;transition:transform .3s}.logo:hover{transform:scale(1.05)}.logo a{color:var(--dark-color);align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo .chinese-name{color:var(--primary-color);font-weight:700}.logo .domain{color:var(--secondary-color);font-size:1.4rem}.hero-slogan{color:var(--text-light);margin-bottom:1rem;font-size:1.2rem;font-weight:500;animation:2s infinite pulse}.ripple{background-color:#fff9;border-radius:50%;animation:.6s ease-out ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(4)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out fadeIn}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.gradient-border{border-radius:var(--border-radius);position:relative}.gradient-border:before{content:"";background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--primary-color));border-radius:calc(var(--border-radius) + 2px);z-index:-1;background-size:400%;animation:4s linear infinite borderRotate;position:absolute;inset:-2px}@keyframes borderRotate{0%{background-position:0 0}to{background-position:400% 0}}.scroll-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.scroll-reveal.active{opacity:1;transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.slide-in{animation:.3s forwards slideIn}.slide-out{animation:.3s forwards slideOut}