:root {
  --qy-blue: #1966ff;
  --qy-blue-dark: #124dcc;
  --qy-blue-soft: #eaf2ff;
  --qy-blue-faint: #f5f8ff;
  --qy-ink: #182033;
  --qy-muted: #7f8ca4;
  --qy-line: #e8edf6;
  --qy-card: #ffffff;
  --qy-radius: 12px;
  --qy-shadow: 0 16px 46px rgba(51, 93, 168, .1);
  --qy-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; min-width: 320px; color: var(--qy-ink); background: #fff; font-family: var(--qy-font); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.qy-no-scroll { position: fixed; top: var(--qy-scroll-lock-top, 0); right: 0; left: 0; width: 100%; overflow: hidden; padding-right: var(--qy-scrollbar-compensation, 0); }
body.qy-no-scroll .qy-header { right: var(--qy-scrollbar-compensation, 0); }
body.qy-no-scroll .qy-service-float { right: calc(24px + var(--qy-scrollbar-compensation, 0px)); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { border: 0; }
img { max-width: 100%; }
[hidden] { display: none !important; }
.app-loading { display: grid; min-height: 100dvh; place-items: center; color: var(--qy-blue); }
.loading-dots { display: flex; gap: 6px; }
.loading-dots span { width: 7px; height: 7px; border-radius: 50%; background: var(--qy-blue); animation: qy-loading 1s ease-in-out infinite; }
.loading-dots span:nth-child(2) { animation-delay: .12s; }
.loading-dots span:nth-child(3) { animation-delay: .24s; }
@keyframes qy-loading { 0%, 100% { opacity: .35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-4px); } }
.qy-page { min-height: 100dvh; overflow: hidden; background: #fff; }
.qy-container { width: min(1160px, calc(100% - 48px)); margin: 0 auto; }
.qy-header { position: fixed; inset: 0 0 auto; z-index: 40; height: 64px; background: rgba(255, 255, 255, .96); border-bottom: 1px solid rgba(224, 232, 245, .7); box-shadow: 0 2px 14px rgba(44, 72, 126, .03); backdrop-filter: blur(12px); }
.qy-header__inner { display: flex; width: min(1268px, calc(100% - 48px)); height: 64px; margin: 0 auto; align-items: center; gap: 28px; }
.qy-brand { display: inline-flex; min-width: 190px; align-items: center; gap: 10px; color: var(--qy-ink); }
.qy-brand__logo { display: block; width: auto; max-width: 146px; height: 38px; object-fit: contain; }
.qy-brand__fallback { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; color: #fff; background: linear-gradient(135deg, #4b8cff, #1556e4); border-radius: 9px; box-shadow: 0 5px 14px rgba(25, 102, 255, .25); font-weight: 700; }
.qy-brand__copy { display: flex; min-width: 0; flex-direction: column; line-height: 1.1; }
.qy-brand__copy strong { overflow: hidden; color: #1b273d; font-size: 16px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }
.qy-brand__copy small { margin-top: 4px; color: #9aa7bb; font-size: 10px; white-space: nowrap; }
.qy-nav { display: flex; min-width: 0; flex: 1; align-items: center; justify-content: center; gap: 34px; white-space: nowrap; }
.qy-nav__link, .qy-nav__group > a, .qy-nav__group > span { position: relative; display: inline-flex; height: 64px; align-items: center; color: #526078; font-size: 14px; transition: color .2s ease; }
.qy-nav__link::after, .qy-nav__group > a::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--qy-blue); content: ""; opacity: 0; transform: scaleX(.35); transition: transform .2s ease, opacity .2s ease; }
.qy-nav__link:hover, .qy-nav__group:hover > a, .qy-nav__group:hover > span { color: var(--qy-blue); }
.qy-nav__link:hover::after, .qy-nav__group:hover > a::after { opacity: 1; transform: scaleX(1); }
.qy-nav__group { position: relative; display: inline-flex; align-items: center; gap: 2px; }
.qy-nav__group > i { color: #9aa8bc; font-size: 16px; transition: transform .2s ease; }
.qy-nav__group:hover > i { color: var(--qy-blue); transform: rotate(180deg); }
.qy-nav__dropdown { position: absolute; top: 54px; left: 50%; display: grid; min-width: 138px; padding: 8px; background: #fff; border: 1px solid var(--qy-line); border-radius: 9px; box-shadow: 0 16px 36px rgba(33, 60, 118, .12); opacity: 0; pointer-events: none; transform: translate(-50%, 6px); transition: opacity .2s ease, transform .2s ease; }
.qy-nav__group:hover .qy-nav__dropdown, .qy-nav__group:focus-within .qy-nav__dropdown { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.qy-nav__dropdown a, .qy-nav__dropdown span { padding: 8px 10px; color: #62718a; border-radius: 6px; font-size: 13px; }
.qy-nav__dropdown a:hover { color: var(--qy-blue); background: var(--qy-blue-faint); }
.qy-merchant { display: inline-flex; min-width: 132px; height: 38px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; color: #fff; background: var(--qy-blue); border-radius: 22px; box-shadow: 0 7px 16px rgba(25, 102, 255, .2); font-size: 14px; transition: background .2s ease, transform .2s ease, box-shadow .2s ease; }
.qy-merchant:hover { background: var(--qy-blue-dark); box-shadow: 0 9px 20px rgba(25, 102, 255, .26); transform: translateY(-1px); }
.qy-mobile-actions, .qy-mobile-home, .qy-drawer, .qy-drawer-overlay { display: none; }
.qy-plugin-slot:empty { display: none; }
.qy-hero { position: relative; min-height: 860px; padding-top: 64px; overflow: hidden; }
.qy-hero__wash { position: absolute; top: 76px; right: 0; left: 0; height: 755px; overflow: hidden; background: linear-gradient(128deg, #ffffff 6%, #f8faff 45%, #eaf1ff 72%, #dbe7ff 100%); border-radius: 0 0 46% 40% / 0 0 13% 18%; }
.qy-hero__wash::before { position: absolute; top: -440px; left: -315px; width: 1320px; height: 770px; background: #fff; border-radius: 50%; content: ""; transform: rotate(-7deg); }
.qy-hero__wash::after { position: absolute; bottom: -190px; left: -110px; width: 1090px; height: 280px; background: #fff; border-radius: 50% 50% 0 0; content: ""; transform: rotate(3deg); }
.qy-hero__inner { position: relative; display: flex; width: min(1372px, calc(100% - 64px)); min-height: 796px; align-items: flex-start; }
.qy-hero__copy { position: relative; z-index: 2; width: 520px; padding-top: 210px; }
.qy-hero__copy h1 { margin: 0; color: #161b27; font-size: 32px; font-weight: 700; line-height: 1.5; letter-spacing: 0; }
.qy-hero__copy h1 span { color: var(--qy-blue); }
.qy-hero__copy p { max-width: 490px; margin: 22px 0 0; color: #8492a8; font-size: 16px; line-height: 1.85; }
.qy-hero__actions { display: flex; align-items: center; gap: 26px; margin-top: 36px; }
.qy-button { display: inline-flex; height: 48px; align-items: center; justify-content: center; border-radius: 24px; font-size: 16px; font-weight: 500; transition: transform .2s ease, background .2s ease, color .2s ease; }
.qy-button--primary { min-width: 192px; padding: 0 42px; color: #fff; background: var(--qy-blue); box-shadow: 0 8px 18px rgba(120, 171, 255, .44); }
.qy-button--primary:hover { background: #3d7cff; transform: translateY(-2px); }
.qy-button--text { gap: 5px; color: var(--qy-blue); }
.qy-button--text:hover { transform: translateX(3px); }
.qy-hero-art { position: absolute; top: 71px; left: 756px; z-index: 3; width: 808px; height: 650px; }
.qy-hero-art img { position: absolute; display: block; max-width: none; object-fit: contain; filter: drop-shadow(0 16px 20px rgba(44, 95, 198, .06)); animation: qy-art-in .78s cubic-bezier(.165, .84, .44, 1) both; }
.qy-hero-art__chart { top: 0; left: 117px; width: 258px; height: 258px; animation-delay: .06s !important; }
.qy-hero-art__shop { top: 74px; left: 408px; width: 235px; height: 159px; animation-delay: .14s !important; }
.qy-hero-art__products { top: 226px; left: 408px; width: 465px; height: 355px; animation-delay: .22s !important; }
.qy-hero-art__user { top: 494px; left: 104px; width: 278px; height: 175px; animation-delay: .3s !important; }
.qy-hero-art__balance { top: 287px; left: 0; width: 383px; height: 202px; animation-delay: .38s !important; }
@keyframes qy-art-in { from { opacity: 0; transform: translateY(22px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.qy-section { padding: 100px 0 0; }
.qy-heading { margin: 0 auto 58px; text-align: center; }
.qy-heading h2 { margin: 0; color: #1b2333; font-size: 32px; font-weight: 500; line-height: 1.45; }
.qy-heading p { margin: 16px 0 0; color: #98a2b3; font-size: 18px; }
.qy-solutions { padding-top: 128px; }
.qy-solutions__panel { display: flex; min-height: 420px; overflow: hidden; background: #f7faff; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(226, 234, 249, .35); }
.qy-solutions__tabs { width: 234px; flex: 0 0 234px; padding: 40px 28px; background: linear-gradient(270deg, rgba(228, 234, 252, .44), rgba(249, 251, 255, .75)); }
.qy-solutions__tabs button { display: flex; width: 100%; min-height: 62px; align-items: center; gap: 8px; margin-bottom: 16px; padding: 0 18px; color: #56657d; background: #fff; border-radius: 13px; box-shadow: 0 8px 20px rgba(41, 77, 147, .06); cursor: pointer; font-size: 15px; text-align: left; transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; }
.qy-solutions__tabs button i { color: #5f88ee; font-size: 20px; }
.qy-solutions__tabs button:hover { color: var(--qy-blue); transform: translateX(3px); }
.qy-solutions__tabs button.is-active { color: #182033; background: #dce8ff; box-shadow: none; }
.qy-solutions__tabs button.is-active i { color: var(--qy-blue); }
.qy-solutions__body { display: flex; width: 100%; min-width: 0; justify-content: space-between; padding: 58px 54px 52px 40px; }
.qy-solution-copy { max-width: 520px; padding-top: 5px; }
.qy-solution-copy__tag { display: inline-flex; padding: 4px 9px; color: #245bdb; background: #dbe7ff; border-radius: 20px; font-size: 12px; font-weight: 600; }
.qy-solution-copy h3 { margin: 16px 0 0; color: #182033; font-size: 25px; font-weight: 600; line-height: 1.4; }
.qy-solution-copy p { margin: 12px 0 0; color: #65738a; font-size: 15px; line-height: 1.8; }
.qy-solution-copy ul { display: grid; gap: 10px; margin: 20px 0 28px; padding: 0; list-style: none; }
.qy-solution-copy li { display: flex; align-items: center; gap: 7px; color: #53627c; font-size: 14px; }
.qy-solution-copy li i { color: var(--qy-blue); }
.qy-solution-copy > a { display: inline-flex; align-items: center; gap: 5px; color: var(--qy-blue); font-size: 14px; font-weight: 600; }
.qy-solution-copy > a:hover { color: var(--qy-blue-dark); }
.qy-solution-visual { position: relative; display: flex; width: 320px; min-width: 260px; align-items: center; justify-content: center; padding: 8px; }
.qy-solution-visual img { width: 100%; height: 285px; object-fit: cover; border-radius: 9px; box-shadow: 0 12px 28px rgba(51, 93, 168, .12); }
.qy-solution-visual__label { position: absolute; right: 18px; bottom: 25px; display: inline-flex; align-items: center; gap: 5px; padding: 7px 10px; color: #fff; background: rgba(25, 102, 255, .88); border-radius: 6px; font-size: 12px; }
.qy-services { padding-top: 118px; }
.qy-services__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.qy-service { min-height: 205px; padding: 28px 24px 25px; background: #fff; border: 1px solid #edf1f8; border-radius: 12px; box-shadow: 0 9px 25px rgba(52, 85, 144, .06); transition: transform .25s ease, box-shadow .25s ease; }
.qy-service:hover { box-shadow: 0 18px 36px rgba(52, 85, 144, .12); transform: translateY(-6px); }
.qy-service > span { display: grid; width: 47px; height: 47px; place-items: center; color: var(--qy-blue); background: var(--qy-blue-soft); border-radius: 12px; font-size: 23px; }
.qy-service h3 { margin: 18px 0 7px; color: #1b2538; font-size: 18px; font-weight: 600; }
.qy-service p { margin: 0; color: #8793a8; font-size: 13px; line-height: 1.7; }
.qy-process { padding-top: 118px; }
.qy-process__list { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin: 0; padding: 14px 0 0; list-style: none; }
.qy-process__list::before { position: absolute; top: 34px; right: 12%; left: 12%; height: 1px; background: #dbe5f7; content: ""; }
.qy-process__list li { position: relative; z-index: 1; text-align: center; }
.qy-process__list li > span { display: grid; width: 42px; height: 42px; margin: 0 auto 20px; place-items: center; color: #fff; background: var(--qy-blue); border: 6px solid #fff; border-radius: 50%; box-shadow: 0 4px 11px rgba(25, 102, 255, .2); font-size: 11px; font-weight: 700; }
.qy-process__list h3 { margin: 0; color: #1d273b; font-size: 17px; font-weight: 600; }
.qy-process__list p { margin: 8px 0 0; color: #8793a8; font-size: 13px; }
.qy-assurance { margin-top: 116px; padding: 84px 0; background: #f5f8ff; }
.qy-assurance__inner { display: grid; grid-template-columns: 1fr 1.18fr; gap: 80px; align-items: center; }
.qy-assurance__copy h2 { margin: 0; color: #182033; font-size: 32px; font-weight: 600; line-height: 1.5; }
.qy-assurance__copy p { max-width: 380px; margin: 18px 0 28px; color: #8290a8; font-size: 15px; line-height: 1.8; }
.qy-assurance__copy > a { display: inline-flex; align-items: center; gap: 4px; color: var(--qy-blue); font-size: 15px; font-weight: 600; }
.qy-assurance__items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.qy-assurance__items article { display: grid; grid-template-columns: 38px 1fr; gap: 2px 12px; padding: 21px 20px; background: #fff; border: 1px solid #e8eef9; border-radius: 10px; }
.qy-assurance__items i { grid-row: span 2; display: grid; width: 38px; height: 38px; place-items: center; color: var(--qy-blue); background: var(--qy-blue-soft); border-radius: 10px; font-size: 20px; }
.qy-assurance__items strong { color: #243047; font-size: 15px; }
.qy-assurance__items span { color: #95a0b3; font-size: 12px; }
.qy-articles { padding-top: 112px; }
.qy-articles__list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.qy-article { display: flex; min-width: 0; min-height: 170px; flex-direction: column; justify-content: space-between; padding: 21px 18px 18px; background: #fff; border: 1px solid #e9eef7; border-radius: 10px; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.qy-article:hover { border-color: #c7d8ff; box-shadow: 0 14px 30px rgba(52, 85, 144, .1); transform: translateY(-4px); }
.qy-article__icon { display: grid; width: 36px; height: 36px; place-items: center; color: var(--qy-blue); background: var(--qy-blue-soft); border-radius: 9px; font-size: 18px; }
.qy-article__copy { display: flex; min-width: 0; flex-direction: column; margin-top: 18px; }
.qy-article__copy strong { display: -webkit-box; overflow: hidden; color: #273149; font-size: 14px; font-weight: 600; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.qy-article__copy small { margin-top: 7px; color: #a0aabb; font-size: 12px; }
.qy-article > i { align-self: flex-end; color: #8fa5d7; font-size: 18px; }
.qy-articles__more { display: flex; width: max-content; align-items: center; gap: 5px; margin: 25px auto 0; color: var(--qy-blue); font-size: 14px; font-weight: 600; }
.qy-cta { margin-top: 120px; padding: 58px 0; color: #fff; background: linear-gradient(105deg, #1c62ec, #2f79ff 60%, #4b90ff); }
.qy-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.qy-cta h2 { margin: 0; font-size: 27px; font-weight: 600; }
.qy-cta p { margin: 8px 0 0; color: rgba(255, 255, 255, .78); font-size: 14px; }
.qy-cta__inner > a { display: inline-flex; min-width: 152px; height: 46px; align-items: center; justify-content: center; gap: 5px; flex: 0 0 auto; color: var(--qy-blue); background: #fff; border-radius: 23px; font-size: 14px; font-weight: 600; transition: transform .2s ease, box-shadow .2s ease; }
.qy-cta__inner > a:hover { box-shadow: 0 9px 18px rgba(10, 62, 165, .2); transform: translateY(-2px); }
.qy-footer { padding: 60px 0 22px; color: #728098; background: #f9fbff; }
.qy-footer__top { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 48px; padding-bottom: 38px; }
.qy-brand--footer { min-width: 0; }
.qy-brand--footer .qy-brand__logo { height: 35px; }
.qy-footer__top section > p { margin: 16px 0 0; color: #9ca8ba; font-size: 13px; }
.qy-footer__top nav, .qy-footer__contact { display: grid; align-content: start; gap: 12px; padding-top: 5px; }
.qy-footer__top nav a, .qy-footer__contact a, .qy-footer__contact button { display: inline-flex; width: max-content; align-items: center; gap: 7px; padding: 0; color: #7d899e; background: transparent; cursor: pointer; font-size: 13px; text-align: left; }
.qy-footer__top nav a:hover, .qy-footer__contact a:hover, .qy-footer__contact button:hover { color: var(--qy-blue); }
.qy-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 21px; border-top: 1px solid #e9eef7; }
.qy-footer__bottom p { margin: 0; color: #a5afc0; font-size: 12px; }
.qy-legal { display: inline-flex; align-items: center; gap: 15px; flex-wrap: wrap; justify-content: flex-end; color: #9da8b9; font-size: 12px; }
.qy-legal a:hover { color: var(--qy-blue); }
.qy-service-float { position: fixed; right: 24px; bottom: 25px; z-index: 22; display: inline-flex; height: 48px; align-items: center; gap: 7px; padding: 0 18px; color: #fff; background: var(--qy-blue); border-radius: 24px; box-shadow: 0 10px 24px rgba(25, 102, 255, .25); cursor: pointer; font-size: 13px; transition: transform .2s ease, box-shadow .2s ease; }
.qy-service-float:hover { box-shadow: 0 14px 30px rgba(25, 102, 255, .32); transform: translateY(-3px); }
.qy-service-float img { display: block; width: 24px; height: 24px; border-radius: 50%; object-fit: contain; }
.qy-empty { display: flex; min-height: 140px; align-items: center; justify-content: center; gap: 8px; color: #9ba8bb; font-size: 14px; }
.qy-modal { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 20px; visibility: hidden; opacity: 0; transition: opacity .2s ease, visibility .2s ease; }
.qy-modal.is-open { visibility: visible; opacity: 1; }
.qy-modal__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(12, 29, 64, .34); cursor: pointer; }
.qy-modal__dialog { position: relative; width: min(380px, 100%); overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 22px 55px rgba(18, 42, 90, .2); transform: translateY(12px); transition: transform .25s ease; }
.qy-modal.is-open .qy-modal__dialog { transform: translateY(0); }
.qy-modal__close { position: absolute; top: 14px; right: 14px; display: grid; width: 34px; height: 34px; place-items: center; color: #75849c; background: #f3f6fb; border-radius: 50%; cursor: pointer; font-size: 19px; }
.qy-modal__heading { display: flex; align-items: center; gap: 13px; padding: 26px 26px 21px; background: linear-gradient(135deg, #f0f5ff, #fff); }
.qy-modal__heading > span { display: grid; width: 46px; height: 46px; place-items: center; color: var(--qy-blue); background: #dbe8ff; border-radius: 13px; font-size: 24px; }
.qy-modal__heading h2 { margin: 0; color: #1c2941; font-size: 19px; }
.qy-modal__heading p { margin: 4px 0 0; color: #8896ab; font-size: 12px; }
.qy-modal__body { display: flex; align-items: center; flex-direction: column; padding: 27px 26px 30px; }
.qy-modal__qr { display: grid; width: 190px; height: 190px; place-items: center; margin-bottom: 17px; overflow: hidden; background: #fff; border: 1px solid #e8edf5; border-radius: 9px; }
.qy-modal__qr img { display: block; width: 176px; height: 176px; object-fit: contain; }
.qy-modal__qr i { color: #9aaccd; font-size: 42px; }
.qy-modal__body strong { color: #34435d; font-size: 15px; }
.qy-modal__body small { margin-top: 3px; color: #9aa6b8; font-size: 12px; }
.qy-modal__body > a { display: inline-flex; align-items: center; gap: 5px; margin-top: 13px; color: var(--qy-blue); font-size: 12px; }
.qy-modal__offline { display: flex; align-items: center; flex-direction: column; padding: 34px 26px 38px; color: #8b98ac; }
.qy-modal__offline i { color: #6f92df; font-size: 36px; }
.qy-modal__offline p { margin: 13px 0 0; font-size: 14px; }
.qy-reveal { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s cubic-bezier(.16, 1, .3, 1); }
.qy-reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1180px) and (min-width: 861px) {
  .qy-header__inner, .qy-container { width: min(100% - 40px, 1040px); }
  .qy-header__inner { gap: 18px; }
  .qy-nav { gap: 20px; }
  .qy-brand { min-width: 170px; }
  .qy-hero-art { left: 54%; transform: scale(.88); transform-origin: top left; }
  .qy-hero__copy { width: 44%; }
  .qy-hero__copy h1 { font-size: 29px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .qy-reveal { opacity: 1; transform: none; }
}

@media (max-width: 860px) {
  body { background: #f6f8fd; }
  .qy-desktop-home, .qy-nav, .qy-merchant, .qy-service-float { display: none; }
  .qy-header { position: sticky; height: 60px; background: rgba(255, 255, 255, .96); }
  .qy-header__inner { width: 100%; height: 60px; padding: 0 16px; justify-content: space-between; gap: 10px; }
  .qy-brand { max-width: calc(100% - 116px); min-width: 0; gap: 8px; }
  .qy-brand__logo { max-width: 88px; height: 32px; flex: 0 1 auto; }
  .qy-brand__fallback { width: 31px; height: 31px; flex-basis: 31px; }
  .qy-brand__copy strong { max-width: 126px; font-size: 15px; }
  .qy-brand__copy small { display: none; }
  .qy-mobile-actions { display: flex; align-items: center; gap: 8px; }
  .qy-mobile-actions > a, .qy-mobile-actions > button { display: inline-flex; height: 40px; align-items: center; justify-content: center; gap: 5px; color: #51617b; background: #f2f5fb; border: 1px solid #e8edf5; border-radius: 9px; cursor: pointer; font-size: 13px; }
  .qy-mobile-actions > a { padding: 0 12px; }
  .qy-mobile-actions > button { width: 40px; padding: 0; font-size: 21px; }
  .qy-mobile-home { display: block; width: 100%; min-height: calc(100dvh - 60px); padding: 18px 16px 32px; }
  .qy-mobile-hero { padding: 0; }
  .qy-mobile-hero__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .qy-mobile-entry { position: relative; display: flex; min-height: 166px; overflow: hidden; flex-direction: column; justify-content: space-between; padding: 16px 14px 14px; color: #25324a; background: #fff; border: 1px solid #e4eafa; border-radius: 17px; box-shadow: 0 10px 26px rgba(60, 92, 153, .09); transition: transform .2s ease, box-shadow .2s ease; }
  .qy-mobile-entry::before { position: absolute; top: -36px; right: -46px; width: 138px; height: 138px; background: #eef4ff; border-radius: 50%; content: ""; }
  .qy-mobile-entry::after { position: absolute; right: -22px; bottom: -40px; width: 104px; height: 104px; border: 1px solid rgba(25, 102, 255, .09); border-radius: 50%; content: ""; }
  .qy-mobile-entry:hover { box-shadow: 0 15px 31px rgba(60, 92, 153, .14); transform: translateY(-2px); }
  .qy-mobile-entry__badge { position: relative; z-index: 1; display: inline-flex; width: max-content; align-items: center; gap: 4px; padding: 5px 9px; color: #3971e2; background: #edf3ff; border-radius: 16px; font-size: 11px; font-weight: 600; }
  .qy-mobile-entry > div { position: relative; z-index: 1; margin-top: 7px; }
  .qy-mobile-entry h1 { margin: 0; color: #1d2940; font-size: 22px; font-weight: 700; line-height: 1.35; white-space: nowrap; }
  .qy-mobile-entry h1 span { color: var(--qy-blue); }
  .qy-mobile-entry p { margin: 6px 0 0; color: #8b98ac; font-size: 12px; line-height: 1.55; }
  .qy-mobile-entry footer { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; }
  .qy-mobile-entry footer strong { display: inline-flex; align-items: center; gap: 2px; color: var(--qy-blue); font-size: 13px; }
  .qy-mobile-entry footer > i { display: grid; width: 44px; height: 44px; place-items: center; color: var(--qy-blue); background: #eff4ff; border: 1px solid #dce8ff; border-radius: 13px; font-size: 22px; }
  .qy-mobile-quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin: 30px 0 0; padding: 0 2px; }
  .qy-mobile-quick a, .qy-mobile-quick button { display: flex; align-items: center; flex-direction: column; gap: 8px; padding: 0; color: #586780; background: transparent; cursor: pointer; font-size: 12px; }
  .qy-mobile-quick i { display: grid; width: 44px; height: 44px; place-items: center; color: var(--qy-blue); background: #fff; border: 1px solid #e4eafa; border-radius: 13px; box-shadow: 0 5px 15px rgba(60, 92, 153, .06); font-size: 21px; }
  .qy-mobile-trust { display: flex; margin: 28px 4px 0; padding: 16px 0 0; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; border-top: 1px solid #e4eafa; color: #7e8ca4; font-size: 11px; }
  .qy-mobile-trust span { display: inline-flex; align-items: center; gap: 4px; }
  .qy-mobile-trust i { color: var(--qy-blue); font-size: 16px; }
  .qy-mobile-news { margin-top: 29px; padding: 20px 14px 14px; overflow: hidden; background: #fff; border: 1px solid #e4eafa; border-radius: 17px; box-shadow: 0 10px 27px rgba(60, 92, 153, .07); }
  .qy-mobile-news > header { display: flex; align-items: center; justify-content: space-between; }
  .qy-mobile-news > header > div { display: flex; align-items: center; gap: 10px; }
  .qy-mobile-news > header > div > span { display: grid; width: 42px; height: 42px; place-items: center; color: #fff; background: var(--qy-blue); border-radius: 12px; font-size: 20px; }
  .qy-mobile-news h2 { display: flex; margin: 0; flex-direction: column; color: #27344c; font-size: 19px; line-height: 1.25; }
  .qy-mobile-news h2 small { margin-top: 4px; color: #99a5b6; font-size: 11px; font-weight: 400; }
  .qy-mobile-news > header > a { display: inline-flex; align-items: center; gap: 3px; padding: 8px 10px; color: var(--qy-blue); background: #f1f5ff; border-radius: 17px; font-size: 12px; font-weight: 600; }
  .qy-mobile-news__tabs { display: flex; gap: 7px; margin: 23px -2px 0; overflow-x: auto; scrollbar-width: none; }
  .qy-mobile-news__tabs::-webkit-scrollbar { display: none; }
  .qy-mobile-news__tabs button { flex: 0 0 auto; padding: 9px 17px; color: #8592a6; background: #f6f8fc; border-radius: 20px; cursor: pointer; font-size: 12px; font-weight: 600; }
  .qy-mobile-news__tabs button.is-active { color: #fff; background: var(--qy-blue); }
  .qy-mobile-news__list { display: grid; margin-top: 12px; }
  .qy-mobile-news__item { display: flex; min-height: 106px; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #edf1f7; }
  .qy-mobile-news__item:last-child { border-bottom: 0; }
  .qy-mobile-news__copy { display: flex; min-width: 0; flex: 1; flex-direction: column; }
  .qy-mobile-news__copy strong { display: -webkit-box; overflow: hidden; color: #2e3a51; font-size: 15px; font-weight: 700; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .qy-mobile-news__meta { display: flex; align-items: center; gap: 10px; margin-top: 9px; color: #9aa6b7; font-size: 11px; }
  .qy-mobile-news__meta em { padding: 3px 8px; color: #4773d0; background: #eef4ff; border-radius: 6px; font-style: normal; }
  .qy-mobile-news__visual { display: grid; width: 72px; height: 72px; flex: 0 0 72px; place-items: center; color: #6f8fd5; background: #f4f7fd; border: 1px solid #e8eef9; border-radius: 14px; font-size: 30px; }
  .qy-drawer-overlay { position: fixed; inset: 0; z-index: 55; display: block; background: rgba(19, 36, 72, .25); opacity: 0; pointer-events: none; transition: opacity .25s ease; }
  .qy-drawer-overlay.is-open { opacity: 1; pointer-events: auto; }
  .qy-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 60; display: flex; width: min(315px, calc(100% - 46px)); flex-direction: column; background: #fff; box-shadow: -14px 0 35px rgba(25, 56, 112, .14); transform: translateX(100%); transition: transform .3s cubic-bezier(.22, 1, .36, 1); }
  .qy-drawer.is-open { transform: translateX(0); }
  .qy-drawer > header { display: flex; height: 101px; align-items: center; justify-content: space-between; padding: 0 18px; background: linear-gradient(135deg, #edf3ff, #fff); border-bottom: 1px solid #e9eef7; }
  .qy-drawer > header .qy-brand { max-width: 220px; }
  .qy-drawer > header > button { display: grid; width: 36px; height: 36px; place-items: center; color: #6d7c94; background: #fff; border: 1px solid #e2e9f6; border-radius: 50%; cursor: pointer; font-size: 20px; }
  .qy-drawer > nav { flex: 1; padding: 17px 15px; overflow-y: auto; }
  .qy-drawer__group { margin-bottom: 4px; }
  .qy-drawer__link { display: flex; min-height: 47px; align-items: center; gap: 9px; padding: 0 12px; color: #43516a; border-radius: 8px; font-size: 14px; }
  .qy-drawer__link:hover { color: var(--qy-blue); background: #f1f5ff; }
  .qy-drawer__link i { color: #7590c9; font-size: 17px; }
  .qy-drawer__child { display: block; margin: 0 0 2px 40px; padding: 7px 10px; color: #8794a9; border-left: 1px solid #dbe5f8; font-size: 12px; }
  .qy-drawer__child:hover { color: var(--qy-blue); }
  .qy-drawer > footer { padding: 17px 15px 23px; border-top: 1px solid #e9eef7; }
  .qy-drawer > footer a { display: flex; height: 44px; align-items: center; justify-content: center; gap: 6px; color: #fff; background: var(--qy-blue); border-radius: 22px; font-size: 14px; font-weight: 600; }
  .qy-modal { padding: 16px; }
  .qy-modal__dialog { border-radius: 15px; }
  .qy-footer { padding: 28px 16px 18px; text-align: center; }
  .qy-footer .qy-container { width: 100%; }
  .qy-footer__top { display: block; padding: 0; }
  .qy-footer__top > section:first-child { display: flex; align-items: center; flex-direction: column; }
  .qy-footer__top nav, .qy-footer__contact { display: none; }
  .qy-brand--footer { justify-content: center; }
  .qy-footer__top section > p { margin-top: 10px; }
  .qy-footer__bottom { display: flex; margin-top: 20px; padding-top: 17px; flex-direction: column; gap: 7px; justify-content: center; }
  .qy-legal { justify-content: center; gap: 6px 12px; }
}

@media (max-width: 370px) {
  .qy-mobile-home { padding-right: 12px; padding-left: 12px; }
  .qy-mobile-entry { min-height: 160px; padding: 14px 12px 12px; }
  .qy-mobile-entry h1 { font-size: 19px; }
  .qy-mobile-entry p { font-size: 11px; }
  .qy-mobile-entry footer strong { font-size: 12px; }
  .qy-mobile-entry footer > i { width: 42px; height: 42px; font-size: 20px; }
  .qy-mobile-trust { gap: 8px; font-size: 10px; }
  .qy-header__inner { padding-right: 12px; padding-left: 12px; gap: 8px; }
  .qy-brand { max-width: calc(100% - 108px); }
  .qy-brand__logo { max-width: 66px; height: 29px; }
  .qy-brand__copy strong { max-width: 100px; }
  .qy-mobile-actions { gap: 6px; }
  .qy-mobile-actions > a { padding: 0 9px; }
}