.qwf-shell{max-width:1160px}.qwf-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#173f5d,#0f9e91);color:#fff;margin:20px 0}.qwf-hero span{color:#d8fffa;font-weight:800}.qwf-hero h1{margin:6px 0;font-size:34px}.qwf-hero p{margin:0;max-width:700px}.qwf-hero .qr-btn{background:#fff;color:#15566a;white-space:nowrap}.qwf-notice{padding:14px 18px;border:1px solid #9fe1d5;background:#ecfbf8;border-radius:12px;color:#17685f;margin-bottom:18px}.qwf-notice.error{border-color:#f1b7b7;background:#fff1f1;color:#9a3131}.qwf-list{display:grid;gap:18px}.qwf-card{background:#fff;border:1px solid #dae4ea;border-radius:18px;box-shadow:0 12px 34px rgba(23,63,93,.07);padding:22px}.qwf-card>header{display:flex;justify-content:space-between;gap:18px;align-items:start;border-bottom:1px solid #e8eef2;padding-bottom:16px}.qwf-card>header small{color:#0f8178}.qwf-card>header h2{margin:5px 0;font-size:22px}.qwf-card>header p{margin:0;color:#65768a}.qwf-card>header>span{background:#eef9f7;color:#0a756e;border-radius:999px;padding:7px 12px;font-weight:800}.qwf-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.qwf-steps li{min-height:155px;padding:14px;border:1px solid #dfe7ec;border-radius:14px;background:#f8fafb;display:flex;gap:10px;align-items:flex-start}.qwf-steps li>b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#dfe6ea;color:#5f6d7b}.qwf-steps li.done{background:#f0fbf9;border-color:#aee2d9}.qwf-steps li.done>b{background:#0f9e91;color:#fff}.qwf-steps li.in-progress{background:#fff9ec;border-color:#ebd38d}.qwf-steps li.in-progress>b{background:#d79b18;color:#fff}.qwf-steps li div{display:flex;flex-direction:column;gap:7px}.qwf-steps strong{font-size:14px}.qwf-steps small{font-size:12px;line-height:1.6;color:#66778a}.qwf-steps a{font-size:12px;color:#5d4be0;font-weight:800;text-decoration:none}.qwf-steps .qwf-create{display:inline-block;background:#6754e8;color:#fff;padding:7px 9px;border-radius:8px;text-align:center}@media(max-width:900px){.qwf-steps{grid-template-columns:1fr 1fr}.qwf-hero{align-items:flex-start}}@media(max-width:520px){.qwf-shell{padding-inline:12px}.qwf-hero{display:block;padding:22px}.qwf-hero h1{font-size:27px}.qwf-hero .qr-btn{display:block;margin-top:18px;text-align:center}.qwf-card{padding:15px}.qwf-card>header{display:block}.qwf-card>header>span{display:inline-block;margin-top:10px}.qwf-steps{grid-template-columns:1fr}.qwf-steps li{min-height:0}}