@charset "UTF-8";
*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#18324e;font:14px/1.8 "Segoe UI","Microsoft JhengHei",Arial,sans-serif}main{max-width:780px;margin:40px auto;padding:35px;background:#fff;border:1px solid #e2e9f1;border-radius:16px}.brand{width:245px;max-width:80%;display:block;margin-bottom:30px}h1{font-size:27px;margin:0 0 14px}h2{font-size:18px;margin:0 0 16px}p{margin:12px 0;color:#63768b}section{padding:25px 0;border-top:1px solid #e5ebf2}label{display:block;margin:15px 0 7px;font-weight:600}input{display:block;width:100%;padding:12px;border:1px solid #d3deea;border-radius:8px;margin-top:7px;font:inherit;color:#17314e}input:focus{outline:2px solid #a9ceff}small,.note{font-size:12px;color:#718197}.grid{display:grid;grid-template-columns:1fr 160px;gap:16px}.button{display:inline-block;background:#0669f7;color:#fff;border:0;padding:13px 20px;border-radius:8px;cursor:pointer;font:600 14px "Segoe UI","Microsoft JhengHei",sans-serif;text-decoration:none}.error,.ok{padding:16px;border-radius:8px;margin:20px 0}.error{background:#fff0f0;color:#a72b3f}.ok{background:#ecf8f2;color:#167153}.good{color:#167153}.bad{color:#a72b3f}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef4fc;padding:18px;border-radius:8px;font-size:12px}a{color:#0669f7}ul{margin:0;padding-left:22px}@media(max-width:650px){main{margin:15px;padding:24px}.grid{grid-template-columns:1fr}.brand{width:205px}h1{font-size:24px}}