.ao4-shell-main{min-height:calc(100vh - 58px - 80px);background:var(--ao4-bg)}
.ao4-bottom-nav__item[aria-current="page"]{color:#111;font-weight:750}

/* 首页底部联系入口 */
.home-shell-main{display:flex;align-items:flex-end;padding:12px 12px 18px}
.home-support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,736px);margin:0 auto;overflow:hidden;border:1px solid #e7e9ee;border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(27,31,37,.055)}
.home-support__item{display:flex;min-height:50px;align-items:center;justify-content:center;padding:0 8px;color:#292d33;font-size:14px;font-weight:700;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}
.home-support__item+.home-support__item{border-left:1px solid #edf0f3}
.home-support__item:active{background:#f7f8fa}

/* 关注与联系页 */
.contact-shell{padding:12px 12px 24px}
.contact-page{width:min(100%,736px);margin:0 auto}
.contact-page__head{padding:4px 2px 13px}
.contact-page__head h1{margin:0;color:#222;font-size:20px;line-height:1.35}
.contact-page__head p{margin:5px 0 0;color:#7b8491;font-size:12px;line-height:1.6}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.contact-card{min-width:0;padding:12px;border:1px solid rgba(0,0,0,.035);border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(27,31,37,.055);scroll-margin-top:70px}
.contact-card:last-child{grid-column:1/-1;width:calc((100% - 10px)/2);justify-self:center}
.contact-card__tag{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border-radius:7px;color:#fff;font-size:11px;font-weight:750}
.contact-card__tag--green{background:#4fc36a}
.contact-card__tag--amber{background:#f0a928}
.contact-card__tag--blue{background:#4784f4}
.contact-card h2{margin:9px 0 10px;color:#24272c;font-size:14px;line-height:1.35}
.contact-card__qr{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #eceef1;border-radius:10px;background:#fafafa;cursor:zoom-in}
.contact-card__qr img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.contact-card p{margin:9px 0 0;color:#8a919b;font-size:10px;line-height:1.5;text-align:center}
.contact-card:last-child .contact-card__qr{width:100%;margin:0 auto}
.contact-page__tip{margin:14px 0 0;color:#a0a6ae;font-size:11px;text-align:center}
.qr-lightbox[hidden]{display:none}
.qr-lightbox{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:36px;background:rgba(18,20,24,.78)}
.qr-lightbox img{width:min(86vw,420px);height:auto;border:10px solid #fff;border-radius:14px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.qr-lightbox__close{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#222;font-size:26px;line-height:1}
@media (min-width:620px){.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-card:last-child{grid-column:auto;width:auto;justify-self:stretch}.contact-card:last-child .contact-card__qr{width:100%}}
.contact-card.is-target{border-color:#ffd100;box-shadow:0 0 0 3px rgba(255,209,0,.16),0 4px 18px rgba(27,31,37,.055)}