*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{width:100%;max-width:420px;margin:0 auto;padding:20px}.welcome{text-align:center;padding:60px 20px}.welcome h1{font-size:26px;margin-bottom:10px}.welcome p{font-size:14px;color:#666;margin-bottom:20px}.notice{background:#fff7d1;border:1px solid #ffe8a3;border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.6;color:#333;margin-bottom:24px;text-align:left}.notice a{color:#2563eb;text-decoration:none;font-weight:500}.welcome button{padding:14px 28px;background:#111;color:#fff;border:none;border-radius:14px}.test{padding:20px 0}.progress{text-align:center;font-size:14px;color:#666;margin-bottom:12px}.question{font-size:16px;line-height:1.6;margin-bottom:24px}.btns{display:flex;flex-direction:column;gap:10px}button{padding:16px;border-radius:12px;border:1px solid #ddd;background:#fff;font-size:15px}.result{padding:20px 0}.card{padding:28px;border-radius:20px;box-shadow:0 6px 24px #00000014}.title{font-size:14px;color:#666;margin-bottom:6px}.type{font-size:34px;font-weight:700;margin-bottom:8px}.name{font-size:20px;font-weight:500;margin-bottom:6px}.tag{font-size:15px;color:#888;margin-bottom:20px}.lines{height:1px;background:#00000014;margin:20px 0}.desc{display:flex;flex-direction:column;gap:16px}.ditem label{font-size:12px;color:#777;margin-bottom:4px;display:block}.ditem p{font-size:15px;line-height:1.6}.qrcode{margin-top:24px;text-align:center}.qrcode img{width:100px;height:100px;border-radius:8px;margin-bottom:6px}.qrcode p{font-size:12px;color:#888}.actions{display:flex;gap:10px;margin-top:20px}.actions button{flex:1;background:#111;color:#fff}