/* 首頁 · 運費明碼 banner (pricing-banner)
   從 home/_pricing-banner.blade.php 的 40 inline style + 末尾 <style> + 6 個 CTA onmouseover/onmouseout 抽離。
   數值與原版逐一對應、外觀一致;CTA hover 由 JS 改為純 CSS :hover。
   深色 navy 為原設計(運價透明區),保留。 */

.pricing-banner{ padding:56px 20px 48px; background:linear-gradient(135deg,#0e1a2b 0%,#1c2a44 100%); color:#fff; position:relative; }
.pricing-banner__inner{ max-width:1200px; margin:0 auto; }
.pricing-banner__head{ text-align:center; margin-bottom:36px; }
.pricing-banner__badge{ display:inline-flex; align-items:center; gap:8px; padding:6px 14px; background:rgba(70,180,120,0.15); border:1px solid rgba(70,180,120,0.4); border-radius:999px; font-size:13px; color:#8ee0b3; margin-bottom:16px; font-weight:600; letter-spacing:0.3px; }
.pricing-banner__title{ font-size:clamp(26px,4vw,38px); margin:0 0 10px; font-weight:800; letter-spacing:0.5px; color:#fff; }
.pricing-banner__subtitle{ color:#aab4c6; margin:0; font-size:15px; }

/* 20260715f · 桌面客服浮鈕恢復醒目尺寸；手機尺寸交由 cs-launcher 原生 RWD 控制 */
@media (min-width:769px){
  #cs-launcher .cslnch__btn{ width:72px !important; height:72px !important; }
  #cs-launcher .cslnch__btn i{ font-size:30px !important; }
  #cs-launcher .cslnch__dot{ width:15px !important; height:15px !important; }

  /* 右側浮動操作列：簽到卡、LINE、客服固定同一條右邊界，並保留清楚的垂直節奏 */
  .hb-hide-seek{ right:20px !important; bottom:238px !important; }
  #line-fab{ right:20px !important; bottom:110px !important; }
  #cs-launcher{ right:20px !important; bottom:20px !important; }
}

.pricing-banner__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; }

.pricing-card{ --pricing-scene:none; position:relative; isolation:isolate; overflow:hidden; background:rgba(14,26,43,.86) !important; border:1px solid rgba(255,255,255,0.12); border-radius:16px; padding:30px 22px; text-align:center; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; will-change:transform; display:block; color:inherit; text-decoration:none !important; cursor:pointer; }
.pricing-card::before{ content:""; position:absolute; inset:0; z-index:0; background:var(--pricing-scene) center/cover no-repeat; opacity:1; pointer-events:none; transition:transform .35s ease; }
.pricing-card::after{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(8,18,34,.18) 0%,rgba(8,18,34,.42) 34%,rgba(8,18,34,.78) 55%,rgba(8,18,34,.94) 83%,rgba(8,18,34,.98) 100%),radial-gradient(ellipse at 50% 48%,rgba(8,20,40,.72),rgba(8,20,40,.18) 70%,transparent 100%); pointer-events:none; }
.pricing-card > *{ position:relative; z-index:2; }
a.pricing-card, a.pricing-card:link, a.pricing-card:visited, a.pricing-card:hover, a.pricing-card:focus, a.pricing-card:active{ color:inherit; text-decoration:none !important; }
.pricing-card:hover{ transform:translateY(-4px); border-color:rgba(255,255,255,0.25); box-shadow:0 12px 28px rgba(0,0,0,0.22); }
.pricing-card:focus-visible{ outline:3px solid #ffd76b; outline-offset:3px; }
.pricing-card--gold{ --pricing-scene:none; background:rgba(26,29,38,.88) !important; border:1px solid rgba(255,215,107,0.38); }
.pricing-card__cta-hint{ display:block; margin-top:12px; font-size:12px; font-weight:700; letter-spacing:0.4px; color:#8ee0b3; opacity:0.85; }
.pricing-card--gold .pricing-card__cta-hint{ color:#ffd76b; }
.pricing-card:hover .pricing-card__cta-hint{ opacity:1; }

.pricing-card[data-mode="sea"]{ --pricing-scene:url("/images/home/pricing-banner/pb-35fb7b2f8981.svg"); }
.pricing-card[data-mode="air"]{ --pricing-scene:url("/images/home/pricing-banner/pb-59e467cfd299.svg"); }
.pricing-card--gold:nth-child(3){ --pricing-scene:url("/images/home/pricing-banner/pb-eec9faa6cf43.svg"); }
.pricing-card--gold:nth-child(4){ --pricing-scene:url("/images/home/pricing-banner/pb-79b320a6d55e.svg"); }
.pricing-card[data-mode="air"]::before{ background-position:center 38%; }
.pricing-card--gold:nth-child(3)::before{ background-position:center 58%; }
.pricing-card--gold:nth-child(4)::before{ background-position:center 58%; }
.pricing-card__emoji{ width:56px; height:56px; display:block; margin:0 auto 12px; font-size:0; line-height:1; opacity:0; background:none !important; -webkit-mask:none !important; mask:none !important; }
.pricing-card:hover::before{ transform:scale(1.03); }
.pricing-card__label{ font-size:13px; color:#8eaad0; letter-spacing:2px; margin-bottom:8px; font-weight:600; }
.pricing-card--gold .pricing-card__label{ color:#ffd76b; }
.pricing-card__price{ font-size:48px; font-weight:900; line-height:1; color:#fff; margin-bottom:4px; letter-spacing:-1px; }
.pricing-card__price--quote{ font-size:24px; font-weight:800; line-height:1.2; color:#ffd76b; letter-spacing:normal; padding:14px 0 4px; }
.pricing-card__unit{ font-size:14px; color:#aab4c6; margin-bottom:10px; }
.pricing-card--gold .pricing-card__unit{ color:#d9c896; }
.pricing-card__note{ font-size:12px; color:#7a8398; border-top:1px solid rgba(255,255,255,0.08); padding-top:10px; margin-top:10px; }
.pricing-card--gold .pricing-card__note{ color:#a89668; border-top-color:rgba(255,215,107,0.18); }

.pricing-banner__notes{ margin:28px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:10px 28px; font-size:13px; color:#aab4c6; line-height:1.6; }
.pricing-banner__notes li i{ color:#5a8fbe; margin-right:6px; }

.pricing-banner__cta{ margin-top:32px; display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.pricing-cta{ display:inline-flex; align-items:center; gap:8px; padding:14px 26px; border-radius:999px; font-weight:700; font-size:15px; }
.pricing-cta--line{ background:#06c755; color:#111827; box-shadow:0 6px 16px rgba(6,199,85,0.4); transition:transform .2s; }
.pricing-cta--line:hover{ transform:translateY(-2px); }
.pricing-cta--ghost{ background:rgba(255,255,255,0.1); color:#fff; border:1px solid rgba(255,255,255,0.25); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:background .2s; }
.pricing-cta--ghost:hover{ background:rgba(255,255,255,0.18); }
.pricing-cta--register{ background:linear-gradient(135deg,#ffd76b 0%,#ff9f43 100%); color:#1a2238; font-weight:800; box-shadow:0 6px 16px rgba(255,159,67,0.4); transition:transform .2s; }
.pricing-cta--register:hover{ transform:translateY(-2px); }

/* 連結 CTA:所有狀態不要底線 + 釘 color(擋全域/外掛 a:hover 底線/變色) */
.pricing-cta, .pricing-cta:link, .pricing-cta:visited, .pricing-cta:hover, .pricing-cta:focus, .pricing-cta:active{ text-decoration:none !important; }
.pricing-cta--line:hover, .pricing-cta--line:focus{ color:#111827; }
.pricing-cta--ghost:hover, .pricing-cta--ghost:focus{ color:#fff; }
.pricing-cta--register:hover, .pricing-cta--register:focus{ color:#1a2238; }

/* a11y:鍵盤焦點環 + 尊重「減少動態」 */
.pricing-cta:focus-visible{ outline:3px solid #ffd76b; outline-offset:3px; }
@media(prefers-reduced-motion:reduce){
  .pricing-card, .pricing-card::before, .pricing-card__emoji, .pricing-cta--line, .pricing-cta--ghost, .pricing-cta--register{ transition:none; }
  .pricing-card:hover, .pricing-cta--line:hover, .pricing-cta--register:hover{ transform:none; }
}
/* 20260715c · 寫實攝影背景：主體置於上半部，中央暗部保留價格閱讀區 */
.pricing-card[data-mode="sea"]::before{ background-image:url("/images/home/pricing-banner/pb-a80cba2d083c.webp") !important; background-position:center center; }
.pricing-card[data-mode="air"]::before{ background-image:url("/images/home/pricing-banner/pb-f1cee9139c8c.webp") !important; background-position:center center; }
.pricing-card--gold:nth-child(3)::before{ background-image:url("/images/home/pricing-banner/pb-7f841a13facb.webp") !important; background-position:center center; }
.pricing-card--gold:nth-child(4)::before{ background-image:url("/images/home/pricing-banner/pb-31d8a3831838.webp") !important; background-position:center center; }
.pricing-card::after{ background:linear-gradient(180deg,rgba(8,18,34,.05) 0%,rgba(8,18,34,.12) 30%,rgba(8,18,34,.52) 50%,rgba(8,18,34,.86) 70%,rgba(8,18,34,.97) 100%),radial-gradient(ellipse at 50% 54%,rgba(8,20,40,.58),rgba(8,20,40,.12) 72%,transparent 100%) !important; }
/* 20260715d · 保留照片原色：移除整張卡片遮罩，僅用文字陰影維持辨識度 */
.pricing-card::after{ display:none !important; background:none !important; }
.pricing-card__label,.pricing-card__price,.pricing-card__price--quote,.pricing-card__unit,.pricing-card__note,.pricing-card__cta-hint{ text-shadow:0 2px 8px rgba(0,0,0,.62); }
/* 20260715e · 高對比文字：不加圖片遮罩，改用暖白/亮金與強化陰影 */
.pricing-card__label{ color:#f8fbff !important; text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.55); }
.pricing-card__price{ color:#ffffff !important; text-shadow:0 2px 5px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.6); }
.pricing-card__price--quote{ color:#fff2b8 !important; text-shadow:0 2px 5px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.6); }
.pricing-card__unit{ color:#eef5ff !important; text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 7px rgba(0,0,0,.5); }
.pricing-card__note{ color:#ecf3fb !important; border-top-color:rgba(255,255,255,.42) !important; text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 7px rgba(0,0,0,.5); }
.pricing-card__cta-hint{ color:#8ff0be !important; text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 7px rgba(0,0,0,.5); }
.pricing-card--gold .pricing-card__label{ color:#ffe88c !important; }
.pricing-card--gold .pricing-card__unit{ color:#fff1b5 !important; }
.pricing-card--gold .pricing-card__note{ color:#ffe7a0 !important; border-top-color:rgba(255,225,125,.52) !important; }
.pricing-card--gold .pricing-card__cta-hint{ color:#ffe07b !important; }
/* 20260715f · 平台教學卡：寫實照片滿版 + 下半部閱讀漸層 */
.home-seo-platforms{ background:#f7f9fc !important; }
.home-seo-platforms > div > div > a{ position:relative !important; isolation:isolate; overflow:hidden; min-height:240px; padding:24px 22px !important; display:block !important; border-radius:16px !important; border:1px solid rgba(255,255,255,.72) !important; background-color:#14253c !important; background-size:cover !important; background-repeat:no-repeat !important; background-position:center !important; box-shadow:0 10px 24px rgba(15,23,42,.16) !important; color:#fff !important; transition:transform .2s ease,box-shadow .2s ease !important; }
.home-seo-platforms > div > div > a::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(180deg,rgba(5,13,27,.04) 0%,rgba(5,13,27,.12) 33%,rgba(5,13,27,.62) 56%,rgba(5,13,27,.93) 100%); }
.home-seo-platforms > div > div > a > *{ position:relative; z-index:1; }
.home-seo-platforms > div > div > a > div:first-child{ height:74px !important; margin:0 !important; font-size:0 !important; visibility:hidden; }
.home-seo-platforms > div > div > a > div:nth-child(2){ color:#fff !important; font-size:1.22rem !important; font-weight:800 !important; letter-spacing:.02em; margin-bottom:8px !important; text-shadow:0 2px 5px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.6); }
.home-seo-platforms > div > div > a > div:nth-child(3){ color:#f4f8ff !important; font-size:.92rem !important; line-height:1.55 !important; text-shadow:0 1px 4px rgba(0,0,0,.98),0 0 8px rgba(0,0,0,.6); }
.home-seo-platforms > div > div > a:hover{ transform:translateY(-4px) !important; box-shadow:0 16px 30px rgba(15,23,42,.25) !important; }
.home-seo-platforms > div > div > a:nth-child(1){ background-image:var(--platform-warehouse) !important; background-position:center 48% !important; }
.home-seo-platforms > div > div > a:nth-child(2){ background-image:var(--platform-parcel) !important; background-position:center 50% !important; }
.home-seo-platforms > div > div > a:nth-child(3){ background-image:var(--platform-commercial) !important; background-position:center 56% !important; }
.home-seo-platforms > div > div > a:nth-child(4){ background-image:var(--platform-live) !important; background-position:center 46% !important; }
.home-seo-platforms > div > div > a:nth-child(5){ background-image:var(--platform-electronics) !important; background-position:center 46% !important; }
.home-seo-platforms > div > div > a:nth-child(6){ background-image:var(--platform-fashion) !important; background-position:center 45% !important; }
.home-seo-platforms > div > div > a:nth-child(7){ background-image:var(--platform-artisan) !important; background-position:center 48% !important; }
.home-seo-platforms > div > div > a:nth-child(8){ background-image:var(--platform-sea) !important; background-position:center 50% !important; }
.home-seo-platforms > div > div > a:nth-child(9){ background-image:var(--platform-air) !important; background-position:center 50% !important; }
.home-seo-platforms > div > div > a:nth-child(10){ background-image:var(--platform-large) !important; background-position:center 48% !important; }


/* 20260715i · 合作服務卡：四張獨立未來科技場景，滿版背景 + 巨型圖標 + 高對比閱讀層 */
.landing-partnership{
  --partnership-plan:url("/images/home/pricing-banner/pb-6865ff378db7.webp");
  --partnership-modules:url("/images/home/pricing-banner/pb-1c9d697ef52f.webp");
  --partnership-integration:url("/images/home/pricing-banner/pb-2b1ab23637fb.webp");
  --partnership-maintenance:url("/images/home/pricing-banner/pb-b6f38d761db0.webp");
  background:#071323 !important;
  position:relative;
  overflow:hidden;
}
.landing-partnership__header,
.landing-partnership__title,
.landing-partnership__subtitle,
.landing-partnership__eyebrow{
  position:relative;
  z-index:2;
}
.landing-partnership__header{color:#f5fbff !important;}
.landing-partnership__eyebrow{
  color:#dff9ff !important;
  background:rgba(29,211,255,.14) !important;
  border:1px solid rgba(137,235,255,.58) !important;
  box-shadow:0 0 18px rgba(29,211,255,.18), inset 0 0 12px rgba(255,255,255,.06) !important;
  text-shadow:0 1px 4px rgba(0,0,0,.9) !important;
}
.landing-partnership__title{
  color:#ffffff !important;
  text-shadow:0 3px 8px rgba(0,0,0,.96),0 0 22px rgba(56,211,255,.22) !important;
}
.landing-partnership__subtitle{
  color:#e7f7ff !important;
  text-shadow:0 2px 6px rgba(0,0,0,.98),0 0 14px rgba(0,0,0,.72) !important;
}
.landing-partnership__features{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}
.landing-partnership__feature{
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
  min-height:270px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  padding:26px 24px 24px !important;
  border:1px solid rgba(116,218,255,.42) !important;
  border-radius:18px !important;
  background-color:#0a1b31 !important;
  background-size:cover !important;
  background-position:center !important;
  box-shadow:0 16px 38px rgba(1,8,20,.34), inset 0 0 0 1px rgba(255,255,255,.05) !important;
  color:#fff !important;
}
.landing-partnership__feature::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(3,10,24,.08) 0%,rgba(3,10,24,.10) 28%,rgba(3,10,24,.62) 61%,rgba(3,10,24,.96) 100%),
    linear-gradient(135deg,rgba(35,211,255,.16),transparent 48%,rgba(143,84,255,.20));
}
.landing-partnership__feature::after{
  content:"";
  position:absolute;
  inset:10px;
  z-index:1;
  pointer-events:none;
  border:1px solid rgba(138,226,255,.18);
  border-radius:12px;
  box-shadow:inset 0 0 24px rgba(33,194,255,.10);
}
.landing-partnership__feature-icon{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  pointer-events:none !important;
  overflow:hidden;
}
.landing-partnership__feature-icon i{
  position:absolute;
  top:24px;
  right:22px;
  z-index:0;
  font-size:176px !important;
  line-height:1 !important;
  color:rgba(119,230,255,.23) !important;
  text-shadow:0 0 28px rgba(31,204,255,.42),0 0 70px rgba(111,82,255,.22);
  transform:rotate(-7deg);
}
.landing-partnership__feature-title,
.landing-partnership__feature-desc{
  position:relative !important;
  z-index:2 !important;
}
.landing-partnership__feature-title{
  margin-top:auto !important;
  margin-bottom:9px !important;
  color:#fff !important;
  font-size:1.22rem !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  letter-spacing:.01em;
  text-shadow:0 2px 5px rgba(0,0,0,.95),0 0 16px rgba(0,0,0,.58);
}
.landing-partnership__feature-desc{
  margin:0 !important;
  color:#eefaff !important;
  font-size:.96rem !important;
  line-height:1.65 !important;
  text-shadow:0 1px 5px rgba(0,0,0,.98),0 0 12px rgba(0,0,0,.62);
}
.landing-partnership__feature:nth-child(1){background-image:var(--partnership-plan) !important;background-position:center 46% !important;}
.landing-partnership__feature:nth-child(2){background-image:var(--partnership-modules) !important;background-position:center 52% !important;}
.landing-partnership__feature:nth-child(3){background-image:var(--partnership-integration) !important;background-position:center 46% !important;}
.landing-partnership__feature:nth-child(4){background-image:var(--partnership-maintenance) !important;background-position:center 48% !important;}
/* 20260715e · 浮動簽到卡：手機版讓透明吉祥物的實際圖框保持水平置中 */
@media (max-width:680px){
  .hb-hide-seek .hb-hide-seek__card{
    display:block !important;
    width:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    padding:4px !important;
    border-radius:16px !important;
    justify-items:center;
  }
  .hb-hide-seek .hb-hide-seek__card img{
    justify-self:center;
    align-self:center;
    display:block;
    width:38px !important;
    height:38px !important;
    margin:0 auto !important;
    object-fit:contain;
    object-position:50% 50%;
  }
}
@media (max-width:1100px){
  .landing-partnership__features{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:560px){
  .landing-partnership__features{grid-template-columns:1fr !important;gap:14px !important;}
  .landing-partnership__feature{min-height:240px !important;}
  .landing-partnership__feature-icon i{font-size:142px !important;top:22px;right:16px;}
  .landing-partnership__feature-title{margin-top:auto !important;}
}

.home-seo-platforms{ --platform-warehouse:url("/images/home/pricing-banner/pb-4131de3d35d6.webp"); --platform-live:url("/images/home/pricing-banner/pb-52b7289af132.webp"); --platform-electronics:url("/images/home/pricing-banner/pb-4b88023ab532.webp"); --platform-sea:url("/images/home/pricing-banner/pb-a80cba2d083c.webp"); --platform-air:url("/images/home/pricing-banner/pb-f1cee9139c8c.webp"); --platform-commercial:url("/images/home/pricing-banner/pb-7f841a13facb.webp"); --platform-large:url("/images/home/pricing-banner/pb-31d8a3831838.webp"); --platform-parcel:url("/images/home/pricing-banner/pb-8f0d59517758.webp"); --platform-fashion:url("/images/home/pricing-banner/pb-9be362a249ee.webp"); --platform-artisan:url("/images/home/pricing-banner/pb-fb97775fc8c2.webp"); }
/* 2026-10-29: cards 11-12 (Xianyu, Dewu) so the platform grid fills rows of four */
.home-seo-platforms{ --platform-secondhand:url("/images/home/pricing-banner/pb-5c1cb32ddc9f.webp"); --platform-sneaker:url("/images/home/pricing-banner/pb-d917f74faa7a.webp"); }
.home-seo-platforms > div > div > a:nth-child(11){ background-image:var(--platform-secondhand) !important; background-position:center 40% !important; }
.home-seo-platforms > div > div > a:nth-child(12){ background-image:var(--platform-sneaker) !important; background-position:center 40% !important; }