.niu-qbanner{width:100%}.niu-qbanner__inner{max-width:1200px;margin:0 auto;padding:0 var(--niu-space-lg, 24px)}.niu-qbanner__card{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;background:var(--niu-surface, #fff);border-radius:var(--niu-radius-2xl, 32px);overflow:hidden;box-shadow:0 12px 32px #4a324514}.niu-qbanner__copy{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:var(--niu-space-base, 16px)}.niu-qbanner__eyebrow{font-size:var(--niu-size-eyebrow, 13px);font-weight:800;letter-spacing:var(--niu-track-eyebrow, .18em);text-transform:uppercase;color:var(--niu-muted, #895d80);margin:0}.niu-qbanner__heading{font-family:var(--niu-font-display);font-weight:800;font-size:clamp(28px,3.6vw,44px);line-height:1.05;letter-spacing:var(--niu-track-display, -.03em);color:var(--niu-fg, #4a3245);margin:0}.niu-qbanner__heading em{font-style:italic;font-weight:800;color:var(--niu-muted, #895d80);white-space:nowrap}.niu-qbanner__body{font-size:var(--niu-size-body-m, 15px);color:var(--niu-text, #333);line-height:1.55;margin:0;max-width:44ch}.niu-qbanner__body>p{margin:0;font-size:inherit;color:inherit;line-height:inherit}.niu-qbanner__cta{margin-top:28px}.niu-qbanner__cta{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:14px 26px;border-radius:var(--niu-radius-pill, 999px);background:var(--niu-fg, #4a3245);color:#fff;font-family:var(--niu-font-display);font-weight:800;font-size:var(--niu-size-button, 14px);letter-spacing:var(--niu-track-button, .02em);text-decoration:none;transition:transform .18s ease,background .18s ease;margin-top:var(--niu-space-sm, 8px)}.niu-qbanner__cta:hover{background:var(--niu-muted, #895d80);color:#fff;transform:translateY(-1px)}.niu-qbanner__cta svg{width:18px;height:18px}.niu-qbanner__visual{position:relative;overflow:hidden;min-height:240px;background:var(--niu-pink, #f0e2ef)}.niu-qbanner__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}@media(max-width:768px){.niu-qbanner__inner{padding:0 var(--niu-space-base, 16px)}.niu-qbanner__card{grid-template-columns:1fr;border-radius:var(--niu-radius-xl, 24px)}.niu-qbanner__copy{padding:28px 24px 24px;text-align:left;order:1}.niu-qbanner__visual{order:2;min-height:220px}.niu-qbanner__heading{font-size:28px}.niu-qbanner__body{font-size:14px}}@media(max-width:767px){.niu-qbanner__card{background:var(--niu-bg, #fdf6fc)!important;box-shadow:none!important;border-radius:0!important}}@media(max-width:767px){.niu-qbanner__visual{border:2px solid var(--niu-fg, #4a3245)!important;border-radius:var(--niu-radius-xl, 24px)!important;overflow:hidden}.niu-qbanner__visual img{display:block}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/niuyu-home-quiz-banner.css.map */