.page{height:100vh;padding:20px;box-sizing:border-box;background:linear-gradient(180deg,#f5f7fb,#edf2f8);overflow:hidden}.layout{display:grid;grid-template-columns:380px 1fr;gap:16px;align-items:stretch}.layout,.panel{height:100%;min-height:0}.panel{background-color:#fff;border-radius:12px;padding:18px;box-shadow:0 8px 24px rgba(20,35,70,.06);box-sizing:border-box;display:flex;flex-direction:column}.input-panel{gap:12px;overflow:auto}.result-panel{position:relative;min-width:0;overflow:hidden}.result-table-wrap{flex:1;min-height:0;box-sizing:border-box;padding-bottom:var(--result-table-bottom-offset,0)}.section-title{font-size:16px;line-height:22px;font-weight:700;color:#1f2b3d}.checkpoint-textarea{flex:1;min-height:0;display:flex}.checkpoint-textarea :deep(.el-textarea){flex:1;height:100%;display:flex}.checkpoint-textarea :deep(.el-textarea__inner){flex:1;height:100%;box-sizing:border-box;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.actions{gap:10px;margin-top:4px}.actions,.result-header{display:flex;align-items:center}.result-header{justify-content:space-between;margin-bottom:10px}.count{font-size:13px;color:#6b7a90}.result-download{position:absolute;right:18px;bottom:18px;z-index:2}.result-table{width:100%;height:100%}.qrcode{width:80px;height:80px;display:block;margin:4px auto;background-color:#fff}@media(max-width:768px){.page{height:auto;min-height:100vh;padding:12px;overflow:visible}.layout{height:auto;grid-template-columns:1fr;gap:12px}.panel{height:auto;padding:12px}.result-download{right:12px;bottom:12px}}.generate-code-message{min-width:auto!important;padding:10px 14px!important}.generate-code-message .el-message__content{font-size:14px!important;line-height:20px!important}