*{box-sizing:border-box}body{margin:0;background:#f4f5f7;font:15px/1.6 Arial,"Microsoft YaHei",sans-serif;color:#222}.panel{max-width:720px;margin:24px auto;padding:24px;background:#fff;border-radius:14px}header,.row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}header{justify-content:space-between}h1{font-size:24px}h2{font-size:18px}p{color:#777}label{display:block;margin:16px 0}input{display:block;width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px}button,.button{display:inline-block;background:#eba74f;color:white;border:0;border-radius:8px;padding:11px 18px;text-decoration:none;font-size:14px;cursor:pointer}a{color:#9b651e}article{padding:16px 0;border-bottom:1px solid #eee}.quiet{background:#eee;color:#555}.danger{background:#fff0ee;color:#b44}fieldset{border:1px solid #eee;border-radius:8px;margin:16px 0}.alert{background:#fff5e7;padding:12px;color:#886333}#qr{margin:20px 0}#qr svg{width:240px;max-width:100%;height:auto}.viewer{max-width:640px;margin:auto;background:white;min-height:100vh}.picture{display:block;width:100%;height:auto}.actions{padding:18px 36px 8px;display:grid;gap:18px}.actions a{display:flex;align-items:center;justify-content:center;height:36px;border-radius:10px;background:#efaa50;color:white;text-decoration:none;font-size:11px}.bottom{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #f3f3f3}.bottom a{display:flex;align-items:center;justify-content:center;height:46px;text-decoration:none;color:#222;font-size:11px}.bottom a+a{border-left:1px solid #f3f3f3}@media(max-width:760px){.panel{margin:0;border-radius:0;padding:20px;min-height:100vh}}