.qrcode-page{background:#f5f5f5;min-height:100vh;padding:24px}.qrcode-page .main-card{border-radius:8px;max-width:1200px;margin:0 auto;box-shadow:0 2px 8px #00000014}.qrcode-page .main-card .page-title{text-align:center;margin-bottom:12px;font-weight:600}.qrcode-page .main-card .page-title .anticon{margin-right:8px}.qrcode-page .main-card .ant-typography{text-align:center;margin-bottom:32px}.qrcode-page .input-card{border-radius:8px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.qrcode-page .input-card:hover{box-shadow:0 4px 12px #00000026}.qrcode-page .input-card .ant-input-affix-wrapper{border-top-left-radius:6px;border-bottom-left-radius:6px}.qrcode-page .input-card .ant-btn{border-top-right-radius:6px;border-bottom-right-radius:6px}.qrcode-page .qr-card{border-radius:8px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.qrcode-page .qr-card:hover{box-shadow:0 4px 12px #00000026}.qrcode-page .qr-card .qr-content{justify-content:center;align-items:center;width:100%;padding:24px;display:flex}.qrcode-page .qr-card .qr-content .qr-image{background:#fff;border-radius:8px;max-width:300px;height:auto;padding:16px;box-shadow:0 2px 8px #0000000f}.qrcode-page .qr-card .qr-content .qr-url{color:#595959;text-align:center;overflow-wrap:anywhere;max-width:100%;margin:0}.qrcode-page .qr-card .ant-btn{min-width:140px;height:40px}.qrcode-page .history-card{border-radius:8px;box-shadow:0 1px 3px #0000001a}.qrcode-page .history-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.qrcode-page .history-card .ant-card-head .ant-card-head-title{font-size:16px;font-weight:600}.qrcode-page .history-card .history-item{cursor:pointer;padding:12px 24px;transition:all .3s}.qrcode-page .history-card .history-item:hover{background-color:#f5f5f5}.qrcode-page .history-card .history-item .anticon{color:#1890ff;margin-right:8px}.qrcode-page .history-card .history-list{border:1px solid #f0f0f0;border-radius:6px;overflow:hidden}.qrcode-page .history-card .history-item-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}@media (max-width:768px){.qrcode-page{padding:16px}.qrcode-page .qr-content{padding:16px!important}}