/* ============================================================
   KLAS 免費指南庫 — klas-guides.css v1.0.0
   由 mu-plugin klas-guides.php enqueue（archive + single）
   部署位置：public_html/wp-content/themes/klas-child-theme/klas-guides.css
   規則：白底扁平、#0057FF 小面積、正文 ≥16px、section 標題 18px、
        左右 40px、top==bottom padding、標題無標點
   ============================================================ */

:root{
  --kg-blue:#0057FF;--kg-blue-h:#0046CC;--kg-blue-l:#EEF3FF;
  --kg-t1:#111318;--kg-t2:#4A5160;--kg-t3:#6B7178;
  --kg-border:#E4E6EA;--kg-bg:#F4F5F7;--kg-surface:#fff;
  --kg-fd:'Montserrat','Noto Sans TC','PingFang TC',sans-serif;
  --kg-fb:'Outfit','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;
  --kg-shadow:0 1px 3px rgba(16,19,24,.05),0 6px 18px rgba(16,19,24,.05);
}
[data-theme="dark"]{
  --kg-t1:#F4F6FA;--kg-t2:#C2C8D4;--kg-t3:#9098A8;
  --kg-border:rgba(255,255,255,.14);--kg-surface:#14161D;--kg-bg:#0A0B0F;
  --kg-blue:#6AA8FF;--kg-blue-h:#8CBAFF;--kg-blue-l:rgba(106,168,255,.14);
}

.kg,.kg *,.kg *::before,.kg *::after{box-sizing:border-box;margin:0;padding:0}
body.klas-guides-page,body.klas-guide-page{font-family:var(--kg-fb);background:var(--kg-bg);color:var(--kg-t1);-webkit-font-smoothing:antialiased}
.kg a{text-decoration:none;color:inherit}
.kg svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kg a:focus-visible,.kg button:focus-visible{outline:2px solid var(--kg-blue);outline-offset:2px;border-radius:6px}
html:has(#wpadminbar){margin-top:0!important}
body:has(#wpadminbar).klas-has-header{padding-top:96px!important}
body:has(#wpadminbar) .klas-header{top:32px!important}
.woocommerce-store-notice,.demo_store{display:none!important}

.kg{background:var(--kg-bg);min-height:80vh}
.kg-in{max-width:1160px;margin:0 auto;padding:56px 40px}
.kg-in-narrow{max-width:860px}

/* ── hero：影片 banner（獨立區域，唔包 filter/sorting tags）── */
.kg-hero-vid{position:relative;overflow:hidden;border-radius:20px;margin-bottom:40px;min-height:280px;display:flex;align-items:center;background:#0A0B0F}
.kg-hero-vid-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kg-hero-vid-scrim{position:absolute;inset:0;background:linear-gradient(115deg,rgba(8,10,14,.72) 0%,rgba(8,10,14,.48) 45%,rgba(8,10,14,.30) 100%)}
.kg-hero-vid-in{position:relative;z-index:1;padding:48px 44px;max-width:640px}
.kg-hero-vid-in .kg-h1{color:#fff}
.kg-hero-vid-in .kg-hero-sub{color:rgba(255,255,255,.88)}
@media (max-width:600px){.kg-hero-vid{min-height:0}.kg-hero-vid-in{padding:32px 24px}}
.kg-h1{font-family:var(--kg-fd);font-weight:900;font-size:clamp(28px,4vw,40px);letter-spacing:-.8px;color:var(--kg-t1)}
.kg-hero-sub{font-size:16px;line-height:1.7;color:var(--kg-t2);margin-top:10px;max-width:560px}

/* ── 雙軸 filter（獨立喺影片 banner 之外）── */
.kg-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:24px}
.kg-filter-lbl{font-size:13px;font-weight:600;color:var(--kg-t3);margin-right:4px;flex:0 0 auto}
.kg-filter-total{margin-left:auto;font-size:14px;color:var(--kg-t3);white-space:nowrap;padding-left:12px}
.kg-filter-total b{color:var(--kg-t1);font-weight:700}
.kg-chip{font-family:var(--kg-fb);font-size:13px;font-weight:600;padding:5px 13px;border-radius:999px;border:1px solid var(--kg-border);background:var(--kg-surface);color:var(--kg-t2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.kg-chip:hover{border-color:var(--kg-blue);color:var(--kg-blue)}
.kg-chip.active{background:var(--kg-blue-l);color:var(--kg-blue);border-color:transparent}

/* ── grid + 卡 ── */
.kg-count{font-size:14px;color:var(--kg-t3);margin:18px 0 14px}
.kg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.nb{white-space:nowrap}
.kg-card{display:flex;flex-direction:column;gap:10px;background:var(--kg-surface);border:1px solid var(--kg-border);border-radius:16px;padding:24px 26px;min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s}
.kg-card:hover{border-color:var(--kg-blue);box-shadow:var(--kg-shadow);transform:translateY(-2px)}
.kg-card-chips{display:flex;gap:6px;flex-wrap:wrap}
.kg-tag{font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 10px;border-radius:999px;white-space:nowrap}
.kg-tag.topic{background:var(--kg-blue-l);color:var(--kg-blue)}
.kg-tag.tool{background:var(--kg-bg);color:var(--kg-t3);border:1px solid var(--kg-border)}
/* 工具 logo badge（取代文字 tag，一睇就知邊隻 AI 工具）：修圓角、幼邊界定輪廓；一篇最多 4 個並排 */
.kg-tool-icos{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;min-width:0;overflow:hidden}
.kg-tool-ico{width:38px;height:38px;border-radius:11px;border:1px solid var(--kg-border);object-fit:cover;display:block;flex-shrink:0}
.kg-card-t{font-family:var(--kg-fb);font-size:16px;font-weight:700;line-height:1.5;color:var(--kg-t1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}
.kg-card:hover .kg-card-t{color:var(--kg-blue)}
.kg-card-ex{font-size:14px;line-height:1.6;color:var(--kg-t2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kg-card-go{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--kg-blue);margin-top:auto;white-space:nowrap;flex-shrink:0}
.kg-card-go svg{width:14px;height:14px}

/* ── 指南庫列表卡：editorial cover card（#kgGrid 專用，唔影響相關指南 .kg-rel）── */
#kgGrid{grid-template-columns:repeat(2,1fr);gap:18px;clear:both}
#kgGrid .kg-card{position:relative;gap:0;padding:0;overflow:hidden;isolation:isolate}
/* 封面區：淺灰面 + 主題水印 icon + kicker，silhouette 明顯區隔課程縮圖卡同 CTA 橫幅 */
#kgGrid .kg-card-cover{position:relative;height:150px;overflow:hidden;background:linear-gradient(150deg,#F6F7F8 0%,#EDEEF1 100%);border-bottom:1px solid var(--kg-border)}
/* 有精選圖片：object-fit cover，hover 微放大；scrim 保 kicker 可讀 */
#kgGrid .kg-card-cover.has-img{background:#EDEEF1}
#kgGrid .kg-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
#kgGrid .kg-card:hover .kg-card-img{transform:scale(1.06)}
#kgGrid .kg-card-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,10,14,.34) 0%,transparent 42%,transparent 100%)}
#kgGrid .kg-card-wm{position:absolute;right:-12px;bottom:-16px;color:var(--kg-t3);opacity:.30;transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .3s}
#kgGrid .kg-card-wm svg{width:104px;height:104px;stroke-width:1.5}
#kgGrid .kg-card:hover .kg-card-wm{transform:scale(1.06) rotate(-2deg);opacity:.4}
#kgGrid .kg-card-kicker{position:absolute;top:14px;left:16px;display:inline-flex;align-items:center;gap:6px;font-family:var(--kg-fb);font-size:12px;font-weight:700;letter-spacing:.2px;color:var(--kg-t1);background:var(--kg-surface);border:1px solid var(--kg-border);padding:5px 11px;border-radius:999px}
#kgGrid .kg-card-kicker svg{width:13px;height:13px;color:var(--kg-blue)}
#kgGrid .kg-card-lock{position:absolute;top:14px;right:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--kg-t3);background:var(--kg-surface);border:1px solid var(--kg-border);border-radius:8px}
#kgGrid .kg-card-lock svg{width:14px;height:14px}
/* body */
#kgGrid .kg-card-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1;min-width:0}
#kgGrid .kg-card-no{font-family:var(--kg-fb);font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--kg-t3);margin-bottom:-4px}
/* 單篇：編號 chip（同 tag 一排）*/
.kg-no{display:inline-flex;align-items:center;font-family:var(--kg-fb);font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--kg-blue);background:var(--kg-blue-l);padding:3px 10px;border-radius:999px}
/* 標題固定佔滿 2 行位（唔理實際幾多行），細字先至喺標題落面開始，唔會被侵佔 */
#kgGrid .kg-card-t{font-size:17px;line-height:1.5;min-height:3em;-webkit-line-clamp:2}
/* 細字最多 2 行，下面留白加倍（獨立 margin，唔靠 parent gap）*/
#kgGrid .kg-card-ex{font-size:15px;line-height:1.5;min-height:3em;-webkit-line-clamp:2;margin-bottom:10px}
#kgGrid .kg-card-foot{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px}
#kgGrid .kg-card-foot .kg-tag.tool{font-size:12px}
#kgGrid .kg-card-go{margin-top:0}
/* soft-blue spotlight halo（KLAS 簽名互動；小面積光暈非填充，符合藍色規則）*/
#kgGrid .kg-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;transition:opacity .25s;background:radial-gradient(220px circle at var(--mx,50%) var(--my,0%),rgba(0,87,255,.10),transparent 66%)}
#kgGrid .kg-card:hover::after{opacity:1}
/* hover lift */
#kgGrid .kg-card:hover{border-color:var(--kg-blue);box-shadow:0 10px 30px rgba(0,87,255,.12),0 3px 10px rgba(16,19,24,.06);transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){#kgGrid .kg-card:hover{transform:none}#kgGrid .kg-card:hover .kg-card-wm{transform:none}}
@media (max-width:900px){#kgGrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){#kgGrid{grid-template-columns:1fr}}
/* ── 分頁（client-side，每頁 12）── */
.kg-pager{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px;flex-wrap:wrap}
.kg-pager:empty{display:none}
.kg-pgbtn{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;font-family:var(--kg-fb);font-size:14px;font-weight:600;color:var(--kg-t2);background:none;border:1px solid var(--kg-border);border-radius:9px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.kg-pgbtn:hover:not([disabled]):not(.current){border-color:var(--kg-blue);color:var(--kg-blue)}
.kg-pgbtn.current{color:var(--kg-blue);border-color:var(--kg-blue);background:var(--kg-blue-l);cursor:default}
.kg-pgbtn[disabled]{opacity:.4;cursor:default}
.kg-pgbtn svg{width:16px;height:16px}
/* dark mode */
[data-theme="dark"] #kgGrid .kg-card-cover{background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
[data-theme="dark"] #kgGrid .kg-card-wm{color:#fff;opacity:.12}
[data-theme="dark"] #kgGrid .kg-card:hover .kg-card-wm{opacity:.18}
[data-theme="dark"] #kgGrid .kg-card::after{background:radial-gradient(220px circle at var(--mx,50%) var(--my,0%),rgba(106,168,255,.14),transparent 66%)}
[data-theme="dark"] #kgGrid .kg-card:hover{box-shadow:0 10px 30px rgba(106,168,255,.10),0 3px 10px rgba(0,0,0,.3)}

/* ── 空狀態 ── */
.kg-empty{background:var(--kg-surface);border:1px dashed var(--kg-border);border-radius:16px;padding:48px 24px;text-align:center;color:var(--kg-t3);margin-top:8px}
.kg-empty svg{width:30px;height:30px;margin-bottom:12px;color:var(--kg-blue);opacity:.4}
.kg-empty p{font-size:16px;line-height:1.7;margin-bottom:16px}
.kg-empty p:last-child{margin-bottom:0}

/* ── 按鈕（每頁一個實心主藍 = 早鳥 CTA） ── */
.kg-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--kg-blue);color:#fff!important;font-size:16px;font-weight:700;padding:12px 26px;border-radius:999px;transition:background .2s,transform .15s;white-space:nowrap}
.kg-btn:hover{background:var(--kg-blue-h)}
.kg-btn:active{transform:scale(.98)}

/* ── 底部 CTA 卡 ── */
.kg-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--kg-surface);border:1px solid var(--kg-border);border-radius:16px;padding:28px 32px;margin-top:48px}
.kg-sec-t{font-family:var(--kg-fb);font-weight:400;font-size:18px;letter-spacing:-.2px;color:var(--kg-t1);margin-bottom:8px}
.kg-cta-txt p{font-size:16px;line-height:1.7;color:var(--kg-t2)}
@media (max-width:720px){.kg-cta{flex-direction:column;align-items:flex-start}}

/* ══ single 指南 ══ */
.kg-bc{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--kg-t3);flex-wrap:wrap;margin-bottom:24px}
.kg-bc a{display:inline-flex;align-items:center;gap:5px}
.kg-bc a:hover{color:var(--kg-blue)}
.kg-bc svg{width:14px;height:14px}
.kg-bc .sep{opacity:.6}
.kg-bc .cur{color:var(--kg-t1);font-weight:600;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.kg-article{background:var(--kg-surface);border:1px solid var(--kg-border);border-radius:16px;padding:48px 52px 52px}
@media (max-width:640px){.kg-article{padding:32px 24px 36px}}
.kg-title{font-family:var(--kg-fd);font-weight:800;font-size:clamp(24px,3.2vw,32px);line-height:1.4;letter-spacing:-.5px;color:var(--kg-t1);margin:14px 0 0}
.kg-lead{font-size:17px;line-height:1.75;color:var(--kg-t2);margin-top:12px}
.kg-content{font-size:16px;line-height:1.9;color:var(--kg-t2);margin-top:36px}
.kg-content p{margin-bottom:22px}
/* ① 開場 standfirst：第一段做主 hook，大、近黑、稍重 */
.kg-content > p:first-of-type{font-size:19px;line-height:1.8;color:var(--kg-t1);font-weight:500;margin-bottom:34px}
.kg-content > p:first-of-type strong{font-weight:700}
/* 開場 open-loop 句（原「先說：」句）：藍色 */
.kg-content p.kg-open strong{color:var(--kg-blue)}
/* ② 步驟／小節標題：display 字體 + 頂部分隔線 + 藍 accent bar，清楚分段可掃 */
.kg-content h2,.kg-content h3{font-family:var(--kg-fd);font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--kg-t1);margin:56px 0 22px;padding:2px 0 2px 16px;position:relative}
.kg-content h2:first-child,.kg-content h3:first-child{margin-top:8px}
.kg-content h2::before,.kg-content h3::before{content:"";position:absolute;top:2px;bottom:2px;left:0;width:3px;border-radius:2px;background:var(--kg-blue)}
/* 步驟標題：圓形數字徽章取代直條，讓「操作步驟」同「一般小節」一眼分得出 */
.kg-content h3.kg-step{display:flex;align-items:center;gap:12px;padding-left:0}
.kg-content h3.kg-step::before{display:none}
.kg-step-n{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--kg-blue);color:#fff;font-family:var(--kg-fb);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}
.kg-content ul,.kg-content ol{padding-left:22px;margin-bottom:18px}
.kg-content li{margin-bottom:8px}
.kg-content a{color:var(--kg-blue);font-weight:600}
.kg-content img{max-width:100%;height:auto;border-radius:12px;margin:8px 0}
/* ── 內文配圖區（想插圖就用呢個 figure 包住，同純文字段落分開，有 caption 位）── */
.kg-figure{margin:40px 0;padding:16px;background:#fff;border:1px solid var(--kg-border);border-radius:14px;text-align:center}
.kg-figure img{width:100%;max-width:100%;height:auto;border-radius:10px;margin:0 auto;display:block}
.kg-content strong{color:var(--kg-t1);font-weight:700}
/* ③ 重點 callout：新內容用 <blockquote> 放金句／重點，做次層主角 */
.kg-content blockquote{margin:40px 0;padding:20px 24px;border-left:3px solid var(--kg-blue);background:var(--kg-blue-l);border-radius:0 10px 10px 0;font-size:17px;line-height:1.8;color:var(--kg-t1);font-weight:500}
.kg-content blockquote p{margin:0}
/* ④ 結尾 CTA：最後一段做轉化 callout，清楚同正文分開 */
.kg-content > p:last-child{margin-top:48px;margin-bottom:0;padding:24px 26px;background:var(--kg-blue-l);border-radius:12px;font-size:16px;line-height:1.8;color:var(--kg-t1)}
.kg-content > p:last-child strong{color:var(--kg-blue)}

/* ── 步驟路線圖（JS 由 h3.kg-step 自動生成；垂直時間線：藍點編號＋左側直線貫穿）── */
.kg-path{margin:40px 0 8px;padding:26px 28px;background:var(--kg-bg);border:1px solid var(--kg-border);border-radius:14px}
.kg-path-t{font-size:13px;font-weight:700;color:var(--kg-t3);letter-spacing:.4px;margin-bottom:18px}
.kg-path-list{list-style:none;margin:0;padding:0}
.kg-path-item{position:relative;padding-left:38px;padding-bottom:18px;font-size:15px;font-weight:600;line-height:1.6;color:var(--kg-t1)}
.kg-path-item:last-child{padding-bottom:0}
.kg-path-n{position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--kg-blue);color:#fff;font-family:var(--kg-fb);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.kg-path-item:not(:last-child)::after{content:"";position:absolute;left:10px;top:28px;bottom:2px;width:2px;border-radius:1px;background:#C7D7FF}
[data-theme="dark"] .kg-path-item:not(:last-child)::after{background:rgba(106,168,255,.35)}
@media (max-width:640px){
  .kg-path{padding:20px 18px}
}

/* ── prompt 區塊 + 複製按鈕 ── */
.kg-prompt{position:relative;margin:26px 0 28px}
.kg-content > pre{margin:26px 0 28px}
.kg-content pre{background:var(--kg-bg);border:1px solid var(--kg-border);border-left:3px solid var(--kg-blue);border-radius:4px 12px 12px 4px;padding:18px 20px;padding-right:56px;font-size:15px;line-height:1.75;white-space:pre-wrap;word-break:break-word;color:var(--kg-t1);font-family:var(--kg-fb)}
.kg-copy{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--kg-blue);background:var(--kg-blue-l);border:0;border-radius:9px;padding:0;cursor:pointer;transition:background .15s,color .15s}
.kg-copy svg{width:15px;height:15px;pointer-events:none}
.kg-copy:hover{background:#DCE7FF}
.kg-copy.ok{background:var(--kg-blue);color:#fff}

/* ── 公式四色標記（角色/任務/背景/格式，帶灰色調的紅黃藍綠）── */
.kg-hl-red,.kg-hl-yellow,.kg-hl-blue,.kg-hl-green{padding:1px 7px;border-radius:5px;font-weight:600}
.kg-hl-red{color:#A8434B;background:rgba(168,67,75,.10)}
.kg-hl-yellow{color:#94781E;background:rgba(148,120,30,.13)}
.kg-hl-blue{color:#3E6FA8;background:rgba(62,111,168,.10)}
.kg-hl-green{color:#3F8F63;background:rgba(63,143,99,.10)}
[data-theme="dark"] .kg-hl-red{color:#E3969D;background:rgba(227,150,157,.14)}
[data-theme="dark"] .kg-hl-yellow{color:#E0C067;background:rgba(224,192,103,.14)}
[data-theme="dark"] .kg-hl-blue{color:#8FB4E0;background:rgba(143,180,224,.14)}
[data-theme="dark"] .kg-hl-green{color:#8FD1AC;background:rgba(143,209,172,.14)}

/* ── 相關指南 + 返回 ── */
/* ── 相關教學：淺灰面板＋緊湊列表（刻意唔用白卡，避免同上面 CTA／導覽撞樣）── */
.kg-further{margin-top:64px;background:var(--kg-bg);border-radius:18px;padding:10px}
.kg-further-hd{padding:14px 18px 8px;font-family:var(--kg-fd);font-size:16px;font-weight:800;color:var(--kg-t1)}
.kg-further-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;text-decoration:none;transition:background .15s}
.kg-further-row:hover{background:var(--kg-surface)}
.kg-further-row+.kg-further-row{margin-top:2px}
.kg-further-n{flex-shrink:0;padding:5px 9px;border-radius:999px;background:var(--kg-blue-l);color:var(--kg-blue);font-family:var(--kg-fb);font-size:12px;font-weight:800;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.kg-further-body{flex:1;min-width:0}
.kg-further-t{font-size:15px;font-weight:700;color:var(--kg-t1);line-height:1.4;transition:color .15s}
.kg-further-row:hover .kg-further-t{color:var(--kg-blue)}
.kg-further-x{font-size:13px;color:var(--kg-t3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kg-further-go{flex-shrink:0;width:16px;height:16px;color:var(--kg-t3);transition:transform .15s,color .15s}
.kg-further-row:hover .kg-further-go{color:var(--kg-blue);transform:translateX(3px)}
@media (max-width:480px){.kg-further-x{display:none}}
.kg-back{display:inline-flex;align-items:center;gap:6px;margin-top:32px;font-size:15px;font-weight:600;color:var(--kg-t2)!important}
.kg-back:hover{color:var(--kg-blue)!important}
.kg-back svg{width:15px;height:15px}

/* ── 上一篇／下一篇導覽 ── */
.kg-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
.kg-adj{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--kg-surface);border:1px solid var(--kg-border);border-radius:12px;transition:border-color .18s,box-shadow .18s,transform .18s;min-width:0}
.kg-adj:hover{border-color:var(--kg-blue);box-shadow:var(--kg-shadow);transform:translateY(-2px)}
.kg-adj svg{width:20px;height:20px;flex-shrink:0;color:var(--kg-blue)}
.kg-adj-next{justify-content:flex-end;text-align:right}
.kg-adj-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.kg-adj-lbl{font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--kg-t3)}
.kg-adj-t{font-size:15px;font-weight:600;color:var(--kg-t1);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.kg-adj:hover .kg-adj-t{color:var(--kg-blue)}
@media (max-width:600px){.kg-adjacent{grid-template-columns:1fr}.kg-adj-next{justify-content:flex-start;text-align:left}}

/* ── 響應式 ── */
@media (max-width:820px){
  .kg-grid{grid-template-columns:1fr}
  .kg-card-t{min-height:0}
}
/* 內文左右邊距喺 768px 收窄，同 header／footer 一致（forum.css 亦係 768px）。
   之前係 640px，令 640-768px 之間 logo 停喺 20px 但標題仲喺 40px，差一截 */
@media (max-width:768px){
  .kg-in{padding:40px 20px}
}
@media (max-width:640px){
  .kg-article{padding:26px 22px}
  .kg-bc .cur{max-width:180px}
}
@media (prefers-reduced-motion:reduce){
  .kg *{transition:none!important}
}

/* ══ 訪客鎖定 + FREEBIE dialog · v1.1.0 ══ */
.kg-card.kg-locked{cursor:pointer}
.kg-go-lock{color:var(--kg-t3)}
.kg-go-lock svg{width:13px;height:13px}
.kg-card.kg-locked:hover .kg-go-lock{color:var(--kg-blue)}

.kg-dialog{position:fixed;inset:0;z-index:2000;background:rgba(10,11,15,.5);display:flex;align-items:center;justify-content:center;padding:20px}
.kg-dialog-box{background:var(--kg-surface);border-radius:20px;padding:36px 32px;max-width:420px;width:100%;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.25)}
.kg-dialog-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--kg-blue-l);color:var(--kg-blue);margin-bottom:14px}
.kg-dialog-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kg-dialog-t{font-family:var(--kg-fb);font-size:18px;font-weight:700;color:var(--kg-t1);margin-bottom:10px}
.kg-dialog-p{font-size:15px;line-height:1.7;color:var(--kg-t2);margin-bottom:20px}
.kg-dialog .kg-btn{width:100%}
.kg-dialog-login{display:block;margin-top:14px;font-size:14px;font-weight:600;color:var(--kg-t3)!important;text-decoration:none!important}
.kg-dialog-login:hover{color:var(--kg-blue)!important}