html,body{margin:0;padding:0;width:100%;height:100%;overflow:auto;font-family:"Segoe UI","PingFang SC","Helvetica Neue",sans-serif;background:linear-gradient(135deg,#c2e9fb,#a1c4fd)}body{display:flex;justify-content:center;align-items:center;flex-direction:column}.top-banner{position:fixed;left:0;right:0;top:0;transform:translateY(-120%);transition:transform .3s ease,opacity .3s ease;display:flex;justify-content:center;pointer-events:none;z-index:9999;opacity:0}.top-banner.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.top-banner__inner{margin:12px;min-width:280px;max-width:1100px;width:calc(100% - 48px);background:#fff;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.12);padding:12px 16px;display:flex;align-items:center;gap:12px}.top-banner__message{flex:1;font-size:15px;color:#1f2937}.top-banner__close{background:transparent;border:0;font-size:16px;cursor:pointer;padding:6px}.top-banner--info .top-banner__inner{border-left:4px solid #3b82f6}.top-banner--success .top-banner__inner{border-left:4px solid #10b981}.top-banner--error .top-banner__inner{border-left:4px solid #ef4444}.top-banner--warn .top-banner__inner{border-left:4px solid #f59e0b}.input-with-avatar{position:relative;width:100%}.qq-avatar{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #fff;box-shadow:0 0 6px rgba(0,0,0,0.15);display:block}.input-with-avatar input{padding-left:48px !important}#formWrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px}#errorMsg{color:red;margin-bottom:10px;display:none}#formArea{display:none;width:100%}#formArea form{display:flex;flex-direction:column;gap:16px;width:100%}input[type="number"],input[type="submit"]{width:100%;padding:12px 16px;font-size:16px;border-radius:6px;box-sizing:border-box}input[type="number"]{border:1px solid #ccc}input[type="submit"]{background:#4a90e2;color:white;border:0;cursor:pointer}input[type="submit"]:hover{background:#357ab8}#submitCountdown{margin-top:10px;font-size:14px;color:#555;text-align:center;width:100%}#footerRecord{width:100%;text-align:center;padding:8px 0;font-size:14px;color:#888;position:fixed;bottom:0;left:0;background:rgba(255,255,255,0.8);z-index:1000;box-shadow:0 -1px 4px rgba(0,0,0,0.1)}