body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--text);padding:24px}.card{width:min(520px,100%);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px 28px}.title{text-align:center;font-size:22px;font-weight:700;margin:0 0 22px 0}.form{width:360px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px}input,button{display:block;width:100%;height:46px;border-radius:10px;font-size:15px}input{border:1px solid var(--border);padding:0 14px;outline:none;background:#fff;text-align:center}input:focus{border-color:rgba(22,119,255,.6);box-shadow:0 0 0 4px rgba(22,119,255,.12)}button{border:0;cursor:pointer;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-sms{background:var(--success);color:#fff}.result{width:360px;max-width:100%;margin:14px auto 0 auto;background:#f9fafb;border:1px solid #eef2f7;border-radius:12px;padding:12px 14px;font-size:14px;white-space:pre-wrap;line-height:1.55}.small{color:var(--muted);font-size:12px;text-align:center;margin-top:10px}.btn-shop{display:flex;align-items:center;justify-content:center;padding:10px 20px;background:linear-gradient(135deg,#FF7F50,#FF6347);color:#fff;font-weight:bold;text-decoration:none;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:all 0.3s ease;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;min-width:120px;text-align:center}.btn-shop:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,0.3);background:linear-gradient(135deg,#FF6347,#FF4500)}.btn-copy{display:inline-block;margin-top:6px;padding:4px 10px;background:#1677ff;color:#fff;border-radius:6px;cursor:pointer;font-size:12px}.btn-copy:hover{background:#145ecc}.input-hint{font-size:12px;color:var(--muted);margin-top:4px;display:block}.input-error{color:#dc2626;font-size:12px;margin-top:4px;display:block}.btn-custom{display:block;width:360px;max-width:100%;height:46px;margin:14px auto 0 auto;background:#4CAF50;color:white;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;text-align:center;line-height:46px}