:root{color-scheme:dark;font-family:system-ui,"Microsoft YaHei",sans-serif;background:#11171d;color:#e9edf0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#25363e,transparent 65%);min-height:100vh}main{max-width:580px;margin:auto;padding:64px 24px 32px}.eyebrow{font-size:11px;letter-spacing:3px;color:#c8ae78}h1{font-size:32px;margin:18px 0 12px}header p,footer{color:#9eabb4;line-height:1.8}section{background:#1b242c;border:1px solid #34414a;border-radius:14px;padding:28px;margin-top:32px}.section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #34414a;padding-bottom:16px}h2{font-size:19px;margin:0}.section-title span{font-size:12px;color:#d6bd8a}label{display:block;margin:22px 0 8px;font-size:14px}input{width:100%;background:#121a21;border:1px solid #495762;border-radius:6px;padding:12px;color:#fff;font:inherit}input:focus{outline:2px solid #d6bd8a;outline-offset:2px}small{display:block;color:#a4afb8;font-size:12px;line-height:1.7;margin-top:7px}button{width:100%;margin-top:28px;padding:13px;background:#d6bd8a;color:#172029;font-weight:700;font-size:15px;border:0;border-radius:6px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#result{line-height:1.7;font-size:14px;margin-bottom:0;min-height:24px}footer{font-size:12px;text-align:center;margin-top:25px}@media(max-width:480px){main{padding:32px 16px}section{padding:22px}h1{font-size:27px}}