:root{--bg-color: #0d0d12;--neon-green: #00ffcc;--neon-dark: #004d40;--text-main: #e0e0e0;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(0, 255, 204, .2)}html{background:var(--bg-color)}body{margin:0;padding:0;min-height:100vh;background-color:var(--bg-color);background-image:radial-gradient(circle at 50% 50%,#1a1a24 0%,var(--bg-color) 80%),linear-gradient(0deg,transparent 24%,rgba(0,255,204,.03) 25%,rgba(0,255,204,.03) 26%,transparent 27%,transparent 74%,rgba(0,255,204,.03) 75%,rgba(0,255,204,.03) 76%,transparent 77%,transparent);background-size:100% 100%,50px 50px;display:flex;justify-content:center;align-items:center;font-family:PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-main);overflow-x:hidden;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:24px;padding:50px 40px;width:100%;max-width:400px;text-align:center;box-shadow:0 0 40px #00ffcc0d;display:flex;flex-direction:column;align-items:center;gap:30px}.eye-container{width:120px;height:60px;position:relative;margin:0 auto;border-radius:60px;background:#111;border:2px solid var(--neon-dark);box-shadow:0 0 20px var(--neon-dark) inset,0 0 15px #0fc3;overflow:hidden;display:flex;justify-content:center;align-items:center}.pupil{width:30px;height:30px;background:var(--neon-green);border-radius:50%;box-shadow:0 0 15px var(--neon-green),0 0 30px var(--neon-green);position:absolute;transition:transform .1s ease-out;transform:translate(0)}.pupil:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#000;border-radius:50%}.eyelid{position:absolute;left:0;width:100%;height:50%;background:#222;border-bottom:2px solid var(--neon-green);z-index:10;transition:transform .4s cubic-bezier(.8,0,.2,1)}.eyelid.top{top:0;transform:translateY(-100%)}.eyelid.bottom{bottom:0;transform:translateY(100%);border-bottom:none;border-top:2px solid var(--neon-green)}.eye-container.closed .eyelid.top,.eye-container.closed .eyelid.bottom{transform:translateY(0)}.input-group{width:100%}input[type=text]{width:85%;padding:15px 20px;border-radius:12px;background:#00000080;border:1px solid rgba(0,255,204,.3);color:var(--neon-green);font-size:16px;outline:none;text-align:center;transition:all .3s ease}input[type=text]:focus{border-color:var(--neon-green);box-shadow:0 0 15px #0fc3}input[type=text]::placeholder{color:#e0e0e04d}button{width:100%;padding:16px;border-radius:12px;background:transparent;color:var(--neon-green);border:1px solid var(--neon-green);font-size:16px;font-weight:700;cursor:pointer;letter-spacing:2px;transition:all .3s ease;position:relative;overflow:hidden}button:hover{background:#00ffcc1a;box-shadow:0 0 20px #0fc3}button:disabled{border-color:#555;color:#555;cursor:not-allowed;background:transparent}#result-box{min-height:80px;width:100%;padding:20px 0;font-size:15px;line-height:1.8;color:#ccc;opacity:0;transform:translateY(10px);transition:all .5s ease;text-align:left;border-top:1px dashed rgba(255,255,255,.1)}#result-box.show{opacity:1;transform:translateY(0)}.highlight{color:var(--neon-green);font-weight:700}.back{position:fixed;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));padding:10px 12px;border-radius:12px;border:1px solid rgba(0,255,204,.25);color:#fffc;text-decoration:none;background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:20}@media(max-width:420px){.card{max-width:92vw;padding:28px 18px;border-radius:20px;gap:18px}.eye-container{width:110px;height:56px}input[type=text]{width:92%;padding:14px;font-size:15px}button{padding:14px;font-size:15px;letter-spacing:1px}#result-box{font-size:14px;line-height:1.75;min-height:64px}}.duck-peeker{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));right:calc(10px + env(safe-area-inset-right));width:104px;height:104px;z-index:30;display:grid;place-items:end;pointer-events:auto;user-select:none;-webkit-user-select:none}.duck-peeker.left{right:auto;left:calc(10px + env(safe-area-inset-left))}.duck-peeker .duck-sprite{width:104px;height:104px;border-radius:999px;overflow:hidden;background:#00000038;border:1px solid rgba(255,255,255,.1);transform:translate3d(62%,18%,0);opacity:.94;transition:transform .28s cubic-bezier(.2,.9,.2,1),filter .28s ease;filter:drop-shadow(0 14px 30px rgba(0,0,0,.55));animation:duckBreath 4.8s ease-in-out infinite;will-change:transform}.duck-peeker .duck-sprite img{width:165%;height:165%;display:block;object-fit:cover;object-position:50% 30%;transform:translate(-20%,-12%);filter:saturate(1.04) contrast(1.02)}.duck-peeker.left .duck-sprite{transform:translate3d(-62%,18%,0);animation-name:duckBreathLeft}.duck-peeker.left .duck-sprite img{transform:translate(-20%,-12%) scaleX(-1)}.duck-peeker.show .duck-sprite{transform:translate3d(0,-6px,0) rotate(-2deg) scale(1.26);filter:drop-shadow(0 18px 44px rgba(0,0,0,.65));animation:duckBreath 4.8s ease-in-out infinite,duckBlink 3.2s steps(2) infinite}.duck-peeker.left.show .duck-sprite{transform:translate3d(0,-6px,0) rotate(2deg) scale(1.26)}.duck-peeker.hop .duck-sprite{animation:duckHop .76s cubic-bezier(.2,.95,.2,1) 1}@keyframes duckHop{0%{transform:translate3d(0,28px,0) rotate(-2deg) scale(.92)}35%{transform:translate3d(0,-14px,0) rotate(-8deg) scale(1.38)}62%{transform:translate3d(0,-4px,0) rotate(4deg) scale(1.18)}to{transform:translate3d(0,-6px,0) rotate(-2deg) scale(1.26)}}@keyframes duckBreath{0%,to{transform:translate3d(62%,18%,0) scale(1)}50%{transform:translate3d(62%,18%,0) scale(1.02)}}@keyframes duckBreathLeft{0%,to{transform:translate3d(-62%,18%,0) scale(1)}50%{transform:translate3d(-62%,18%,0) scale(1.02)}}@keyframes duckBlink{0%,92%,to{filter:drop-shadow(0 18px 44px rgba(0,0,0,.65))}94%{filter:drop-shadow(0 18px 44px rgba(0,0,0,.65)) saturate(.92) brightness(.96)}96%{filter:drop-shadow(0 18px 44px rgba(0,0,0,.65))}}.duck-bubble{position:fixed;bottom:calc(126px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right));max-width:min(260px,68vw);padding:10px 12px;border-radius:14px;background:#00000085;border:1px solid rgba(0,255,204,.18);color:#ffffffd1;font-size:12px;line-height:1.55;letter-spacing:.4px;opacity:0;transform:translate3d(0,8px,0);transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:31;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.duck-bubble.left{right:auto;left:calc(16px + env(safe-area-inset-left))}.duck-bubble.show{opacity:1;transform:translateZ(0)}.duck-bubble:after{content:"";position:absolute;bottom:-7px;right:18px;width:14px;height:14px;background:#00000085;border-right:1px solid rgba(0,255,204,.18);border-bottom:1px solid rgba(0,255,204,.18);transform:rotate(45deg)}.duck-bubble.left:after{right:auto;left:18px}@media(max-width:420px){.duck-peeker,.duck-peeker .duck-sprite{width:92px;height:92px}.duck-bubble{bottom:calc(112px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.duck-peeker .duck-sprite{animation:none!important;transition:none!important}.duck-bubble{transition:none!important}}