*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;min-height:100vh}#root{width:100%}:root{--base-vw: 1px}@media (max-width: 500px){:root{--base-vw: .2dvw ;font-size:3.2dvw}}.app{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:400% 400%;animation:gradientShift 10s ease infinite;padding:calc(var(--base-vw) * 10);min-height:100dvh;display:flex}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{width:100%;max-width:calc(var(--base-vw) * 1200);margin:auto;padding:calc(var(--base-vw) * 10);border-radius:calc(var(--base-vw) * 30);background:#ffffffe6;display:flex;gap:calc(var(--base-vw) * 50)}.container .btn-base{border-radius:calc(infinity * 1px);padding:calc(var(--base-vw) * 12) calc(var(--base-vw) * 20);background:#feda04;border:3px solid #45b7d1;cursor:pointer}.container .main{display:flex;flex-direction:column;gap:calc(var(--base-vw) * 50)}.container .main .header{display:flex;flex-direction:column;gap:calc(var(--base-vw) * 20);text-align:center;background:#fff;border-radius:calc(var(--base-vw) * 25);padding:calc(var(--base-vw) * 10) 0;box-shadow:0 15px 40px #0000001a}.container .main .header .logo-section{display:flex;align-items:center;justify-content:center;gap:calc(var(--base-vw) * 20)}.container .main .header .logo-section .logo{width:calc(var(--base-vw) * 40);height:calc(var(--base-vw) * 40);border-radius:50%;box-shadow:0 8px 25px #00000026}.container .main .header .intro-section{line-height:2}.container .main .input-section{display:flex;justify-content:space-between;gap:calc(var(--base-vw) * 20)}.container .main .input-section .number-input{all:unset;flex:1;padding:0 calc(var(--base-vw) * 20);border:3px solid #feda04;border-radius:calc(infinity * 1px);font-size:1.1rem;box-shadow:0 4px 15px #0000001a;background:#ffffffe6}.container .main .input-section .number-input::placeholder{color:#999}.container .main .card-module{display:flex;flex-direction:column;gap:calc(var(--base-vw) * 10)}.container .main .card-module .module-header{display:flex;justify-content:space-between;align-items:center}.container .main .card-module .module-header .header-title{color:#0009;font-size:calc(var(--base-vw) * 20);font-weight:700}.container .main .card-module .module-header .header-right{display:flex;gap:calc(var(--base-vw) * 10)}.container .main .card-module .module-content{background:#ffffffe6;border-radius:calc(var(--base-vw) * 15);padding:calc(var(--base-vw) * 20);box-shadow:inset 0 2px 10px #0000001a;line-height:1.5}.container .main .card-module .module-content .emoji-result{font-size:calc(var(--base-vw) * 40)}.container .footer{background:#fff;border-radius:calc(var(--base-vw) * 30);padding:calc(var(--base-vw) * 30);box-shadow:0 8px 32px #0000001a;line-height:1.8;display:flex;flex-direction:column;gap:calc(var(--base-vw) * 20)}.container .footer .contact-info{background:#45b7d11a;padding:calc(var(--base-vw) * 15);border-radius:calc(var(--base-vw) * 15)}.container .footer .wechat-img{width:calc(var(--base-vw) * 300);object-fit:cover;margin:0 auto}@media (max-width: 768px){.container{flex-direction:column}.container .header .intro-section{font-size:calc(var(--base-vw) * 14)}.container .card-module .module-content .emoji-result{font-size:calc(var(--base-vw) * 30)}}