.qr-box{max-width:900px;margin:0 auto;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(1,62,54,.1)}.qr-head{background:#013e36 url(/email/head_bg.png) 50%/cover;color:#fff;padding:20px 28px 26px;display:grid;grid-gap:14px;gap:14px}.qr-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.qr-top img{width:130px;height:auto;display:block}.qr-lang{font-size:.88rem;color:#d7ebe4;margin-left:auto}.qr-head .qr-top{align-items:flex-start}.qr-r{margin-left:auto;display:grid;justify-items:end;grid-gap:2px;gap:2px}.qr-r .qr-lang{margin:0}.qr-big{font-family:Jost,Century Gothic,system-ui,sans-serif;font-weight:500;color:#fff;font-size:2.4rem;line-height:1.1;text-align:right}.qr-big small{display:block;font-family:Source Sans\ 3,Segoe UI,system-ui,sans-serif;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#5fd0b4;margin-top:4px}.qr-lang b{color:#fff}.qr-lang a{color:#d7ebe4}.qr-kick{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#5fd0b4}.qr-head h1{color:#fff;font-size:2rem;margin:2px 0 6px;line-height:1.2}.qr-head p{margin:0;color:#d7ebe4;max-width:660px}.qr-body{padding:22px 28px 28px;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px;background:#f6faf8}.qr-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px}.qr-h{display:flex;gap:12px;align-items:center}.qr-n{width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem;flex:none}.qr-h h2{font-size:1.15rem;color:var(--fg)}.qr-sub{font-weight:600;color:#33554a}.qr-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px;border-radius:12px}.qr-types.bad{outline:2px solid var(--err);outline-offset:4px}.qr-type{display:grid;justify-items:center;align-content:start;grid-gap:6px;gap:6px;text-align:center;border:1.5px solid var(--line);border-radius:12px;padding:12px 4px;font:inherit;font-weight:600;font-size:.88rem;line-height:1.25;background:#fff;color:var(--fg);cursor:pointer;min-height:0}.qr-type:hover{border-color:#7fbca6}.qr-type[aria-pressed=true]{border-color:var(--brand);background:#eef8f4;box-shadow:0 0 0 3px rgba(75,163,138,.18)}.qr ::placeholder{color:#8fb3a6;font-weight:400;opacity:1}.qr label{text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:500;color:#33554a;gap:6px}.qr input:not([type=checkbox]):not([type=file]),.qr select,.qr textarea{background:#f4faf7;border:1.5px solid #a9d3c3;border-radius:8px;padding:11px 13px;min-height:46px;transition:border-color .15s,box-shadow .15s,background .15s}.qr input:not([type=checkbox]):not([type=file]):hover,.qr select:hover,.qr textarea:hover{border-color:#7fbca6}.qr input:not([type=checkbox]):not([type=file]):focus,.qr select:focus,.qr textarea:focus{outline:none;background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px rgba(75,163,138,.18)}.qr .qr-drop{position:relative;display:flex;gap:14px;align-items:center;border:2px dashed #a9d3c3;background:#f4faf7;border-radius:12px;padding:16px 18px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:1rem;color:var(--fg);font-weight:400}.qr .qr-drop.on,.qr .qr-drop:focus-within,.qr .qr-drop:hover{border-color:var(--brand);background:#eef8f4}.qr-drop img{width:44px;height:44px;flex:none}.qr-drop b{display:block;font-weight:600}.qr-drop .hint{font-size:.86rem}.qr-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.qr-priv{font-size:.85rem;line-height:1.5;background:#f1f8f7;border-radius:10px;padding:10px 12px;color:#4d6b61}.qr-send{font-size:1.08rem;padding:14px 26px;width:100%}.qr-ask{display:grid;grid-gap:6px;gap:6px;border:2px solid #c0392b;border-radius:10px;padding:10px 12px;background:#fff8f7}.qr-ask-h{font-weight:700;color:#b03a2e;font-size:.98rem}.qr-bubble{display:flex;gap:10px;align-items:flex-start;background:#eef6f3;border:1px solid #cfe5dc;border-radius:12px 12px 12px 4px;padding:8px 10px 8px 12px;font-size:.94rem;line-height:1.4;color:var(--fg)}.qr-bubble.ai{background:#f1f0fb;border-color:#d9d6f3}.qr-bubble button{background:none;border:0;color:#7d8f88;cursor:pointer;font-size:.9rem;padding:0 4px;min-height:0;line-height:1.4}.qr-ok{display:flex;gap:14px;align-items:flex-start}.qr-ok img{width:44px;height:44px;flex:none}@media(max-width:700px){.qr-box{margin:0 -4px}.qr-head{padding:16px 18px 20px}.qr-top img{width:110px}.qr-head h1{font-size:1.6rem}.qr-big{font-size:1.7rem}.qr-body{padding:14px 10px 18px;gap:12px}.qr-card{padding:14px}.qr-types{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-types .qr-type:last-child{grid-column:1/-1}}