/* 广告落地页：手机端单列紧凑卡片，电脑端双列布局。 */
* { box-sizing: border-box; }
html { min-width: 280px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; background: #292929; color: #fff; font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, Arial, sans-serif; font-size: 14px; }
a { text-decoration: none; }
.landing { max-width: 920px; margin: 0 auto; padding: 20px 14px 28px; }
.landing-header { text-align: center; margin: 0 0 12px; }
.landing-header h1 { margin: 0; color: #f04d52; font-size: clamp(20px, 4vw, 26px); font-weight: 800; line-height: 1.3; }
/* 顶部、底部两条域名公告：两域名持续无缝滚动。 */
.notice { display: flex; align-items: center; gap: 8px; min-width: 0; height: 38px; padding: 5px 11px; border: 1px solid #484848; border-radius: 7px; background: #171717; overflow: hidden; }
.notice-label { color: #fff; white-space: nowrap; flex: none; font-size: 13px; font-weight: 700; }
.notice-ticker { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; }
.notice-track { display: flex; align-items: center; width: max-content; animation: domains-scroll 13s linear infinite; }
.notice-group { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 13px; padding-right: 22px; }
.notice-group a { display: inline-block; color: #ffdb4d; font-size: 13px; font-weight: 700; line-height: 25px; }
.notice-dot { color: #777; font-size: 6px; }
.notice-ticker:hover .notice-track, .notice-ticker:focus-within .notice-track { animation-play-state: paused; }
@keyframes domains-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
/* 广告入口：电脑双列，手机单列。 */
.entry-grid { list-style: none; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; padding: 0; margin: 13px 0; }
.nav-card { display: flex; flex-direction: column; min-width: 0; background: #fff; color: #252525; border: 1px solid #e9e9e9; border-radius: 8px; box-shadow: 0 2px 6px #0003; overflow: hidden; }
.primary-link { display: flex; align-items: center; flex: 1; gap: 10px; min-height: 78px; padding: 11px 12px 7px; color: inherit; }
.brand-icon { flex: 0 0 53px; width: 53px; height: 50px; background-size: contain; background-position: center; background-repeat: no-repeat; }
.entry-text { display: block; min-width: 0; flex: 1; }
.entry-title { display: block; color: #242a32; font-size: 19px; font-weight: 750; line-height: 1.27; overflow-wrap: anywhere; }
.entry-subtitle { display: block; margin-top: 4px; color: #69717c; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
/* 业务类别中灰色，活动关键词深红色；不再写易过期的优惠金额。 */
.promo-category { color: #65707b; font-weight: 500; }
.promo-separator { color: #929aa4; }
.promo-highlight { color: #ce263a; font-weight: 800; }
.promo-disclaimer { color: #aeb4bd; font-size: 11px; }
/* 备用是操作按钮：深蓝粗体与红色推广文案区分。 */
.backup-link { display: block; align-self: flex-end; margin: 0 10px 8px; padding: 4px 10px; max-width: calc(100% - 16px); border: 1px solid #a8cdec; border-radius: 16px; background: #eaf4ff; color: #145b9b; font-size: 12px; font-weight: 700; line-height: 1.25; white-space: nowrap; }
.backup-link:hover { color: #08457c; background: #d9ebff; }
.primary-link:focus-visible, .backup-link:focus-visible, .notice a:focus-visible { outline: 2px solid #2279db; outline-offset: -1px; }
.footer { text-align: center; color: #ddd; font-size: 12px; line-height: 1.5; padding: 13px 0 0; }
.footer p { margin: 0 0 4px; }
.icon1 { background-image: url(../images/qyh.png); }
.icon2 { background-image: url(../images/long8.png); }
.icon3 { background-image: url(../images/qmh.png); }
.icon4 { background-image: url(../images/jxf.png); }
.icon5 { background-image: url(../images/lh.png); }
.icon6 { background-image: url(../images/UED.jpg); }
.icon7 { background-image: url(../images/zdw.png); }
.icon8 { background-image: url(../images/tqb.png); }
.icon9 { background-image: url(../images/qyh.png); }
.icon10 { background-image: url(../images/AG.png); }
/* 手机恢复纵向单列：图标 + 广告标题/说明 + 右侧备用按钮。 */
@media (max-width: 739px) {
  .landing { padding: 7px 8px 12px; }
  .landing-header { margin: 0 0 6px; }
  .landing-header h1 { font-size: 19px; line-height: 26px; }
  .notice { height: 29px; padding: 3px 8px; gap: 6px; border-radius: 5px; }
  .notice-label { font-size: 11px; }
  .notice-group { gap: 12px; padding-right: 21px; }
  .notice-group a { font-size: 11.5px; line-height: 20px; font-weight: 800; }
  .entry-grid { grid-template-columns: minmax(0, 1fr); gap: 5px; margin: 8px 0; }
  .nav-card { flex-direction: row; align-items: stretch; min-height: 72px; border-radius: 7px; }
  .primary-link { display: flex; flex: 1 1 auto; align-items: center; min-width: 0; min-height: 72px; gap: 9px; padding: 6px 3px 6px 10px; }
  .brand-icon { flex: 0 0 48px; width: 48px; height: 48px; }
  .entry-text { display: block; flex: 1 1 auto; min-width: 0; }
  .entry-title { display: block; font-size: 19px; font-weight: 750; line-height: 1.24; overflow-wrap: anywhere; }
  .entry-subtitle { display: block; margin-top: 2px; font-size: 13px; line-height: 1.26; overflow-wrap: anywhere; }
  /* 右侧按钮独立可点击，字重和颜色与广告标题区分。 */
  .backup-link { display: flex; align-items: center; justify-content: center; align-self: center; flex: 0 0 auto; margin: 0 9px 0 4px; padding: 7px 8px; min-height: 36px; border-radius: 19px; font-size: 12px; font-weight: 800; line-height: 1.1; text-align: center; white-space: nowrap; }
  .footer { font-size: 10px; line-height: 1.4; padding: 8px 0 0; }
  .footer p { margin: 0 0 2px; }
}
/* 窄屏不裁切文案，卡片随文字自然增长。 */
@media (max-width: 350px) {
  .landing { padding-inline: 6px; }
  .primary-link { gap: 6px; padding-left: 7px; padding-right: 2px; }
  .brand-icon { flex-basis: 41px; width: 41px; height: 41px; }
  .entry-title { font-size: 16px; }
  .entry-subtitle { font-size: 11.5px; }
  .backup-link { font-size: 11px; margin-right: 6px; margin-left: 2px; padding: 7px 6px; }
}
@media (max-width: 739px) and (max-height: 620px) {
  .landing { padding-block: 5px 8px; }
  .entry-grid { gap: 4px; margin: 6px 0; }
  .nav-card, .primary-link { min-height: 62px; }
  .primary-link { padding-block: 4px; }
  .footer { padding-top: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  .notice-track { animation: none; }
  .notice-ticker { overflow-x: auto; scrollbar-width: thin; }
}