<!-- 首頁 Index 改版整合 CSS -->
<style id="xx-home-v23-redesign">
  :root{
    --xx-v23-gold:#d8b56d;
    --xx-v23-gold-soft:#fff0b8;
    --xx-v23-black:#050505;
    --xx-v23-card:rgba(12,12,12,.72);
    --xx-v23-line:rgba(216,181,109,.25);
  }

  .xx-v23-hero{
    position:relative;
    min-height:100vh;
    min-height:100svh;
    overflow:hidden;
    background:#050505;
    color:#fff;
    isolation:isolate;
  }

  .xx-v23-hero__video{
    position:absolute;
    inset:0;
    z-index:-3;
    background:#050505;
  }

  .xx-v23-hero__video video{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    filter:saturate(1.05) contrast(1.08);
  }

  .xx-v23-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
      radial-gradient(circle at 25% 28%, rgba(216,181,109,.26), transparent 34%),
      linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.55), rgba(0,0,0,.22)),
      linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.78));
  }

  .xx-v23-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:220px;
    z-index:-1;
    background:linear-gradient(180deg, transparent, #050505 82%);
  }

  .xx-v23-hero__inner{
    width:min(1180px, calc(100% - 36px));
    min-height:100vh;
    min-height:100svh;
    margin:auto;
    display:grid;
    grid-template-columns:minmax(0, 1.08fr) minmax(320px, .74fr);
    gap:34px;
    align-items:center;
    padding:112px 0 76px;
  }

  .xx-v23-hero__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:8px 14px;
    border:1px solid rgba(216,181,109,.42);
    border-radius:999px;
    color:var(--xx-v23-gold-soft);
    background:rgba(0,0,0,.38);
    backdrop-filter:blur(12px);
    font-size:14px;
    letter-spacing:.08em;
  }

  .xx-v23-hero h1{
    margin:22px 0 16px;
    font-size:clamp(38px, 6vw, 84px);
    line-height:1.02;
    letter-spacing:-.055em;
    font-weight:900;
  }

  .xx-v23-hero h1 span{
    display:block;
    color:var(--xx-v23-gold-soft);
    text-shadow:0 0 28px rgba(216,181,109,.26);
  }

  .xx-v23-hero__trust{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:22px 0 0;
  }

  .xx-v23-hero__trust span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    border:1px solid rgba(216,181,109,.25);
    border-radius:999px;
    background:rgba(0,0,0,.34);
    color:rgba(255,255,255,.82);
    font-size:14px;
    backdrop-filter:blur(10px);
  }

  .xx-v23-hero__lead{
    max-width:650px;
    margin:0 0 26px;
    color:rgba(255,255,255,.88);
    font-size:clamp(17px, 2vw, 22px);
    line-height:1.8;
  }

  .xx-v23-hero__actions,
  .xx-v23-quick-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:20px;
  }

  .xx-v23-hero__kpis{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:10px;
    margin-top:28px;
    max-width:720px;
  }

  .xx-v23-hero__kpi{
    border:1px solid rgba(216,181,109,.24);
    border-radius:18px;
    padding:14px 12px;
    background:rgba(0,0,0,.42);
    backdrop-filter:blur(12px);
  }

  .xx-v23-hero__kpi b{
    display:block;
    color:var(--xx-v23-gold-soft);
    font-size:22px;
    line-height:1.1;
  }

  .xx-v23-hero__kpi span{
    display:block;
    margin-top:6px;
    color:rgba(255,255,255,.72);
    font-size:13px;
  }

  .xx-v23-hero__panel{
    border:1px solid rgba(216,181,109,.25);
    border-radius:28px;
    padding:24px;
    background:linear-gradient(180deg, rgba(16,16,16,.78), rgba(0,0,0,.58));
    box-shadow:0 24px 70px rgba(0,0,0,.42);
    backdrop-filter:blur(16px);
  }

  .xx-v23-hero__panel h2{
    margin:0 0 10px;
    color:#fff;
    font-size:24px;
  }

  .xx-v23-hero__panel p{
    margin:0 0 18px;
    color:rgba(255,255,255,.78);
    line-height:1.7;
  }

  .xx-v23-live-orders{
    margin-top:18px;
    overflow:hidden;
    border:1px solid rgba(216,181,109,.22);
    border-radius:999px;
    background:rgba(0,0,0,.42);
    color:#fff0b8;
    white-space:nowrap;
  }

  .xx-v23-live-orders-track{
    display:inline-flex;
    min-width:100%;
    gap:38px;
    padding:10px 18px;
    animation:xx-v23-marquee 22s linear infinite;
  }

  @keyframes xx-v23-marquee{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
  }

  .xx-v23-section{
    padding:78px 0;
    background:#050505;
    color:#fff;
  }

  .xx-v23-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:18px;
  }

  .xx-v23-card{
    border:1px solid rgba(216,181,109,.18);
    border-radius:24px;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(20,20,20,.92), rgba(8,8,8,.96));
    box-shadow:0 16px 40px rgba(0,0,0,.28);
  }

  .xx-v23-card video,
  .xx-v23-card img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    display:block;
    background:#111;
  }

  .xx-v23-card__body{
    padding:18px;
  }

  .xx-v23-card__body h3{
    margin:0 0 8px;
    color:#fff;
    font-size:20px;
  }

  .xx-v23-card__body p{
    margin:0;
    color:rgba(255,255,255,.72);
    line-height:1.7;
  }

  .xx-v23-upload-box{
    margin-top:22px;
    border:1px dashed rgba(216,181,109,.42);
    border-radius:22px;
    padding:18px;
    background:rgba(216,181,109,.07);
  }

  .xx-v23-upload-box label{
    display:block;
    margin-bottom:10px;
    color:#fff0b8;
    font-weight:800;
  }

  .xx-v23-upload-box input{
    width:100%;
    color:#fff;
  }

  .xx-v23-upload-preview{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:14px;
    margin-top:16px;
  }

  .xx-v23-upload-preview video{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:18px;
    border:1px solid rgba(216,181,109,.22);
    background:#111;
  }


  .xx-v23-fb-note{
    margin-top:14px;
    color:rgba(255,255,255,.62);
    font-size:14px;
  }

  .latest-activity{
    position:relative;
    padding:38px 0 42px;
    background:#050505;
    color:#fff;
    overflow:visible;
  }

  .latest-activity .news-photo img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  object-position:center;
  display:block;
}

  .latest-activity .section-title{
    width:min(980px, calc(100% - 36px));
    margin-left:auto;
    margin-right:auto;
    margin-bottom:18px;
  }

  .latest-activity .section-title h2{
    font-size:clamp(26px, 4vw, 42px);
    margin-bottom:10px;
  }

  .latest-activity .section-title p{
    max-width:780px;
    margin-left:auto;
    margin-right:auto;
    font-size:15px;
    line-height:1.8;
  }

  .latest-activity .carousel-wrap{
    width:min(880px, calc(100% - 36px));
    margin:0 auto 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    pointer-events:none;
    overflow:visible;
    min-height:58px;
  }

  .latest-activity .carousel-wrap .carousel-arrow{
    position:static !important;
    inset:auto !important;
    transform:none !important;
    z-index:6;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    max-width:44px;
    max-height:44px;
    margin:0 !important;
    padding:0 !important;
    line-height:1;
    border-radius:999px;
    border:1px solid rgba(216,181,109,.52);
    background:rgba(0,0,0,.72);
    color:#fff0b8;
    box-shadow:0 12px 34px rgba(0,0,0,.38);
    cursor:pointer;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto;
    overflow:visible;
  }

  .latest-activity .news-carousel{
    width:min(760px, calc(100% - 36px));
    position:relative;
    margin:0 auto;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:100%;
    column-gap:51px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding:0;
    padding:8px 0 26px;
    -webkit-overflow-scrolling:touch;
  }

  .latest-activity .news-carousel::-webkit-scrollbar{
    height:8px;
  }

  .latest-activity .news-carousel::-webkit-scrollbar-track{
    background:rgba(255,255,255,.08);
    border-radius:999px;
  }

  .latest-activity .news-carousel::-webkit-scrollbar-thumb{
    background:rgba(216,181,109,.55);
    border-radius:999px;
  }

  .latest-activity .news-slide{
    scroll-snap-align:start;
    width:100%;
    min-width:100%;
    min-height:0;
    transform:none !important;
  }

  .latest-activity .news-card,
  .latest-activity .news-review-card{
    width:100%;
    max-width:760px;
    min-height:520px;
    border-radius:22px;
    overflow:hidden;
  }

  .latest-activity .news-copy{
    padding:22px;
  }

  .latest-activity .news-copy h2{
    font-size:clamp(22px, 3vw, 34px);
    line-height:1.25;
    margin:12px 0;
  }

  .latest-activity .news-lead{
    font-size:15px;
    line-height:1.8;
  }

  .latest-activity .news-video video{
    max-height:320px;
    object-fit:cover;
  }

  .latest-activity .news-review-inner{
    min-height:100%;
  }

  .latest-activity .review-badge-card{
    transform:scale(.9);
    transform-origin:center;
  }

  .latest-activity .coupon-visual{
    position:relative;
    width:100%;
    min-height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:
      radial-gradient(circle at 50% 18%, rgba(216,181,109,.18), transparent 38%),
      linear-gradient(180deg, rgba(0,0,0,.42), rgba(0,0,0,.88));
  }

  .latest-activity .coupon-visual img{
    width:100%;
    max-width:520px;
    border-radius:22px;
    border:1px solid rgba(216,181,109,.45);
    box-shadow:0 24px 80px rgba(0,0,0,.5), 0 0 42px rgba(216,181,109,.18);
    display:block;
    object-fit:cover;
  }

  .latest-activity .coupon-note{
    margin-top:6px;
    padding:12px 14px;
    border:1px solid rgba(216,181,109,.24);
    border-radius:16px;
    background:rgba(216,181,109,.08);
    color:rgba(255,255,255,.78);
    font-size:14px;
    line-height:1.7;
  }

  .latest-activity .news-nav{
    width:min(980px, calc(100% - 36px));
    margin:6px auto 0;
  }

  @media (min-width:980px){
    .latest-activity .news-carousel{
      grid-auto-columns:100%;
    }
  }

  @media (max-width:700px){
    .latest-activity{
      padding-top:28px;
    }

    .latest-activity .section-title{
      margin-bottom:10px;
    }

    .latest-activity .carousel-wrap{
      justify-content:space-between;
    }

    .latest-activity .news-carousel{
      width:min(430px, calc(100% - 28px));
      grid-auto-columns:100%;
      column-gap:22px;
    }

    .latest-activity .carousel-wrap{
      width:min(430px, calc(100% - 28px));
    }

    .latest-activity .news-copy{
      padding:18px;
    }
  }

  /* 熱門旅遊｜精品高端卡片牆 */
  .featured-tours-section{
    position:relative;
    padding:82px 0 88px;
    background:
      radial-gradient(circle at 50% 8%, rgba(216,181,109,.18), transparent 32%),
      linear-gradient(180deg, #080808 0%, #030303 100%);
    color:#fff;
    overflow:hidden;
  }

  .featured-tours-section::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg, rgba(216,181,109,.07) 1px, transparent 1px),
      linear-gradient(180deg, rgba(216,181,109,.045) 1px, transparent 1px);
    background-size:72px 72px;
    mask-image:radial-gradient(circle at 50% 28%, #000, transparent 72%);
    opacity:.42;
  }

  .featured-tours-section .section-title{
    position:relative;
    width:min(980px, calc(100% - 36px));
    margin:0 auto 34px;
    text-align:center;
  }

  .featured-tours-section .section-title h2{
    margin:0 0 12px;
    font-size:clamp(34px, 5vw, 58px);
    line-height:1.08;
    letter-spacing:-.04em;
    font-weight:900;
    color:#fff;
    text-shadow:0 0 34px rgba(216,181,109,.24);
  }

  .featured-tours-section .section-title p{
    max-width:660px;
    margin:0 auto;
    color:rgba(255,255,255,.72);
    font-size:16px;
    line-height:1.9;
  }

  .featured-tours-section .carousel-wrap{
    position:relative;
    width:min(1320px, calc(100% - 36px));
    margin:0 auto;
    overflow:visible;
    padding:0 62px;
  }

  .featured-tours-section .tour-carousel{
    width:100%;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(300px, 31.5%);
    column-gap:51px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding:2px;
    padding:18px 4px 42px;
    -webkit-overflow-scrolling:touch;
  }

  .featured-tours-section .tour-carousel::-webkit-scrollbar{
    height:8px;
  }

  .featured-tours-section .tour-carousel::-webkit-scrollbar-track{
    background:rgba(255,255,255,.07);
    border-radius:999px;
  }

  .featured-tours-section .tour-carousel::-webkit-scrollbar-thumb{
    background:linear-gradient(90deg, rgba(216,181,109,.45), rgba(255,240,184,.82));
    border-radius:999px;
  }

  .featured-tours-section .tour-card{
    position:relative;
    scroll-snap-align:start;
    border:1px solid rgba(216,181,109,.24);
    border-radius:28px;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(16,22,34,.98), rgba(7,9,15,.98));
    box-shadow:0 22px 70px rgba(0,0,0,.42);
    isolation:isolate;
    transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
  }

  .featured-tours-section .tour-card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(135deg, rgba(255,240,184,.18), transparent 32%, rgba(216,181,109,.09));
    opacity:.72;
  }

  .featured-tours-section .tour-card:hover{
    transform:translateY(-6px);
    border-color:rgba(255,240,184,.48);
    box-shadow:0 28px 90px rgba(216,181,109,.16), 0 26px 70px rgba(0,0,0,.48);
  }

  .featured-tours-section .tour-card img{
    position:relative;
    z-index:0;
    width:100%;
    height:245px;
    object-fit:cover;
    display:block;
    filter:saturate(1.04) contrast(1.06);
  }

  .featured-tours-section .tour-card::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:245px;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.54));
  }

  .featured-tours-section .tour-body{
    position:relative;
    z-index:2;
    min-height:280px;
    padding:24px 24px 26px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }

  .featured-tours-section .tour-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(216,181,109,.32);
    background:rgba(216,181,109,.12);
    color:#fff0b8;
    font-size:13px;
    font-weight:800;
    letter-spacing:.04em;
  }

  .featured-tours-section .tour-body h3{
    margin:0;
    color:#fff;
    font-family:'Noto Serif TC', serif;
    font-size:clamp(24px, 2.4vw, 32px);
    line-height:1.28;
    letter-spacing:-.03em;
  }

  .featured-tours-section .tour-body p{
    margin:0;
    color:rgba(255,255,255,.76);
    font-size:15px;
    line-height:1.85;
  }

  .featured-tours-section .tour-body .btn{
    margin-top:auto;
    box-shadow:0 14px 36px rgba(216,181,109,.18);
  }

  .featured-tours-section .carousel-arrow.tour-prev,
  .featured-tours-section .carousel-arrow.tour-next{
    position:absolute !important;
    top:50%;
    z-index:8;
    transform:translateY(-50%) !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    min-width:48px;
    min-height:48px;
    border-radius:999px;
    border:1px solid rgba(216,181,109,.55);
    background:rgba(0,0,0,.72);
    color:#fff0b8;
    box-shadow:0 16px 44px rgba(0,0,0,.45);
    backdrop-filter:blur(12px);
    cursor:pointer;
    opacity:1 !important;
    visibility:visible !important;
  }

  .featured-tours-section .carousel-arrow.tour-prev{
    left:0;
  }

  .featured-tours-section .carousel-arrow.tour-next{
    right:0;
  }

  @media (max-width:1080px){
    .featured-tours-section .tour-carousel{
      grid-auto-columns:minmax(300px, 46%);
    }

    .featured-tours-section .carousel-wrap{
      padding:0 52px;
    }

    .featured-tours-section .carousel-arrow.tour-prev{
      left:0;
    }

    .featured-tours-section .carousel-arrow.tour-next{
      right:0;
    }
  }

  @media (max-width:700px){
    .featured-tours-section{
      padding:58px 0 64px;
    }

    .featured-tours-section .carousel-wrap,
    .featured-tours-section .section-title{
      width:min(430px, calc(100% - 28px));
    }

    .featured-tours-section .carousel-wrap{
      padding:0 46px;
    }

    .featured-tours-section .tour-carousel{
      grid-auto-columns:100%;
      column-gap:33px;
      padding-left:0;
      padding-right:0;
    }
    .featured-tours-section .tour-card img,
    .featured-tours-section .tour-card::after{
      height:210px;
    }

    .featured-tours-section .tour-body{
      min-height:auto;
      padding:20px;
    }

    .featured-tours-section .carousel-arrow.tour-prev,
    .featured-tours-section .carousel-arrow.tour-next{
      top:48%;
      width:42px;
      height:42px;
      min-width:42px;
      min-height:42px;
    }
    .latest-activity .news-carousel{
      width:min(430px, calc(100% - 28px));
      grid-auto-columns:100%;
      column-gap:33px;
      padding-bottom:28px;
    }
    .latest-activity .carousel-wrap{
      width:min(520px, calc(100% - 28px));
      gap:22px;
    }
  }

  
  .home-reviews{
    padding:82px 0 88px;
    background:
      radial-gradient(circle at 50% 0%, rgba(216,181,109,.18), transparent 34%),
      linear-gradient(180deg, #050505 0%, #090806 52%, #030303 100%);
    color:#fff;
  }

  .home-reviews .review-carousel{
    width:min(1120px, calc(100% - 36px));
    margin:34px auto 0;
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:24px;
  }

  .home-reviews .review-card{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(216,181,109,.26);
    border-radius:30px;
    background:linear-gradient(135deg, rgba(18,22,30,.96), rgba(5,6,10,.98));
    box-shadow:0 26px 80px rgba(0,0,0,.42);
  }

  .home-reviews .review-photo{
    position:relative;
    overflow:hidden;
    background:#080808;
  }

  .home-reviews .review-photo img{
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
    display:block;
    filter:saturate(1.04) contrast(1.04);
  }

  .home-reviews .review-body{
    padding:24px;
  }

  .home-reviews .review-stars{
    color:#fff0b8;
    letter-spacing:.12em;
    font-size:18px;
    margin-bottom:10px;
    text-shadow:0 0 18px rgba(216,181,109,.34);
  }

  .home-reviews .review-body h3{
    margin:0 0 12px;
    font-family:'Noto Serif TC', serif;
    font-size:clamp(24px, 3vw, 34px);
    line-height:1.25;
    color:#fff;
  }

  .home-reviews .review-body p{
    margin:0 0 12px;
    color:rgba(255,255,255,.78);
    font-size:15px;
    line-height:1.85;
  }

  .home-reviews .review-meta{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
    margin:18px 0;
  }

  .home-reviews .review-meta span{
    padding:10px 12px;
    border:1px solid rgba(216,181,109,.18);
    border-radius:16px;
    background:rgba(216,181,109,.07);
    color:rgba(255,255,255,.82);
    font-size:14px;
  }

  .home-reviews .review-author{
    display:block;
    margin-top:10px;
    color:#fff0b8;
    font-weight:900;
  }

  @media (max-width:900px){
    .home-reviews .review-carousel{
      grid-template-columns:1fr;
    }
  }

  @media (max-width:700px){
    .home-reviews{
      padding:58px 0 64px;
    }

    .home-reviews .review-body{
      padding:20px;
    }

    .home-reviews .review-meta{
      grid-template-columns:1fr;
    }
  }
  @media (max-width:900px){
    .xx-v23-hero__inner{grid-template-columns:1fr;padding-top:96px}
    .xx-v23-hero__panel{max-width:620px}
    .xx-v23-hero__kpis{grid-template-columns:repeat(2, minmax(0,1fr))}
    .xx-v23-grid{grid-template-columns:1fr}
    .xx-v23-upload-preview{grid-template-columns:1fr}
  }
  .xx-center-actions{
  justify-content:center;
}
</style>