*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,"Microsoft YaHei",sans-serif;background:#f5f7fb;color:#111} .container{max-width:520px;margin:40px auto;padding:24px 24px 28px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.06)} h1{margin:0 0 6px;font-size:22px} .sub{margin:0 0 18px;color:#6b7280} label{display:block;margin:14px 0 6px;color:#374151;font-weight:600} input{width:100%;height:38px;padding:0 12px;border:2px solid #9ca3af;border-radius:8px;font-size:14px} input:focus{outline:none;border-color:#2563eb} .row{display:flex;gap:8px} .row input{flex:1} button{height:38px;padding:0 14px;border:none;border-radius:8px;font-size:14px;cursor:pointer} button#send{background:#f3f4f6;color:#111;border:1px solid #e5e7eb} button#send:disabled{opacity:.6;cursor:not-allowed} .primary{width:100%;margin-top:14px;background:#2563eb;color:#fff} .primary:hover{background:#1d4ed8} .msg{margin-top:12px;min-height:20px;color:#374151} .footer{display:flex;justify-content:flex-end;margin-top:8px} .footer a{color:#6b7280;text-decoration:none} .footer a:hover{color:#0AA1E4}


