/* 知識庫商品頁信任區（2026-10-19 Vivi 定稿）：首屏作者一行、買完三步驟、作者卡＋上課現場、退款＋常見問題、手機底部購買列。
   視覺正本：桌面 AI暫存/2026-10-19-作者區講台照提案、2026-10-19-知識庫商品頁提案 01/02。只作用在 .gav-bookb / .gav-codex 商品頁。 */
.gt-line{display:flex;align-items:center;gap:8px;margin:2px 0 18px;font:12px/1.4 -apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif;color:#4a4446}
.gt-line img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none;border:1px solid #e3ddd2}
.gt-line b{color:#181415;font-weight:600}
.gt-line span{min-width:0}

.gt-sec{padding:56px 22px 60px;text-align:left}
.gt-in{max-width:1080px;margin:0 auto}
.gt-sec h2{font-family:"Songti TC","Noto Serif TC",serif!important;font-size:28px!important;line-height:1.4!important;text-align:center;margin:0 0 26px!important;color:#181415!important;font-weight:700}
.gt-sub{text-align:center;font-size:14px;color:#8a8f99;margin:-18px 0 0!important}

/* 買完三步驟 */
.gt-steps-sec{background:#fff}
.gt-steps{list-style:none;margin:28px auto 0;padding:0;display:grid;gap:16px;max-width:1080px}
.gt-steps li{background:#f7f5f0;border-radius:18px;padding:16px;display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center}
.gt-shot{width:118px;height:150px;border-radius:12px;overflow:hidden;border:1px solid #e6e1d6;background:#fff}
.gt-shot img{width:100%;display:block}
.gt-no{font:600 30px/1 Georgia,serif;color:#c9a85c}
.gt-steps b{display:block;font:600 19px/1.4 "Songti TC","Noto Serif TC",serif;margin:8px 0 4px;color:#232321}
.gt-steps small{font-size:14px;color:#8a8f99}

/* 作者卡 */
.gt-author{background:#efebe3}
.gt-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(60,40,20,.08)}
.gt-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gt-body{padding:22px 22px 24px}
.gt-k{font-size:11px;letter-spacing:.32em;color:#6d7f6a;margin:0 0 4px!important}
.gt-n{font:26px/1.3 "Songti TC","Noto Serif TC",serif;margin:0 0 14px!important;color:#181415}
.gt-p{font-size:15px;line-height:1.75;color:#3a3436;margin:0!important;padding:11px 0;border-top:1px solid #efeae2}
.gt-p:first-of-type{color:#181415;font-weight:600}
.gt-more{display:inline-block;margin-top:12px;font-size:14px;color:#181415!important;border-bottom:1px solid #181415;text-decoration:none!important}

/* 上課現場 */
.gt-g{margin-top:30px}
.gt-gh{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.gt-gt{font:700 19px/1.4 "Songti TC","Noto Serif TC",serif;color:#181415;margin:0!important}
.gt-arr{display:none;gap:8px}
.gt-arr button{width:34px;height:34px;border-radius:50%;border:1px solid #cfc7b9;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#181415;background:#fff;cursor:pointer;padding:0}
.gt-clip{overflow-x:auto;overflow-y:hidden;margin-right:-22px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.gt-clip::-webkit-scrollbar{display:none}
.gt-row{display:flex;gap:10px;padding-right:22px}
.gt-t{margin:0;flex:0 0 136px;position:relative;scroll-snap-align:start}
.gt-ti{display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:#ddd;cursor:zoom-in}
.gt-ti img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gt-t figcaption{font-size:12.5px;color:#5c5557;margin-top:6px;line-height:1.4}

/* 點開放大（手機；桌機點了也一樣） */
.gt-lb{position:fixed;inset:0;background:rgb(14,12,12);z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gt-lb[hidden]{display:none}
.gt-lb img{width:100%;max-width:1100px;max-height:78vh;object-fit:contain;display:block}
.gt-lb .gt-x{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;line-height:1;border:0;cursor:pointer}
.gt-lb .gt-cap{color:#fff;font-size:15px;margin-top:16px;display:flex;gap:14px;align-items:center}
.gt-lb .gt-cap i{font-style:normal;color:rgba(255,255,255,.55);font-size:13px}
.gt-lb .gt-nb{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:18px;line-height:1;border:0;cursor:pointer;margin:0 10px}
html.gt-locked,html.gt-locked body{overflow:hidden}

/* 退款＋常見問題 */
.gt-faq{background:#fff}
.gt-faq .gt-in{max-width:760px}
.gt-faq h2{text-align:left}
.gt-faq h3{font:600 21px/1.4 "Songti TC","Noto Serif TC",serif;margin:30px 0 10px!important;color:#181415}
.gt-rf{margin:0;padding:0;list-style:none}
.gt-rf li{font-size:15px;line-height:1.7;color:#3a3a36;padding:10px 0;border-top:1px solid #efebe3}
.gt-rf li b{color:#232321}
.gt-q{border-top:1px solid #efebe3;padding:15px 0}
.gt-q summary{display:flex;justify-content:space-between;font-size:16px;font-weight:600;color:#232321;cursor:pointer;list-style:none}
.gt-q summary::-webkit-details-marker{display:none}
.gt-q summary::after{content:"＋";color:#8a7650}
.gt-q[open] summary::after{content:"－"}
.gt-q p{font-size:15px;line-height:1.7;color:#55554f;margin:8px 0 0!important}
.gt-terms{display:inline-block;margin-top:14px;font-size:14px;color:#232321!important;border-bottom:1px solid #232321;text-decoration:none!important}

/* 手機固定底部購買列 */
.gt-bar{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:rgba(250,248,243,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #e3ddd0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;transform:translateY(110%);transition:transform .3s ease}
.gt-bar.show{transform:none}
.gt-bar img{width:30px;height:44px;object-fit:cover;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.25);flex:none}
.gt-bar a{flex:1;text-align:center;font-size:15px;font-weight:600;border-radius:3px;padding:12px 4px;text-decoration:none!important;white-space:nowrap;line-height:1.3}
.gt-bar .gt-one{background:#20231f;color:#fff!important}
.gt-bar .gt-two{border:1px solid #20231f;color:#20231f!important;background:#fff}
body.gt-has-bar{padding-bottom:72px}

@media (min-width:900px){
  .gt-line{font-size:13px}
  .gt-sec{padding:96px 40px 80px}
  .gt-sec h2{font-size:34px!important;margin-bottom:40px!important}
  .gt-sub{margin-top:-30px!important}
  .gt-steps{grid-template-columns:repeat(3,1fr);gap:24px}
  .gt-steps li{grid-template-columns:1fr;text-align:center;padding:22px}
  .gt-shot{width:100%;height:300px}
  .gt-card{display:grid;grid-template-columns:1.15fr 1fr;border-radius:16px}
  .gt-photo img{height:100%}
  .gt-body{padding:40px 44px;display:flex;flex-direction:column;justify-content:center}
  .gt-n{font-size:32px}
  .gt-p{font-size:16px}
  .gt-g{margin-top:40px}
  .gt-arr{display:flex}
  /* room above the row for the hover enlargement */
  .gt-clip{margin-right:0;overflow:hidden;padding-top:300px;margin-top:-300px;padding-bottom:4px;scroll-behavior:smooth}
  .gt-clip{pointer-events:none}.gt-t{pointer-events:auto}
  .gt-row{gap:14px;padding-right:0}
  .gt-t{flex:0 0 calc((100% - 14px*4)/5.4)}
  .gt-t.hov{z-index:20}
  .gt-pop{position:absolute;left:50%;bottom:-8px;width:460px;transform:translateX(-50%);background:#fff;border-radius:14px;padding:6px 6px 0;box-shadow:0 24px 60px rgba(30,20,10,.35);z-index:25;pointer-events:none}
  .gt-t:first-child .gt-pop{left:0;transform:none}
  .gt-t:last-child .gt-pop{left:auto;right:0;transform:none}
  .gt-pop img{display:block;width:100%;border-radius:10px}
  .gt-pop div{font-size:14px;color:#181415;padding:10px 6px 12px;min-height:16px}
  .gt-bar{display:none!important}
  body.gt-has-bar{padding-bottom:0}
}
@media (prefers-reduced-motion:reduce){.gt-bar{transition:none}}