*{box-sizing:border-box;margin:0;padding:0}:root{--color-cream:#fff8f0;--color-pink:#ffe4e1;--color-blue:#e6f3ff;--color-yellow:#fff9e6;--color-text:#8b7355;--color-text-light:#b8a798;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,PingFang SC,Microsoft YaHei,sans-serif}html,body{width:100%;height:100%;overflow:hidden}body{background:linear-gradient(135deg, var(--color-cream) 0%, var(--color-pink) 50%, var(--color-blue) 100%);background-size:400% 400%;animation:15s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.yinoa-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.yinoa-word{perspective:1000px;perspective-origin:50%;visibility:hidden;justify-content:center;align-items:center;gap:.05em;display:flex}.letter{-webkit-user-select:none;user-select:none;cursor:default;z-index:1;--gradient-angle:160deg;--shadow-offset-x:0px;--shadow-offset-y:0px;background:linear-gradient(var(--gradient-angle), #fff 0%, #ffffffd9 15%, #fffffff2 35%, #ffffffb3 55%, #ffffffe0 75%, #e6dce6bf 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(var(--shadow-offset-x) var(--shadow-offset-y) 0 #fff) drop-shadow(calc(var(--shadow-offset-x) * 2) calc(var(--shadow-offset-y) * 2) 4px #fffffff2) drop-shadow(calc(var(--shadow-offset-x) * 3) calc(var(--shadow-offset-y) * 3) 16px #ffffffd9) drop-shadow(calc(var(--shadow-offset-x) * 4) calc(var(--shadow-offset-y) * 4) 32px #ffb6c1cc) drop-shadow(calc(var(--shadow-offset-x) * 5) calc(var(--shadow-offset-y) * 5) 56px #ffb6c18c) drop-shadow(calc(var(--shadow-offset-x) * 6) calc(var(--shadow-offset-y) * 6) 90px #ffb6c159);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,20vw,12rem);font-weight:800;line-height:1;display:inline-block;position:relative}.letter:before{content:attr(data-letter);font-size:inherit;font-weight:inherit;line-height:inherit;background:linear-gradient(#fffffff2 0%,#fffc 12%,#ffffff8c 25%,#ffffff40 40%,#0000 55%);-webkit-text-fill-color:transparent;color:#0000;pointer-events:none;z-index:2;-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}.letter:after{content:attr(data-letter);font-size:inherit;font-weight:inherit;line-height:inherit;background:linear-gradient(#0000 35%,#c8b4c826 55%,#b496b459 80%,#9682a080 100%);-webkit-text-fill-color:transparent;color:#0000;pointer-events:none;z-index:3;-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}.decoration-dots{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;overflow:hidden}.dot{opacity:.4;border-radius:50%;animation:8s ease-in-out infinite floatDot;position:absolute}@keyframes floatDot{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.1)}}.icp-footer{text-align:center;z-index:10;opacity:.6;font-size:12px;transition:opacity .3s;position:fixed;bottom:20px;left:0;right:0}.icp-footer:hover{opacity:1}.icp-footer a{color:#8b7355cc;font-family:PingFang SC,Microsoft YaHei,sans-serif;text-decoration:none;transition:color .3s}.icp-footer a:hover{color:#ffb6c1e6}