*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:#fff3c4;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:clamp(12px,3vmin,20px);padding:0 16px;background:#ffcf2e}.footer{flex-shrink:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:clamp(10px,4vw,16px);padding:0 12px;background:#ffcf2e;white-space:nowrap}.footer a{font-size:13px;color:#1616168c;text-decoration:none}.footer a:hover{color:#161616;text-decoration:underline}.hint-category{font-size:16px;font-weight:700;color:#161616;letter-spacing:.08em}.hint-category span{color:#15924a}.hint-url{max-width:76vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#1616168c}.rings{position:relative;width:min(64vmin,340px);height:min(64vmin,340px)}.ring{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);animation:ring-breathe 1.8s cubic-bezier(.77,0,.175,1) infinite}.ring-outer{width:100%;height:100%;background:#ffd93b;animation-delay:0s}.ring-middle{width:62%;height:62%;background:#15924a;animation-delay:.18s}.ring-inner{width:32%;height:32%;background:#161616;animation-delay:.36s}@keyframes ring-breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.06);opacity:.88}}@media(max-width:380px){.stage{gap:12px}.hint-category{font-size:14px}.hint-url{max-width:84vw;font-size:12px}.footer{gap:10px}.footer a{font-size:12px}}@media(prefers-reduced-motion:reduce){.ring{animation:none}}