/* 放到桌面引导 */
.a2hs-mask {
  position: fixed; inset: 0; z-index: 2147483647; background: rgba(0,0,0,.6);
  display: grid; place-items: center; padding: 20px;
}
.a2hs-panel {
  position: relative; width: min(440px, 100%); background: #fffaf1; color: var(--ink, #2a2722);
  border-top: 4px solid var(--gold-deep, #c49a4a); padding: 24px 22px 20px; box-shadow: 0 20px 50px rgba(0,0,0,.4);
}
.a2hs-close { position: absolute; right: 8px; top: 4px; border: 0; background: none; font-size: 26px; cursor: pointer; color: #777; }
.a2hs-head { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.a2hs-head img { width: 56px; height: 56px; border-radius: 12px; flex: none; }
.a2hs-tag { margin: 0; font-size: 12px; letter-spacing: .2em; color: var(--gold-deep, #c49a4a); }
.a2hs-panel h3 { margin: 2px 0 0; font-family: "SimSun", "Songti SC", serif; font-size: 20px; }
.a2hs-lead { margin: 0 0 12px; font-size: 14px; line-height: 1.7; color: #5a5146; }
.a2hs-steps { margin: 0 0 14px; padding-left: 22px; font-size: 14px; line-height: 1.9; }
.a2hs-steps b { color: #8a6420; }
.a2hs-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.a2hs-main {
  border: 0; cursor: pointer; padding: 11px 22px; color: #fff; letter-spacing: .1em;
  background: linear-gradient(180deg, #f0a020, #d88a10);
}
.a2hs-alt {
  display: inline-block; padding: 10px 16px; border: 1px solid #d8c9a8; color: #5a4b2a; text-decoration: none; background: #fff;
}
.a2hs-skip { margin-left: auto; border: 0; background: none; color: #888; cursor: pointer; text-decoration: underline; }
.news-list a { color: inherit; text-decoration: none; }
.news-list a:hover span { color: #8a3b22; }
.dock button[data-a2hs] { background: #fff4df; color: #8a6420; }
.dock button.open-dock { background: linear-gradient(180deg, #e25a32, #b4232a); font-weight: 700; }

.grab-pair { display: inline-flex; align-items: center; gap: 10px; }
.grab-quota { font-style: normal; color: #b4232a; font-size: 13px; font-weight: 700; letter-spacing: .06em; }
.news-banner .grab-quota { margin: 10px 0 0; color: #f3c46a; }

.a2hs-tip {
  position: fixed; right: 96px; bottom: 24px; z-index: 30;
  width: min(300px, calc(100vw - 112px)); padding: 14px 16px 12px;
  background: #fffaf1; color: #2a2722; border-left: 4px solid #c49a4a;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
}
.a2hs-tip strong { display: block; font-size: 15px; color: #8a3b22; }
.a2hs-tip p { margin: 6px 0 10px; font-size: 13px; line-height: 1.6; color: #5a5146; }
.a2hs-tip div { display: flex; gap: 8px; }
.a2hs-tip button { height: 32px; padding: 0 14px; cursor: pointer; font: inherit; font-size: 13px; }
.a2hs-tip-go { border: 0; color: #fff; background: linear-gradient(180deg, #f0a020, #d88a10); }
.a2hs-tip-later { border: 1px solid #d8c9a8; background: #fff; color: #6d6458; }

@media (max-width: 720px) {
  .a2hs-mask { place-items: end center; padding: 0; }
  .a2hs-panel { width: 100%; padding-bottom: calc(20px + env(safe-area-inset-bottom)); }
}
@media (max-width: 780px) {
  .a2hs-tip { left: 8px; right: 8px; bottom: 64px; width: auto; }
  .grab-pair { gap: 6px; }
}