/* ============================================================
   BeautsGO — Destination Archive
   Large banner list layout
   ============================================================ */

   @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@400;500&display=swap');

   :root {
       --pink:       #DC6495;
       --pink-light: #fdf0f5;
       --pink-mid:   #f4c0d1;
       --pink-dark:  #b84d78;
       --blue:       #2C92B9;
       --blue-light: #e6f1fb;
   }
   
   /* ── Page layout ────────────────────────────────────────── */
   .bgo-dest-archive {
       font-family: 'DM Sans', sans-serif;
       background: #f3ece5;
   }
   
   .bgo-dest-archive__inner {
       max-width: 1000px;
       margin: 0 auto;
       padding: 3rem 1.5rem 5rem;
   }
   
   /* ── Page header ────────────────────────────────────────── */
   .bgo-dest-archive__header {
       text-align: center;
       margin-bottom: 3rem;
   }
   
   .bgo-dest-eyebrow {
       display: inline-block;
       font-size: var(--bgo-fs-2xs);
       font-weight: 500;
       letter-spacing: 0.12em;
       text-transform: uppercase;
       color: var(--pink);
       margin-bottom: 0.75rem;
   }
   
   .bgo-dest-title {
       font-family: 'Cormorant Garamond', serif;
       font-size: clamp(2.6rem, 4.5vw, 3.8rem);   /* 对齐其它 archive 的 .bgo-archive__title */
       font-weight: 400;
       line-height: 1.15;
       color: #111;
       margin-bottom: 0.75rem;
   }
   
   .bgo-dest-subtitle {
       font-size: var(--bgo-fs-base);
       color: #777;
       max-width: 520px;
       margin: 0 auto;
       line-height: 1.65;
   }
   
   /* ── Destination list ───────────────────────────────────── */
   .bgo-dest-list {
       display: flex;
       flex-direction: column;
       gap: 20px;
   }
   
   /* ── Destination card ───────────────────────────────────── */
   .bgo-dest-card {
       border-radius: 16px;
       overflow: hidden;
       border: 0.5px solid rgba(0,0,0,0.1);
       background: #fff;
       transition: border-color 0.18s, transform 0.18s;
   }
   
   .bgo-dest-card:hover {
       border-color: var(--pink);
       transform: translateY(-2px);
   }
   
   .bgo-dest-card__link {
       display: grid;
       grid-template-columns: 380px 1fr;
       text-decoration: none;
       color: inherit;
       min-height: 260px;   /* 字号调大后内容会超过 260px, 用 min-height 让卡片随内容长高, 不裁掉底部 stats */
   }
   
   /* ── Media panel ────────────────────────────────────────── */
   .bgo-dest-card__media {
       position: relative;
       overflow: hidden;
   }

   .bgo-dest-card__img,
   .bgo-dest-card__img-placeholder {
       position: absolute;
       inset: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: block;
       transition: transform 0.4s ease;
   }

   .bgo-dest-card:hover .bgo-dest-card__img {
       transform: scale(1.03);
   }

   .bgo-dest-card__img-placeholder {
       background: linear-gradient(135deg, #f5d0e0, #fdf0f5);
   }
   
   .bgo-dest-card__media-overlay {
       position: absolute;
       inset: 0;
       background: linear-gradient(to right, rgba(0,0,0,0.15), transparent);
   }

   /* ── Body panel ─────────────────────────────────────────── */
   .bgo-dest-card__body {
       padding: 2rem 2rem 1.5rem;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       gap: 1.25rem;
       overflow: hidden;
       min-width: 0;
   }
   
   .bgo-dest-card__name {
       font-family: 'Cormorant Garamond', serif;
       font-size: var(--bgo-fs-xl);            /* was 28px 写死 → token, 大一档 */
       font-weight: 500;
       color: #111;
       margin-bottom: 8px;
       line-height: 1.1;
   }
   
   .bgo-dest-card__tagline {
       font-size: var(--bgo-fs-base);          /* sm → base, 大一档 */
       color: #666;
       line-height: 1.6;
       margin-bottom: 12px;
       max-width: 380px;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
   }
   
   .bgo-dest-card__tags {
       display: flex;
       flex-wrap: wrap;
       gap: 6px;
   }
   
   .bgo-dest-tag {
       font-size: var(--bgo-fs-sm);            /* 对齐 archive-search 的 .bgo-tag (sm) */
       padding: 3px 10px;
       border-radius: 20px;
       background: var(--pink-light);
       color: var(--pink-dark);
       border: 0.5px solid var(--pink-mid);
   }
   
   /* ── Stats row ──────────────────────────────────────────── */
   .bgo-dest-card__stats {
       display: flex;
       align-items: center;
       gap: 1.5rem;
       padding-top: 1rem;
       border-top: 0.5px solid rgba(0,0,0,0.07);
   }
   
   .bgo-dest-stat {
       display: flex;
       flex-direction: column;
       gap: 1px;
   }
   
   .bgo-dest-stat strong {
       font-size: var(--bgo-fs-lg);            /* was 20px 写死 → token, 大一档 */
       font-weight: 500;
       font-family: 'Cormorant Garamond', serif;
       color: #111;
       line-height: 1;
   }
   
   .bgo-dest-stat span {
       font-size: var(--bgo-fs-sm);            /* 对齐 archive-search 小字号大一档 */
       color: #999;
       text-transform: uppercase;
       letter-spacing: 0.06em;
   }
   
   .bgo-dest-card__cta {
       display: flex;
       align-items: center;
       gap: 6px;
       font-size: var(--bgo-fs-base);          /* 对齐 archive-search 的 .bgo-card__cta (base) */
       font-weight: 500;
       color: var(--blue);
       margin-left: auto;
       transition: gap 0.15s;
   }
   
   .bgo-dest-card:hover .bgo-dest-card__cta {
       gap: 10px;
   }
   
   /* ── Empty state ────────────────────────────────────────── */
   .bgo-dest-empty {
       text-align: center;
       color: #999;
       padding: 3rem;
       font-size: var(--bgo-fs-base);
   }
   
   /* ── Responsive ─────────────────────────────────────────── */
   @media (max-width: 780px) {
       .bgo-dest-card__link {
           grid-template-columns: 1fr;
           height: auto;
       }
   
       .bgo-dest-card__media {
           height: 200px;
       }
   
       .bgo-dest-card__body {
           padding: 1.25rem;
       }
   
       .bgo-dest-card__name {
           font-size: var(--bgo-fs-lg);        /* was 22px 写死 → token, 大一档 */
       }
   }
   
   @media (max-width: 480px) {
       .bgo-dest-archive__inner {
           padding: 2rem 1rem 3rem;
       }
   
       .bgo-dest-card__stats {
           gap: 1rem;
           flex-wrap: wrap;
       }
   
       .bgo-dest-card__cta {
           width: 100%;
           margin-left: 0;
           margin-top: 0.5rem;
       }
   }