/* ============================================================
   騰富金融 — 前台樣式（依版面設計稿 / bug 修正圖還原）
   主橘 #F39800 / 標題橘 #f39801 / 英文橘 #f5a624 / header 線 #ed6f18
   LINE 綠 #06C755 / 數據粉紅 #e7004e / 米白 #FFFCF2
   ============================================================ */
:root{
  --orange:#F39800;
  --orange-d:#E8820A;
  --orange-l:#FBB040;
  --orange-line:#ed6f18;   /* header 底線 / 英文副標 */
  --orange-en:#f5a624;     /* 選單英文 */
  --cream:#FFFCF2;
  --cream-2:#FFF6DD;
  --cream-3:#fffde5;       /* 服務區淺黃 */
  --yellow:#FCE9B8;
  --stat-bg:#ffd47d;       /* 數據帶底 */
  --stat-num:#e7004e;      /* 數據數字 */
  --line:#06C755;
  --line-id:#54be40;       /* LINE ID 綠 */
  --line-d:#05a948;
  --ink:#2c2c2c;
  --gray:#5b5b5b;
  --line-soft:#ececec;
  --max:1600px;
  --shadow:0 6px 24px rgba(0,0,0,.08);
  --shadow-sm:0 3px 12px rgba(0,0,0,.06);
  --radius:14px;
  --header-h:92px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  color:var(--ink);line-height:1.7;background:#fff;font-size:16px;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.wrap-narrow{max-width:1180px;margin:0 auto;padding:0 16px}

/* ---------- 標題區塊 ---------- */
.sec-head{text-align:center;margin-bottom:24px}
.sec-head h2{font-size:28px;font-weight:900;color:var(--ink);letter-spacing:1px}
.sec-head h2 .head-coin{width:34px;height:34px;vertical-align:-7px;margin-right:10px;display:inline-block}
.sec-head .en{display:block;color:var(--orange-en);font-size:16px;letter-spacing:3px;
  text-transform:lowercase;margin-top:4px;font-weight:700}
.sec-head p{color:var(--gray);font-size:17px;margin-top:12px;line-height:1.9}
/* 設計稿：粗體深色副標（含橘色大數字）*/
.sec-head p.strong{color:var(--ink);font-size:23px;font-weight:900;margin-top:10px}
.sec-head p.strong .num{color:var(--orange);font-size:1.35em;font-weight:900;padding:0 2px}
/* 設計稿：申請步驟區橘色大標語 */
.sec-head .step-slogan{color:var(--orange);font-size:32px;font-weight:900;margin-top:10px;letter-spacing:2px}

/* ---------- 按鈕 ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;
  padding:11px 28px;border-radius:30px;font-weight:700;font-size:15px;
  transition:.25s;cursor:pointer;border:none}
.btn img{width:22px;height:auto}
.btn-orange{background:linear-gradient(180deg,var(--orange-l),var(--orange));color:#fff;
  box-shadow:0 6px 16px rgba(243,152,0,.35)}
.btn-orange:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(243,152,0,.45)}
/* 設計稿：亮綠漸層、方圓角、3D 底邊 */
.btn-line{background:linear-gradient(180deg,#62da0d,#3fcc01);color:#fff;border-radius:14px;
  box-shadow:0 5px 0 #2ca400,0 9px 16px rgba(62,203,0,.28);font-weight:800}
.btn-line:hover{transform:translateY(2px);box-shadow:0 3px 0 #2ca400,0 6px 12px rgba(62,203,0,.28)}
.btn-ghost{background:#fff;color:var(--orange);border:2px solid var(--orange)}
.btn-ghost:hover{background:var(--orange);color:#fff}
.btn-more{background:var(--orange);color:#fff;padding:7px 22px;font-size:13px;box-shadow:0 4px 10px rgba(243,152,0,.24)}
.btn-service-cta{background:linear-gradient(180deg,var(--orange-l),var(--orange));color:#fff;width:100%;border-radius:20px;
  padding:8px 16px;font-size:13px;box-shadow:0 4px 10px rgba(243,152,0,.22)}
.btn-lg{padding:13px 38px;font-size:17px}
.btn-lg img{width:30px}
.btn-wide{min-width:min(470px,100%);max-width:100%;font-size:18px;padding:13px 38px}
/* 限時專案 CTA：橘底上的綠按鈕帶白框（設計稿） */
.promo-cta .btn{border:3px solid #fff}

/* ============================================================
   頁首 / 導覽列（橘線在「下方」#ed6f18）
   ============================================================ */
.topbar{position:sticky;top:0;z-index:200;background:#fff;
  box-shadow:0 2px 14px rgba(0,0,0,.07);border-bottom:4px solid var(--orange-line)}
.nav{display:flex;align-items:center;justify-content:space-between;
  min-height:var(--header-h);gap:18px}
.brand{display:flex;flex-direction:column;line-height:1.12;flex-shrink:0}
.brand .logo{font-size:38px;font-weight:900;color:#f39801;letter-spacing:3px}
.brand .tag{font-size:14px;color:var(--gray);letter-spacing:1px;margin-top:2px}

.menu{display:flex;align-items:center;gap:2px;list-style:none}
.menu>li{position:relative}
.menu a{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  padding:30px 14px 9px;min-height:78px;font-size:19px;font-weight:700;border-radius:8px;transition:.2s;
  position:relative}
.menu a .en{font-size:12px;color:var(--orange-en);font-weight:600;letter-spacing:1px;margin-top:2px}
.menu a:hover,.menu a.active{color:var(--orange)}
/* 桌機 nav hover：硬幣在「文字上方」旋轉（不蓋住文字），沿用舊站 moneyroate 效果 */
.menu a .coin-hover{position:absolute;top:0;left:50%;width:26px;height:26px;
  transform:translateX(-50%);background:url('/assets/img/hp/iconmoney40.png') center/contain no-repeat;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));
  opacity:0;pointer-events:none;transition:opacity .15s}
.menu a:hover .coin-hover,.menu a.active .coin-hover{opacity:1;animation:moneyroate .55s linear infinite}

@keyframes moneyroate{
  0%{transform:translateX(-50%) rotateY(0deg)}
  50%{transform:translateX(-50%) rotateY(180deg)}
  100%{transform:translateX(-50%) rotateY(360deg)}
}

.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px}
.menu-toggle img{width:40px;height:40px}

/* 手機 / 平板：menu roll-in 時於 menu 上方出現旋轉硬幣（桌機 nav 不顯示）*/
.menu-coin{display:none;position:absolute;top:100%;left:50%;
  transform:translate(-50%,-46%);width:56px;height:56px;z-index:230;pointer-events:none;
  background:url('/assets/img/hp/iconmoney40.png') center/contain no-repeat;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.28));opacity:0}
.menu-coin.show{opacity:1;animation:coinspin .6s linear infinite}
@keyframes coinspin{
  0%{transform:translate(-50%,-46%) rotateY(0deg)}
  100%{transform:translate(-50%,-46%) rotateY(360deg)}
}

/* ============================================================
   Banner / Hero（版頭圓弧、無多餘空白）
   ============================================================ */
.hero{position:relative;background:#fff;overflow:hidden;padding:0;line-height:0}
.hero-track{position:relative;max-width:1920px;margin:0 auto}
.hero-slide{position:relative;line-height:0}
.hero-slide picture{display:block;line-height:0}
.hero-slide img{width:100%;height:auto;display:block}
/* 版頭圓弧裝飾線（indexbannerline001 1920x112）*/
.hero-arc{position:absolute;left:50%;bottom:-1px;width:100%;max-width:1920px;height:auto;z-index:2;
  transform:translateX(-50%);
  pointer-events:none}
.hero-dots{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);
  display:flex;gap:8px;z-index:3}
.hero-dots span{width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.7);
  box-shadow:0 0 0 1px rgba(0,0,0,.12);cursor:pointer;transition:.2s}
.hero-dots span.on{background:var(--orange);width:30px;border-radius:7px}

/* ============================================================
   區段共用
   ============================================================ */
section{padding:42px 0}
.bg-cream{background:var(--cream)}
.bg-cream2{background:#fff}
.bg-cream3{background:var(--cream-3)}

/* ---------- 限時專案（bug03）---------- */
.promo-sub{text-align:center;color:#f39801;font-size:17px;font-weight:700;
  line-height:1.85;margin-bottom:14px}
.alert-line{display:flex;align-items:center;justify-content:center;gap:8px;
  text-align:center;color:var(--ink);font-weight:800;font-size:17px;margin:10px 0 22px}
.alert-line .red{color:#e53935}
.alert-line .warn-ic{display:inline-block;width:28px;height:auto;margin:0;flex:0 0 auto}
/* 限時專案卡：整塊上下漸層（上半淺膚→白 / 下半白→橘），woman 圖原寸不放大 */
.promo-card{background:linear-gradient(180deg,#fff5e2 0%,#ffffff 100%);
  border-radius:14px 14px 0 0;padding:0 112px;min-height:300px;display:flex;align-items:center;
  justify-content:center;gap:86px;box-shadow:0 4px 13px rgba(231,150,20,.1);
  max-width:1500px;margin:0 auto}
.promo-card .pic{width:192px;flex-shrink:0;align-self:flex-end;display:flex;align-items:flex-end}
.promo-card .pic img{width:192px;max-width:192px;height:auto;border-radius:0}
.promo-list{list-style:none;flex:1}
.promo-list li{padding:9px 0 9px 38px;position:relative;font-size:17.5px;font-weight:700;color:#636363}
.promo-list li::before{content:"";position:absolute;left:0;top:12px;width:22px;height:22px;
  background:url('/assets/img/hp/icontickorange40.png') center/contain no-repeat}
.promo-cta{text-align:center;max-width:1500px;margin:0 auto;background:linear-gradient(180deg,#ffffff 0%,var(--orange) 100%);
  border-radius:0 0 14px 14px;padding:14px 18px 30px;box-shadow:0 4px 13px rgba(231,150,20,.1)}
.promo-cta .lead{font-weight:800;font-size:19px;color:var(--ink);margin-bottom:14px}
.promo-cta .btn{padding:11px 46px;font-size:18px;min-width:230px;border-radius:30px}
.promo-cta .btn img{width:28px}
.promo-foot{text-align:center;color:var(--ink);font-weight:700;margin-top:18px;font-size:16px}

/* ---------- 服務項目卡 ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:72px;max-width:1500px;margin:0 auto}
/* 每欄＝白卡（含「觀看更多」）＋ 卡外下方滿版「立即諮詢」按鈕（設計稿 02）*/
.svc-col{display:flex;flex-direction:column;gap:18px}
.svc-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.08);
  transition:.3s;border:1px solid #f0d592;display:flex;flex-direction:column;flex:1}
.svc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.svc-card .thumb{height:220px;overflow:hidden;display:block}
.svc-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}
.svc-card:hover .thumb img{transform:scale(1.06)}
.svc-card .body{padding:20px 26px 22px;display:flex;flex-direction:column;flex:1}
.svc-card h3{color:var(--orange);font-size:19px;font-weight:800;margin-bottom:18px;text-align:center;
  padding-bottom:12px;position:relative}
.svc-card h3::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:54px;height:3px;background:var(--orange);border-radius:2px}
.svc-card p{color:var(--gray);font-size:14.5px;line-height:1.85;min-height:78px}
.svc-card .acts{display:flex;justify-content:center;margin-top:auto;padding-top:16px}
.svc-card .acts .btn-more{width:auto}
.svc-cta{display:block;width:100%;text-align:center;background:linear-gradient(180deg,var(--orange-l),var(--orange));
  color:#fff;font-weight:700;font-size:16px;border-radius:30px;padding:13px 16px;
  box-shadow:0 4px 12px rgba(243,152,0,.28);transition:.25s}
.svc-cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(243,152,0,.38)}

/* ---------- 服務類型圓圖（設計稿：黃底滿版帶，卡片+圓圖都在帶內）---------- */
.services-section{padding:58px 0 0}
.svc-band{background:var(--cream-3);padding:36px 0 64px;margin-top:4px}
.round-wrap{padding:0;margin:56px auto 0;max-width:1500px}
.round-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px}
.round-item{text-align:center}
.round-item .ph{width:min(100%,290px);aspect-ratio:1/1;height:auto;border-radius:50%;margin:0 auto 22px;overflow:hidden;
  box-shadow:var(--shadow-sm)}
.round-item .ph img{width:100%;height:100%;object-fit:cover}
.round-item h4{color:var(--orange);font-size:21px;font-weight:800;margin-bottom:10px}
.round-item p{color:var(--gray);font-size:15px;line-height:1.8;max-width:300px;margin:0 auto}

/* ---------- 數據帶（bug05：#ffd47d / #e7004e）---------- */
.stats{background:var(--stat-bg);padding:34px 0}
.stats .row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stats .num{font-size:38px;font-weight:900;color:var(--stat-num);line-height:1.1}
.stats .lbl{font-size:18px;font-weight:700;color:var(--ink);margin-top:6px}

/* ---------- 借款流程（弧圖 indeximg07）---------- */
.process-arc{text-align:center}
.process-arc img{max-width:888px;width:100%;margin:0 auto;height:auto}
.process-cta{text-align:center;margin-top:22px}

/* ---------- 申請步驟（圖文交錯，底圖 mainbg）---------- */
.step-band{position:relative;
  background:var(--cream) url('/assets/img/hp/indexbg01001.jpg') top center/100% auto no-repeat}
/* 申請步驟頁：無底圖、純淺黃底（設計稿 13）*/
.step-band.step-plain{background:#fffde6}
.step-list{display:flex;flex-direction:column;gap:18px;max-width:1500px;margin:0 auto}
.step-row{display:flex;align-items:center;gap:34px;background:#fff;border-radius:var(--radius);
  overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.step-row .img{width:520px;height:292px;flex-shrink:0;overflow:hidden}
.step-row .img img{width:100%;height:100%;object-fit:cover}
.step-row .txt{padding:26px 42px;flex:1}
.step-row .badge{display:inline-block;border:2px solid var(--orange);color:var(--orange);
  font-weight:800;border-radius:22px;padding:4px 22px;font-size:16px;margin-bottom:12px}
.step-row h4{color:var(--orange);font-size:20px;font-weight:800;margin-bottom:10px}
.step-row p{color:var(--gray);font-size:15px}
/* 步驟間胖箭頭（設計稿取樣 #facd89：均勻淺桃橘、無漸層、全部一致）*/
.step-arrow{width:78px;height:88px;margin:4px auto;
  background:#facd89;font-size:0;line-height:0;
  clip-path:polygon(30% 0,70% 0,70% 50%,100% 50%,50% 100%,0 50%,30% 50%)}

/* ---------- LINE 召喚帶（bug08：橘底 #f39801）---------- */
/* 圓弧四方橘色區塊（非整塊延伸）、放大手機插圖與 QR、綠色 LINE 圓標 */
.line-band{background:transparent;padding:22px 0}
.line-band .inner{background:#f39801;border-radius:22px;
  display:flex;align-items:center;gap:30px;flex-wrap:nowrap;
  padding:14px 56px;position:relative}
.line-band .lb-illus{width:150px;flex-shrink:0;align-self:flex-end;display:flex;align-items:flex-end}
.line-band .lb-illus img{width:100%;height:auto}
.line-band .lb-mid{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px}
.line-band .lb-title{display:flex;align-items:center;gap:12px;color:#fff;font-size:21px;font-weight:800}
.line-band .lb-title img{width:46px;height:46px}
.line-band .pill{background:#fff;border-radius:14px;padding:12px 34px;text-align:center;
  box-shadow:var(--shadow-sm);width:100%;max-width:620px}
.line-band .pill b{font-size:16px;color:var(--ink)}
.line-band .pill .id{display:block;color:var(--line-id);font-size:20px;font-weight:900;
  letter-spacing:1px;margin-top:6px}
.line-band .qr{width:152px;height:152px;background:#fff;padding:8px;border-radius:12px;flex-shrink:0}
.line-band .qr img{width:100%;height:100%;object-fit:contain}

/* ---------- 致力文案帶（bug09：左文右圖）---------- */
.mission{padding:40px 0;background:#fff}
.mission .inner{display:flex;align-items:center;gap:34px}
.mission .txt{flex:1}
.mission h2{font-size:26px;font-weight:800;line-height:1.6;color:var(--ink)}
.mission .mission-sub{margin-top:12px;font-size:18px;color:var(--gray);line-height:1.8}
.mission .mission-sub .hl{color:var(--orange);font-weight:900;font-size:22px;margin-right:8px}
.mission .pic{width:340px;flex-shrink:0}
.mission .pic img{width:100%;height:auto}

/* ---------- 案例（bug10：白底、無左框）---------- */
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 54px;max-width:1500px;margin:0 auto}
.case-count{max-width:1500px;margin:0 auto 10px;text-align:right;color:var(--orange);font-weight:700;font-size:15px}
.case-card{background:#fff;border-radius:16px;box-shadow:0 8px 26px rgba(0,0,0,.07);
  padding:34px 38px;transition:.25s;border:1px solid rgba(243,152,0,.06);min-height:230px}
.case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.case-card h3{color:var(--orange);font-size:20px;font-weight:800;margin-bottom:12px}
.case-card p{color:var(--gray);font-size:16px;line-height:1.9}

/* ---------- 品牌優勢 4 圈（bug11：大白圓 + line-art icon）---------- */
/* 底部柔和淡出白色，避免與下方 24h 帶(faq-head-band)的另一張照片硬接出橫切線（設計稿為連續桌面背景）*/
.point-band{position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,0) 60%,#ffffff 95%),
    #fff url('/assets/img/hp/mainbg01001.jpg') top center/100% auto no-repeat}
.point-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:8px}
.point-card{text-align:center}
/* 設計稿：icon + 標題 + 說明文字全部置於白色圓形內 */
.point-card .ic{width:min(100%,270px);aspect-ratio:1/1;height:auto;border-radius:50%;background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;
  margin:0 auto;padding:0 30px;text-align:center}
.point-card .ic .ic-img{width:66px;height:66px;object-fit:contain;margin-bottom:12px}
.point-card .ic h4{font-size:20px;font-weight:900;margin-bottom:9px;color:var(--ink)}
.point-card .ic p{font-size:13.5px;color:var(--gray);line-height:1.65}

/* ---------- FAQ（bug12/13：橘方號、列式）---------- */
/* 24小時帶：設計稿這區只用上方圈圈的底圖延續，本身不放筆電底圖（純色）*/
.faq-head-band{position:relative;text-align:center;padding:48px 0 18px}
.faq-head-band h2{font-size:34px;font-weight:900;color:var(--orange)}
.faq-head-band p{font-size:22px;font-weight:800;color:var(--orange);margin-top:6px}
.faq-head-band .desc{color:var(--gray);font-size:15px;font-weight:400;margin-top:16px;line-height:1.9}
/* FAQ 頁底部整區照片帶（24h 文字 + 5 步驟卡 + 按鈕，設計稿 08）*/
.faq-bottom-band{padding:64px 0 64px;
  background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 22%,rgba(255,255,255,0) 80%,#fff 100%),
    url('/assets/img/hp/indexbg01002.jpg') center/cover no-repeat}
.faq-bottom-band .bb-head{text-align:center}
.faq-bottom-band .bb-head h2{font-size:34px;font-weight:900;color:var(--orange)}
.faq-bottom-band .bb-head p{font-size:22px;font-weight:800;color:var(--orange);margin-top:6px}
.faq-bottom-band .bb-head .desc{color:var(--gray);font-size:15px;font-weight:400;margin-top:16px;line-height:1.9}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,auto);
  grid-auto-flow:column;gap:12px 72px;max-width:1500px;margin:0 auto}
.faq-grid.rows4{grid-template-rows:repeat(4,auto)}
.faq-item{border-bottom:1px solid var(--orange)}
.faq-q{display:flex;gap:18px;align-items:flex-start;padding:22px 6px 4px;cursor:default;font-weight:700}
/* 設計稿：數字方塊奇偶交錯（奇數淺琥珀+橘字、偶數深橘+白字）*/
.faq-q .n{flex-shrink:0;width:56px;height:56px;border-radius:10px;
  background:#ffd47d;
  color:#e08300;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:26px}
.faq-item:nth-child(even) .faq-q .n{background:#f39801;color:#fff}
.faq-q .qt{flex:1;font-size:19px;font-weight:800;color:var(--ink);line-height:1.5;padding-top:10px}
.faq-q .arrow{display:none}
.faq-a{max-height:none;overflow:visible;color:#f08300;font-size:17px}
.faq-a .inner{padding:2px 6px 24px 80px}
/* FAQ 底部 CTA（bug13）*/
.faq-cta{text-align:center;margin-top:40px}
.faq-cta .h{font-size:22px;font-weight:900;color:var(--ink);margin-bottom:8px}
.faq-cta .o{font-size:20px;font-weight:800;color:var(--orange);margin-bottom:8px}
.faq-cta .b{font-size:18px;font-weight:800;color:var(--ink);margin-bottom:16px}

/* ---------- 內頁 service 介紹（bug16）---------- */
.loan-intro-section{padding:58px 0 72px}
.intro{display:grid;grid-template-columns:560px 1fr;gap:76px;align-items:center;max-width:1500px;margin:0 auto}
/* 貸款內頁 CTA 提示句（設計稿：硬幣 + 粗體）*/
.loan-cta-lead{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;color:var(--ink);margin:8px 0 14px}
.loan-cta-lead img{width:26px;height:26px}
/* 常見問答底部 5 步驟卡（設計稿 08）*/
.faq-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:1180px;margin:0 auto}
/* 設計稿 08：每張＝白卡＋淡橘細框＋照片內縮留白＋下方白底放號碼方塊＋橘字 */
.faq-step{background:#fff;border:1px solid #f0d592;border-radius:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.07);padding:10px 10px 4px;overflow:hidden}
.faq-step .img{height:150px;border-radius:10px;overflow:hidden;box-shadow:none}
.faq-step .img img{width:100%;height:100%;object-fit:cover}
.faq-step .lb{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:0;
  padding:14px 6px 12px;font-size:17px;font-weight:800;color:var(--orange)}
.faq-step .lb .no{width:26px;height:26px;border-radius:6px;background:#f3b13a;color:#fff;
  font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.intro .pic{border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}
.intro .pic img{width:100%;height:auto;display:block}
.intro h3{color:var(--ink);font-size:22px;font-weight:800;margin-bottom:14px;line-height:1.5}
.intro .hl-row{color:var(--orange);font-weight:800;font-size:18.5px;margin-bottom:14px;
  display:flex;flex-wrap:wrap;gap:18px}
.intro .hl-row span{display:inline-flex;align-items:center;gap:6px}
.intro p{color:var(--gray);font-size:15px;margin-bottom:12px;line-height:1.9}
.intro .doc-title{color:var(--orange);font-weight:800;font-size:17px;margin:16px 0 8px;
  padding-left:14px;border-left:5px solid var(--orange);line-height:1.3}
.intro .acts{margin-top:16px}

/* ---------- 安心承諾（內頁共用，沿用品牌 4 圈）---------- */
/* 安心承諾底圖：素材本身已預先淡化，直接用不加白遮罩。
   貸款內頁(small/document/credit)＝ser_bg 硬幣(設計稿02)；品牌頁＝06bg 手/桌(設計稿07) */
.assure-band{position:relative;padding:72px 0;
  box-shadow:inset 0 16px 22px -14px rgba(0,0,0,.18);
  background:#fff url('/assets/img/small/ser_bg.jpg') center/cover no-repeat}
.assure-band.is-brand{background-image:url('/assets/img/brand/06bg.jpg')}
.assure-lead{text-align:center;color:var(--ink);font-size:18px;font-weight:700;margin-bottom:38px}
/* 4 大圈：設計稿(00-hp 品牌最佳優勢 / 02·07 安心承諾)圈大、幾乎相連、標題大。
   用 .point-band 涵蓋首頁品牌優勢＋內頁安心承諾＋品牌頁生活急用，全站統一 */
.point-band .point-grid{max-width:1620px;margin-left:auto;margin-right:auto;gap:24px}
.point-band .point-card .ic{width:min(100%,390px);padding:0 36px}
.point-band .point-card .ic .ic-img{width:78px;height:78px;margin-bottom:16px}
.point-band .point-card .ic h4{font-size:24px;margin-bottom:12px}
.point-band .point-card .ic p{font-size:15px;line-height:1.75}

/* ---------- 品牌優勢 5 大承諾（雙欄交錯，設計稿 07）---------- */
.adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 56px;margin-top:10px;max-width:1500px;margin-left:auto;margin-right:auto}
.adv-card{display:flex;gap:26px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);
  overflow:hidden;border:1px solid #f3f3f3;transition:.25s;min-height:310px}
.adv-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.adv-card .img{width:300px;flex-shrink:0;overflow:hidden}
.adv-card .img img{width:100%;height:100%;object-fit:cover;min-height:180px}
.adv-card .txt{padding:30px 30px 30px 0;position:relative;flex:1}
.adv-card .no{position:absolute;top:16px;right:24px;font-size:60px;font-weight:900;font-style:italic;
  color:#f5a623;line-height:1}
.adv-card h4{color:var(--orange);font-size:22px;font-weight:800;margin-bottom:12px;padding-right:50px}
.adv-card p{font-size:16px;color:var(--gray);line-height:1.95}

/* ---------- 品牌優勢 5 大承諾：放射排列（設計稿 07-品牌優勢-3）---------- */
.adv-section{padding:46px 0 60px;
  background:radial-gradient(ellipse 34% 53% at 50% 50%, #fffce0 0%, #fffce0 62%, #fffaf0 85%, #ffffff 100%);}
.adv-radial{display:grid;grid-template-columns:repeat(10,1fr);gap:26px 30px;
  max-width:1400px;margin:0 auto;align-items:center;
  grid-template-areas:
    "a1 a1 a1 a1 a1 a2 a2 a2 a2 a2"
    "a5 a5 a5 a5 cc cc a3 a3 a3 a3"
    ".  .  .  a4 a4 a4 a4 .  .  .";}
.adv-radial .a1{grid-area:a1}
.adv-radial .a2{grid-area:a2}
.adv-radial .a3{grid-area:a3}
.adv-radial .a4{grid-area:a4}
.adv-radial .a5{grid-area:a5}
.adv5-card{display:flex;background:#fff;border-radius:18px;overflow:hidden;
  border:1px solid #f6e6bd;box-shadow:0 12px 28px rgba(150,118,40,.10);min-height:218px;transition:.25s}
.adv5-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(150,118,40,.2)}
.adv5-card .img{width:47%;flex-shrink:0;overflow:hidden}
.adv5-card .img img{width:100%;height:100%;object-fit:cover;min-height:218px}
.adv5-card .tx{flex:1;padding:22px 26px;display:flex;flex-direction:column;justify-content:center}
.adv5-card .hd{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.adv5-card .no{font-size:46px;font-weight:900;font-style:italic;color:#f5a623;line-height:1;flex-shrink:0}
.adv5-card h4{color:var(--orange);font-size:20px;font-weight:800;line-height:1.3}
.adv5-card p{font-size:15px;color:var(--gray);line-height:1.85}
/* 中央標題塊靠上對齊（設計稿 07：硬幣靠近卡片頂、標題約卡片40%高處，而非整塊置中）*/
.adv5-center{grid-area:cc;align-self:start;text-align:center;padding:30px 0 0;overflow:visible}
.adv5-center .coin{width:58px;height:58px;margin:0 auto 12px;display:block}
.adv5-center .big{font-size:25px;font-weight:900;color:var(--ink);letter-spacing:.5px;line-height:1.3;white-space:nowrap}
.adv5-center .big .n{color:var(--orange);font-size:1.5em;padding:0 4px}
.adv5-center .sub{font-size:18px;font-weight:800;color:var(--ink);margin-top:8px}

/* ---------- 關於騰富 價值卡（bug15：外框卡 + 標題色塊）---------- */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px}
.value-card{text-align:center}
.value-card .vc-box{background:#fff;border:1px solid var(--orange-l);border-radius:14px;overflow:hidden;
  box-shadow:var(--shadow-sm);margin-bottom:16px}
.value-card .vc-box .thumb{height:200px;overflow:hidden}
.value-card .vc-box .thumb img{width:100%;height:100%;object-fit:cover}
.value-card .vc-box h4{color:var(--orange);font-size:22px;font-weight:800;padding:14px 10px;
  border-top:1px solid rgba(243,152,0,.28)}
.value-card p{color:var(--gray);font-size:16px;text-align:left;line-height:1.85}

/* ---------- 關於騰富 底部 CTA（左文 + 右滿版圖，設計稿 01）---------- */
/* 設計稿 01：服務卡與下方滿版圖交界處有柔陰影分隔（全寬可見，含左側白底）*/
/* 頂端細柔陰影分隔，與服務項目／安心承諾帶(.assure-band)同規格，避免原本 44px 漸層過粗 */
.about-cta{position:relative;background:#fff;overflow:hidden;
  box-shadow:inset 0 16px 22px -14px rgba(0,0,0,.18)}
.about-cta .aci{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:420px}
.about-cta .txt{padding:40px 0;position:relative;z-index:2}
.about-cta .txt p{color:var(--gray);font-size:16.5px;line-height:2;margin-bottom:14px}
.about-cta .txt h3{color:var(--ink);font-size:24px;font-weight:800;margin:22px 0 18px;line-height:1.5}
.about-cta .pic{position:absolute;top:0;right:0;bottom:0;width:50vw;max-width:960px;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%);
  mask-image:linear-gradient(90deg,transparent 0,#000 28%)}
/* 上方淡淡陰影，圖片自然融入（設計稿 01）*/
.about-cta .pic::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.16) 0,rgba(0,0,0,0) 20%)}

/* ---------- 第一次來騰富 3 提醒（process：左圖右文，設計稿 06）---------- */
.tips-band{position:relative;background:#fff;overflow:hidden;padding:64px 0}
.tips-band::before{content:"";position:absolute;left:0;top:0;bottom:0;width:52%;
  background:url('/assets/img/process/businessman-using-calculator.jpg') center/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 78%,transparent)}
.tips-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.tips-head{text-align:left;font-size:24px;font-weight:900;color:var(--ink);margin-bottom:24px}
.tip-list{list-style:none}
.tip-list li{display:flex;gap:14px;align-items:flex-start;padding:10px 0;font-size:17px;color:var(--gray);line-height:1.8}
.tip-list .no{flex-shrink:0;width:30px;height:30px;border-radius:7px;background:var(--orange);color:#fff;
  font-weight:900;display:flex;align-items:center;justify-content:center;margin-top:2px}
.tip-list .tx b{color:var(--ink)}
.tips-cta{text-align:left;margin-top:26px}
.tips-cta .lead{font-size:20px;font-weight:800;color:var(--ink);margin-bottom:14px}

/* ---------- 品牌頁：彈性支援勾選清單 + 結語（設計稿 07）---------- */
.check-list{list-style:none;max-width:760px;margin:0 auto 30px}
.check-list li{font-size:17px;color:var(--gray);line-height:1.9;padding:5px 0}
.check-list .ck{color:var(--orange);font-weight:900;margin-right:8px}
.check-list b{color:var(--orange)}
.brand-closing{text-align:center;margin-top:30px;color:var(--gray);font-size:16.5px;line-height:1.9}
.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1040px;margin:0 auto}
.tip-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:34px 26px;text-align:center}
.tip-card .no{width:54px;height:54px;border-radius:50%;background:var(--cream-2);color:var(--orange);
  font-size:24px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.tip-card h4{font-size:21px;font-weight:800;margin-bottom:10px}
.tip-card p{font-size:16px;color:var(--gray);line-height:1.8}

/* ============================================================
   頁尾（bug14：條列 + 人氣計數 + 備註）
   ============================================================ */
.footer{background:#f39801;color:#fff;padding:38px 0 0}
.footer .cols{display:grid;grid-template-columns:1.32fr 1fr;gap:46px}
.footer h3{font-size:21px;font-weight:900;margin-bottom:14px;letter-spacing:1px}
.footer h3 .h3-sub{font-size:14px;font-weight:700;letter-spacing:0}
.footer .info ul{list-style:none}
.footer .info li{font-size:16px;margin:9px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* footer LINE 鈕：設計稿用亮綠漸層 + 3D 立體底邊（與全站 .btn-line 一致）*/
.footer .info .ln-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#62da0d,#3fcc01);color:#fff;
  font-weight:800;border-radius:24px;padding:8px 20px;font-size:13px;margin-left:6px;box-shadow:0 4px 0 #2ca400,0 7px 11px rgba(62,203,0,.26)}
.footer .info .ln-btn img{width:22px}
.footer .counter{margin-top:14px;font-size:13.5px}
.footer .counter .row{display:flex;align-items:center;gap:8px;margin:8px 0}
.footer .counter .digits{display:inline-flex;gap:3px}
.footer .counter .digits img{width:22px;height:auto;display:inline-block}
.footer .secure{margin-top:14px;font-size:12.5px;opacity:.95;display:flex;align-items:center;gap:6px}
.footer .terms h4{font-size:16px;font-weight:800;margin-bottom:8px}
.footer .terms{font-size:12.5px;line-height:1.9;opacity:.97}
.footer .terms ol{padding-left:20px}
.footer .terms li{margin:4px 0}
.footer .bottom{margin-top:14px;padding:6px 0 30px;text-align:left;font-size:13px;opacity:.95}

/* ---------- 浮動側欄 ---------- */
.float-line{position:fixed;left:0;top:24%;transform:translateY(-50%);z-index:150;width:72px;height:62px;
  display:flex;align-items:center;justify-content:center;background:var(--line);border-radius:0 8px 8px 0;
  box-shadow:var(--shadow);transition:.2s}
.float-line img{width:48px;height:48px}
.float-line:hover{transform:translateY(-50%) scale(1.05)}
.float-side{position:fixed;right:42px;bottom:150px;z-index:150;display:flex;flex-direction:column;align-items:center;gap:18px}
.float-side a{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow);transition:.2s}
.float-side a img{width:28px;height:28px}
.float-side a:hover{transform:scale(1.08)}
.float-side .f-tel{display:none;background:var(--orange)}
.f-top{width:48px!important;height:72px!important;background:transparent;font-size:24px;color:#fff;border-radius:0!important;box-shadow:none!important}
.f-top img{width:48px!important;height:auto!important}

/* footer 聯絡資訊：設計稿用「・」項目符號（非 emoji）*/
.footer .info .dot{display:inline-block;width:14px;color:#fff;font-weight:900}
.footer .info .ln-line .ck{font-weight:900;margin-right:4px}
.footer .secure .tls-ic{width:18px;height:18px;vertical-align:-3px;margin-right:6px;display:inline-block}

/* 內頁服務重點：橘色勾選素材 */
.intro .hl-row span img.hl-ic{width:20px;height:20px;object-fit:contain}

/* ---------- 手機底部固定雙 CTA 列（mobile_0.jpg）---------- */
.mobile-cta{display:none}
.mobile-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  color:#fff;font-size:17px;font-weight:800;letter-spacing:.5px}
.mobile-cta a img{width:26px;height:26px}
.mc-line{background:var(--line)}
.mc-tel{background:var(--stat-num)}   /* 桃紅 #e7004e，呼應設計稿 */

/* ============================================================
   捲動進場動畫（IntersectionObserver；JS 自動標記）
   ============================================================ */
/* 區塊滾入時淡入並上滑 */
[data-reveal]{opacity:0;transform:translateY(36px);
  transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform}
[data-reveal].is-visible{opacity:1;transform:translateY(0)}
/* 多個子元素依序出現（stagger）*/
[data-reveal-stagger]>*{opacity:0;transform:translateY(36px);
  transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform}
[data-reveal-stagger].is-visible>*{opacity:1;transform:translateY(0)}
[data-reveal-stagger].is-visible>*:nth-child(1){transition-delay:0s}
[data-reveal-stagger].is-visible>*:nth-child(2){transition-delay:.12s}
[data-reveal-stagger].is-visible>*:nth-child(3){transition-delay:.24s}
[data-reveal-stagger].is-visible>*:nth-child(4){transition-delay:.36s}
[data-reveal-stagger].is-visible>*:nth-child(5){transition-delay:.48s}
[data-reveal-stagger].is-visible>*:nth-child(6){transition-delay:.6s}
[data-reveal-stagger].is-visible>*:nth-child(7){transition-delay:.72s}
[data-reveal-stagger].is-visible>*:nth-child(8){transition-delay:.84s}
[data-reveal-stagger].is-visible>*:nth-child(n+9){transition-delay:.96s}
@media (prefers-reduced-motion:reduce){
  [data-reveal],[data-reveal-stagger]>*{opacity:1;transform:none;transition:none}
}
/* 步驟箭頭不參與淡入動畫：淡入過程中各箭頭透明度不同，疊在底色上會看起來顏色深淺不一。
   永遠實心顯示，確保 4 個箭頭顏色完全一致(#facd89) */
[data-reveal-stagger]>.step-arrow{opacity:1!important;transform:none!important;transition:none!important}

/* ============================================================
   RWD
   ============================================================ */
@media(max-width:1180px){
  :root{--max:1100px}
  .menu a{padding:10px 10px;font-size:16px}
}
/* 平板以下改漢堡選單 + roll-in 面板 */
@media(max-width:1024px){
  .menu-toggle{display:block}
  /* 硬幣只在手機 / 平板 menu 展開時顯示於上方 */
  .menu-coin.show{display:block}
  .menu{position:absolute;top:100%;left:0;width:100%;
    display:grid;grid-template-columns:repeat(3,1fr);gap:0;
    background:linear-gradient(180deg,#ffe6a6,#fff4d6);
    box-shadow:0 12px 24px rgba(0,0,0,.14);
    max-height:0;overflow:hidden;transition:max-height .42s ease;z-index:190;padding:0 6px}
  .menu.open{max-height:520px;padding:22px 6px 18px}
  .menu>li{border:none}
  /* 手機/平板選單排序：依設計稿 mobile 版（三項貸款置前）*/
  .menu>li:nth-child(1){order:4} /* 關於騰富 */
  .menu>li:nth-child(2){order:1} /* 小額貸款 */
  .menu>li:nth-child(3){order:2} /* 證件貸款 */
  .menu>li:nth-child(4){order:3} /* 信用貸款 */
  .menu>li:nth-child(5){order:5} /* 成功案例 */
  .menu>li:nth-child(6){order:6} /* 申請步驟 */
  .menu>li:nth-child(7){order:7} /* 品牌優勢 */
  .menu>li:nth-child(8){order:8} /* 常見問答 */
  .menu a{flex-direction:row;justify-content:center;gap:6px;padding:16px 8px;
    font-size:18px;font-weight:700;color:var(--ink)}
  .menu a .en{display:none}
  .menu a .coin-hover{display:none}
  .point-grid,.value-grid{grid-template-columns:repeat(2,1fr)}
  .footer .cols{grid-template-columns:1fr}
}
@media(max-width:980px){
  .svc-grid,.round-grid,.stats .row{grid-template-columns:repeat(2,1fr)}
  .case-grid,.faq-grid,.adv-grid{grid-template-columns:1fr}
  /* 5 大承諾放射排列改單欄堆疊：中央標題置頂，再依序 1~5 */
  .adv-radial{grid-template-columns:1fr;gap:18px;
    grid-template-areas:"cc" "a1" "a2" "a3" "a4" "a5"}
  .adv5-center{padding:6px 0 10px}
  .faq-grid{gap:0;grid-template-rows:none;grid-auto-flow:row}
  .intro{grid-template-columns:1fr}
  .intro .pic{order:-1}
  .mission .inner{flex-direction:column;text-align:center}
  .mission .pic{width:240px}
  .tip-grid{grid-template-columns:1fr}
  /* 手機版 LINE 帶（設計稿 03）：標題→白卡置頂滿寬，手機插圖＋QR 在下方左右並排 */
  .line-band .inner{flex-wrap:wrap;justify-content:center;text-align:center;gap:14px 24px;padding:18px 20px}
  .line-band .lb-mid{order:-1;flex-basis:100%;gap:12px}
  .line-band .lb-title{justify-content:center;font-size:19px}
  .line-band .lb-illus{order:1;width:130px;align-self:flex-end}
  .line-band .qr{order:2;width:138px;height:138px}
  .step-row .img{width:260px}
  .faq-steps{grid-template-columns:repeat(3,1fr);gap:14px}
  .tips-inner{grid-template-columns:1fr}
  .tips-band::before{display:none}
  /* 關於底部 CTA：改為上下堆疊，圖片回到正常區塊 */
  .about-cta{padding-top:0;margin-top:-26px;box-shadow:none}  /* 與上方服務卡間距縮短（設計稿 06）；手機版不需交界陰影 */
  .about-cta .aci{grid-template-columns:1fr;min-height:0}
  .about-cta .txt{text-align:center;padding:2px 0 22px}
  .about-cta .txt p{text-align:left}
  .about-cta .pic{position:relative;width:100%;height:260px;border-radius:14px}
}
@media(max-width:760px){
  body{font-size:16px}
  .sec-head h2{font-size:26px}
  .sec-head p{font-size:16px}
  .stats .num{font-size:34px}
  .stats .lbl{font-size:16px}
  .step-row{flex-direction:column}
  .step-row .img{width:100%;height:200px}
  .step-row .txt{padding:0 24px 22px;text-align:center}
  .promo-card{flex-direction:column;text-align:center;padding:22px 24px;min-height:0}
  .promo-card .pic{width:180px}
  .promo-list li{text-align:left}
  .point-card .ic{width:min(100%,260px)}
  .point-card .ic .ic-img{width:60px;height:60px}
  .adv-card{flex-direction:column}
  .adv-card,.case-card{min-height:0}
  /* 5 大承諾卡手機改上圖下文堆疊，避免左圖右文文字欄過窄、標題被大數字擠壓斷行 */
  .adv5-card{flex-direction:column;min-height:0}
  .adv5-card .img{width:100%;height:190px}
  .adv5-card .img img{min-height:0;height:100%}
  .adv5-card .tx{padding:20px 22px}
  .adv-card .img{width:100%;height:180px}
  .adv-card .txt{padding:20px 22px}
  .mission h2{font-size:23px}
  .footer h3{font-size:22px}
  /* 手機底部固定雙 CTA 列：顯示，並預留版面底部空間 */
  body{padding-bottom:60px}
  .mobile-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:160;height:60px;
    box-shadow:0 -3px 12px rgba(0,0,0,.18)}
  .float-line{display:none} /* 底部列已含 LINE，避免重複 */
  .float-side{bottom:74px;right:12px;gap:8px}
  .float-side .f-tel{display:none} /* 底部列已含電話，避免重複 */
  .float-side a{width:46px;height:46px}
  /* 手機：TOP 鈕維持原圖比例、勿縮太小（設計稿 04）*/
  .f-top{width:56px!important;height:84px!important}
  .f-top img{width:56px!important}
  /* 手機：借款流程弧圖與「請專員幫我試算」按鈕之間勿留空隙（設計稿 04）*/
  .bg-cream .process-arc{margin-bottom:-6px}
  .process-cta{margin-top:6px}
}
@media(max-width:560px){
  /* 手機選單維持 3 欄（貼近設計稿 mobile 版），縮小字級與間距 */
  .nav{min-height:82px}
  .brand .logo{font-size:40px;letter-spacing:1px}
  .brand .tag{font-size:14px}
  .menu-toggle img{width:44px;height:44px}
  .menu.open{padding:18px 4px 16px}
  .menu a{padding:14px 4px;font-size:22px;letter-spacing:0}
  .svc-grid,.round-grid,.stats .row,.value-grid{grid-template-columns:1fr}
  .point-grid{grid-template-columns:1fr}
  .point-band .point-card .ic{width:min(100%,260px)}
  .point-band .point-card .ic .ic-img{width:60px;height:60px}
  .point-band .point-card .ic h4{font-size:19px}
  .point-band .point-card .ic p{font-size:13px}
  .round-item .ph{width:150px;height:150px}
  .faq-steps{grid-template-columns:repeat(2,1fr)}
  /* 手機 LINE 帶：插圖與 QR 並排略縮，避免擠出邊界（設計稿 03）*/
  .line-band .lb-illus{width:120px}
  .line-band .qr{width:128px;height:128px}
  .brand .logo{font-size:40px}
  .sec-head h2{font-size:23px}
}
@media(max-width:360px){
  .menu{grid-template-columns:repeat(2,1fr)}
  .menu a{font-size:16px}
}