/* Travel-guide overview card region only; no shared slider or article selectors. */
.fbc-guide--overview [data-tg-guide-slider]{min-width:0}
.fbc-guide--overview [data-tg-guide-track]{--tg-guide-gap:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--tg-guide-gap);max-width:100%;min-width:0;outline-offset:5px}
.fbc-guide--overview [data-tg-guide-track].is-ready{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}
.fbc-guide--overview [data-tg-guide-track]::-webkit-scrollbar{display:none}
.fbc-guide--overview [data-tg-guide-track].is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.fbc-guide--overview .tg-guide-page{display:grid;flex:0 0 100%;width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--tg-guide-gap);height:var(--tg-guide-page-height,auto);align-items:stretch;scroll-snap-align:start;scroll-snap-stop:always}
.fbc-guide--overview [data-tg-guide-track] .tg-card{height:100%;min-width:0;overflow-wrap:anywhere}
.fbc-guide--overview [data-tg-guide-track] .tg-card-photo img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;-webkit-user-drag:none}
.fbc-guide--overview [data-tg-guide-track] .tg-card-image-placeholder{width:100%;aspect-ratio:1.5;border-radius:12px;background:var(--tg-cream)}
.fbc-guide--overview [data-tg-guide-track] .tg-card-photo figure>a{display:block}
.fbc-guide--overview [data-tg-guide-track] .tg-card h3{font-size:20px;line-height:1.5;min-height:3em}
.fbc-guide--overview [data-tg-guide-track] .tg-card-intro{font-size:13px;line-height:1.85}
.fbc-guide--overview [data-tg-guide-track] .tg-card-bottom{flex-wrap:wrap;gap:5px 10px}
.fbc-guide--overview [data-tg-guide-track] .tg-card-bottom a{white-space:nowrap}
.fbc-guide--overview [data-tg-guide-track] .tg-card-photo figcaption{font-size:9px;line-height:1.6}
.fbc-guide--overview .tg-guide-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:899px){
 .fbc-guide--overview [data-tg-guide-track]{--tg-guide-gap:20px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .fbc-guide--overview .tg-guide-page{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fbc-guide--overview [data-tg-guide-track] .tg-card-copy{padding-top:12px}
 .fbc-guide--overview [data-tg-guide-track] .tg-card h3{font-size:17px;line-height:1.5;min-height:4.5em;margin:7px 0 9px}
 .fbc-guide--overview [data-tg-guide-track] .tg-card-intro{font-size:12px;line-height:1.8;margin-bottom:14px}
 .fbc-guide--overview [data-tg-guide-track] .tg-card-tag{font-size:9px;letter-spacing:.04em}
 .fbc-guide--overview [data-tg-guide-track] .tg-card-bottom{font-size:10px;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.fbc-guide--overview [data-tg-guide-track].is-ready{scroll-behavior:auto}}
/*
 * FAGUOBAOCHE — 首页热门景点 / 手机版底部滑动提示
 * Scope: shared desktop/mobile cue. No global selectors.
 * Design: warm ivory + burgundy + champagne-gold moving gradient.
 */


  .fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue {
    --fbc-ivory: #FFF9F1;
    --fbc-burgundy: #8F1833;
    --fbc-burgundy-deep: #5E0F23;
    --fbc-gold: #C8A96B;
    --fbc-gold-deep: #9E7C3A;
    --fbc-gold-light: #F2D99A;
    --fbc-ink: #6A2433;

    width: min(88vw, 430px);
    margin: 18px auto 22px;
    display: grid;
    gap: 11px;
    justify-items: center;
  }

  /* Decorative progress rail: visually echoes the site's burgundy/gold palette. */
  .fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue__rail {
    position: relative;
    width: min(72vw, 340px);
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(75, 43, 35, 0.16);
    box-shadow:
      inset 0 1px 2px rgba(77, 45, 35, 0.10),
      0 1px 0 rgba(255, 255, 255, 0.75);
  }

  .fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue__rail::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 34%;
    border-radius: inherit;
    background: linear-gradient(
      90deg,
      var(--fbc-burgundy-deep) 0%,
      var(--fbc-burgundy) 30%,
      var(--fbc-gold) 66%,
      var(--fbc-gold-light) 100%
    );
    background-size: 220% 100%;
    box-shadow:
      0 0 8px rgba(143, 24, 51, 0.14),
      0 0 10px rgba(200, 169, 107, 0.12);
    animation:
      tg-guide-rail-travel 5.6s cubic-bezier(.42, 0, .58, 1) infinite alternate,
      tg-guide-gradient-flow 4s linear infinite;
  }

  /* Main pill with a moving burgundy→gold→champagne border. */
  .fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue__pill {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 50px;
    padding: 10px 29px;
    border: 1.5px solid transparent;
    border-radius: 999px;

    background:
      linear-gradient(var(--fbc-ivory), var(--fbc-ivory)) padding-box,
      linear-gradient(
        105deg,
        var(--fbc-burgundy-deep) 0%,
        var(--fbc-burgundy) 18%,
        var(--fbc-gold-deep) 42%,
        var(--fbc-gold-light) 56%,
        var(--fbc-gold) 72%,
        var(--fbc-burgundy) 92%,
        var(--fbc-burgundy-deep) 100%
      ) border-box;
    background-size: 100% 100%, 320% 100%;
    background-position: 0 0, 0 0;

    color: var(--fbc-ink);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .015em;
    white-space: nowrap;
    text-align: center;

    box-shadow:
      0 7px 20px rgba(89, 36, 45, 0.08),
      0 1px 0 rgba(255, 255, 255, 0.82) inset;

    animation: tg-guide-border-flow 4s linear infinite;
    transform: translateZ(0);
  }

  /* Soft interior shimmer; deliberately subtle. */
  .fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue__pill::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 3px;
    overflow: hidden;
    border-radius: inherit;
    background:
      linear-gradient(
        110deg,
        rgba(255,255,255,0) 18%,
        rgba(242,217,154,.20) 43%,
        rgba(255,255,255,.54) 50%,
        rgba(242,217,154,.15) 57%,
        rgba(255,255,255,0) 80%
      );
    background-size: 260% 100%;
    background-position: 130% 0;
    animation: tg-guide-inner-shimmer 4s ease-in-out infinite;
    pointer-events: none;
  }

  .fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue__arrow {
    color: var(--fbc-gold-deep);
    font-weight: 700;
    padding: 0 .18em;
    text-shadow: 0 1px 0 rgba(255,255,255,.65);
  }

  .fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue__text {
    color: var(--fbc-burgundy);
  }

  @keyframes tg-guide-border-flow {
    from { background-position: 0 0, 0% 0; }
    to   { background-position: 0 0, 320% 0; }
  }

  @keyframes tg-guide-gradient-flow {
    from { background-position: 0% 0; }
    to   { background-position: 220% 0; }
  }

  @keyframes tg-guide-inner-shimmer {
    0%, 18%  { background-position: 135% 0; opacity: .28; }
    50%      { opacity: .72; }
    82%,100% { background-position: -35% 0; opacity: .25; }
  }

  @keyframes tg-guide-rail-travel {
    0%   { left: 0; }
    100% { left: 66%; }
  }


/* Preserve JS compatibility; the package supplies its own decorative moving rail. */
.fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue__rail{margin:0}
.fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue__rail > span{display:none}
/* Only width/padding adapt. The visual palette, type and animation are shared. */
@media(min-width:768px){.fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue__pill{padding-left:36px;padding-right:36px}}
@media(max-width:767px){.fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue{padding-bottom:38px}}

.fbc-guide--overview .tg-slider-cue .fbc-hotspots-mobile-cue__rail::after{left:calc(var(--tg-guide-progress,0) * 66%);animation:tg-guide-gradient-flow 4s linear infinite}
@media(prefers-reduced-motion:reduce){.fbc-guide--overview .tg-slider-cue *,.fbc-guide--overview .tg-slider-cue *::before,.fbc-guide--overview .tg-slider-cue *::after{animation:none!important}}