/* =========================================================
   101 企業顧問 —— 網站改版共用樣式
   色調參考官網 www.101business.com.hk（光亮青藍）
   所有頁面共用呢一個檔，唔用 inline style（配合 WordPress）
   ========================================================= */

:root{
  /* --- 色板：抽自官網 --- */
  --bg:#F6FAFB;          /* 頁面底色：清爽淺青白 */
  --card:#FFFFFF;        /* 卡片白 */
  --ink:#182226;         /* 主要文字（深青黑） */
  --ink-soft:#4B5A5E;    /* 次要文字 */
  --ink-faint:#8A9699;   /* 淡文字 */
  --brand:#109FB1;       /* 主品牌青藍 */
  --brand-light:#51C9D6; /* 亮青（logo 色） */
  --brand-pale:#9FDDE5;  /* 淺青 */
  --brand-dark:#1B4347;  /* 深青（標題/頁尾） */
  --brand-wash:#EAF6F8;  /* 極淺青底 */
  --wa:#25D366;          /* WhatsApp 綠 */
  --wa-dark:#1EBE5A;
  --line:#E1E9EB;        /* 分隔線 */
  --line-soft:#EEF4F5;
  --muted-bg:#EDF1F2;    /* 已完結灰底 */
  --muted-ink:#9AA5A8;   /* 已完結灰字 */
  /* 標題／數字：Outfit（拉丁）+ PingFang TC 粗體（中文），有活力無襯線，掉走 serif */
  --font-serif:"Outfit","PingFang TC","Noto Sans TC","Microsoft JhengHei","Helvetica Neue",Arial,sans-serif;
  --font-display:"Outfit","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
  --font-sans:"PingFang TC","Noto Sans TC","Microsoft JhengHei","Helvetica Neue",Arial,sans-serif;
  --accent-2:#FF7A45;    /* 活力橙：強調重點、提升吸引力 */
  --grad-brand:linear-gradient(120deg,#0E97AA 0%,#3FBFD0 55%,#7BD8E4 100%);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-sans);
  color:var(--ink);
  background:var(--bg);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"tnum" 1;
}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 28px}

/* ---------- 頂部聯絡欄 ---------- */
.topbar{background:var(--brand-dark);color:#dff2f4;font-size:13px;letter-spacing:.02em}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;min-height:40px;padding-top:6px;padding-bottom:6px}
.topbar a{opacity:.92;transition:opacity .2s}
.topbar a:hover{opacity:1}
.topbar .tb-right{display:flex;gap:20px;flex-wrap:wrap}

/* ---------- 頁首導覽 ---------- */
header.site{position:sticky;top:0;z-index:50;background:rgba(246,250,251,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft)}
.header-in{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
/* 第 3 項：logo 同右邊選單保持距離，唔好太貼 */
.logo{display:flex;align-items:center;gap:10px;margin-right:28px}
.logo .badge{width:40px;height:40px;border-radius:50%;border:3px solid var(--brand-light);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.logo .badge span{font-family:var(--font-serif);font-weight:700;font-size:20px;color:var(--brand-light);line-height:1}
.logo .txt{display:flex;flex-direction:column;line-height:1.1}
.logo .num{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--brand);letter-spacing:.02em}
.logo .num b{color:var(--ink);font-weight:700;margin-left:4px}
.logo .en{font-size:9.5px;color:var(--ink-faint);letter-spacing:.16em;text-transform:uppercase}
/* 圖片版 logo（用官方 logo 檔，設定 width/height 防版面跳動 CLS） */
.logo img{height:46px;width:auto;display:block}
.foot-brand .logo img{height:42px}

/* 跳到主要內容（無障礙 + SEO 語意） */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--brand);color:#fff;padding:10px 16px;border-radius:0 0 8px 0;font-size:14px}
.skip-link:focus{left:0}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

nav.main>ul{display:flex;gap:2px}
nav.main>ul>li{position:relative}
nav.main>ul>li>a{display:flex;align-items:center;gap:5px;padding:10px 13px;font-size:15px;color:var(--ink);border-radius:6px;transition:color .2s,background .2s}
nav.main>ul>li>a:hover,nav.main>ul>li:hover>a{color:var(--brand);background:var(--brand-wash)}
nav.main>ul>li.has-drop>a::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;opacity:.6}
nav.main .drop{position:absolute;top:100%;left:0;min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px rgba(16,64,71,.12);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
nav.main li:hover .drop{opacity:1;visibility:visible;transform:translateY(0)}
nav.main .drop a{display:block;padding:9px 12px;font-size:14px;border-radius:6px;color:var(--ink-soft)}
nav.main .drop a:hover{color:var(--brand);background:var(--brand-wash)}
.cta-head{display:inline-flex;align-items:center;gap:7px;background:var(--brand);color:#fff;font-size:14px;padding:10px 18px;border-radius:6px;transition:background .2s;white-space:nowrap}
.cta-head:hover{background:var(--brand-dark)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:44px;height:40px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px}

/* ---------- 通用區塊 ---------- */
section.block{padding:80px 0}
.sec-head{max-width:660px;margin-bottom:46px}
.sec-head .kicker{font-size:13px;letter-spacing:.16em;color:var(--brand);text-transform:uppercase}
.sec-head h2{font-family:var(--font-serif);font-size:36px;font-weight:600;letter-spacing:-.01em;margin:12px 0 14px;color:var(--brand-dark)}
.sec-head p{color:var(--ink-soft);font-size:16px}
.page-head{background:linear-gradient(120deg,var(--brand-dark),var(--brand));color:#fff;padding:64px 0}
.page-head .kicker{color:var(--brand-pale);letter-spacing:.16em;font-size:13px;text-transform:uppercase}
.page-head h1{font-family:var(--font-serif);font-size:44px;font-weight:600;margin:12px 0 12px;letter-spacing:-.01em}
.page-head p{color:#d6eef1;font-size:16px;max-width:620px}
.crumb{font-size:13px;color:var(--ink-faint);margin-bottom:6px}
.crumb a:hover{color:var(--brand)}

/* ---------- 按鈕 ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;padding:13px 24px;border-radius:6px;transition:transform .2s,background .2s,border-color .2s;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-solid{background:var(--brand);color:#fff}
.btn-solid:hover{background:var(--brand-dark)}
.btn-ghost{border:1px solid var(--line);color:var(--ink);background:#fff}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:var(--wa-dark)}

/* ---------- 首屏 hero ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-top:80px;padding-bottom:80px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.16em;color:var(--brand);text-transform:uppercase}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--brand)}
.hero h1{font-family:var(--font-serif);font-size:56px;line-height:1.14;letter-spacing:-.01em;margin:18px 0 20px;font-weight:600;color:var(--brand-dark)}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero .lead{font-size:17px;color:var(--ink-soft);max-width:520px}
.hero .actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.hero .mark{text-align:right}
.hero .mark .ring{display:inline-flex;align-items:center;justify-content:center;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--brand-light),var(--brand));box-shadow:0 30px 60px rgba(16,159,177,.28)}
.hero .mark .big{font-family:var(--font-serif);font-size:96px;line-height:1;color:#fff;font-weight:700;letter-spacing:-.02em}
.hero .mark .cap{font-size:14px;color:var(--ink-faint);letter-spacing:.12em;margin-top:18px}

/* ---------- 信任數據條（SEM 著陸頁轉換：Hero 後即放 proof） ---------- */
.proof{background:var(--brand-dark);color:#fff}
.proof .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:34px 28px}
.proof .stat{text-align:center}
.proof .stat .n{font-family:var(--font-serif);font-size:34px;font-weight:700;color:#fff;line-height:1.1}
.proof .stat .n span{color:var(--brand-light)}
.proof .stat .l{font-size:13.5px;color:#bcd9dd;margin-top:6px;letter-spacing:.02em}

/* ---------- 使命 ---------- */
.mission{background:var(--card);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.mission .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.mission h2{font-family:var(--font-serif);font-size:38px;font-weight:600;line-height:1.28;color:var(--brand-dark)}
.mission h2 span{color:var(--brand)}
.mission p{color:var(--ink-soft);font-size:16px}
.mission p+p{margin-top:16px}

/* ---------- 四大服務 ---------- */
.services .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.svc{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:28px 24px;transition:transform .2s,border-color .2s,box-shadow .2s}
.svc:hover{transform:translateY(-3px);border-color:var(--brand-light);box-shadow:0 16px 34px rgba(16,159,177,.10)}
.svc .idx{font-family:var(--font-serif);font-size:13px;color:var(--brand-light);letter-spacing:.08em}
.svc h3{font-family:var(--font-serif);font-size:20px;font-weight:600;margin:12px 0 10px;color:var(--brand)}
.svc p{font-size:14.5px;color:var(--ink-soft);line-height:1.65}

/* ---------- 政府資助 ---------- */
.funding{background:var(--card);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.funding .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fund{border:1px solid var(--line);border-radius:10px;padding:26px 24px;display:flex;flex-direction:column;background:var(--bg);transition:transform .2s,border-color .2s}
.fund:hover{transform:translateY(-3px);border-color:var(--brand-light)}
.fund .tag{font-size:12px;color:var(--ink-faint);letter-spacing:.08em}
.fund h3{font-family:var(--font-serif);font-size:19px;font-weight:600;margin:10px 0 8px;color:var(--brand-dark)}
.fund .amt{font-family:var(--font-serif);font-size:26px;color:var(--brand);font-weight:700;margin-bottom:10px;letter-spacing:-.01em}
.fund p{font-size:14px;color:var(--ink-soft);line-height:1.6;margin-bottom:18px}
.fund .more{margin-top:auto;font-size:14px;color:var(--brand);display:inline-flex;align-items:center;gap:6px}
.fund .more::after{content:"→";transition:transform .2s}
.fund:hover .more::after{transform:translateX(3px)}

/* ---------- 最新資訊 ---------- */
.blog .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.post .cover{height:150px;background:linear-gradient(135deg,var(--brand),var(--brand-light))}
.post .cover.c2{background:linear-gradient(135deg,#3f8c98,var(--brand-pale))}
.post .cover.c3{background:linear-gradient(135deg,var(--brand-dark),var(--brand))}
.post .body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.post .cat{font-size:12px;color:var(--brand);letter-spacing:.08em}
.post h3{font-family:var(--font-serif);font-size:18px;font-weight:600;line-height:1.4;margin:10px 0 10px;color:var(--brand-dark)}
.post p{font-size:14px;color:var(--ink-soft);line-height:1.6;flex:1}

/* ---------- 合作夥伴 ---------- */
.partners{background:var(--card);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.partners .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pt{border:1px solid var(--line);border-radius:10px;padding:24px}
.pt .logo-badge{width:44px;height:44px;border-radius:8px;margin-bottom:14px;background:var(--brand-wash);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;color:var(--brand);font-size:16px}
.pt h3{font-size:16px;font-weight:600;color:var(--brand-dark)}
.pt p{font-size:13.5px;color:var(--ink-soft);margin-top:6px;line-height:1.6}

/* ---------- CTA 引流 ---------- */
.cta{background:var(--brand-dark);color:#fff}
.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta h2{font-family:var(--font-serif);font-size:32px;font-weight:600;letter-spacing:-.01em}
.cta p{color:#cfe6e9;font-size:15px;margin-top:10px;max-width:560px}

/* ---------- 內頁：資助/服務通用 ---------- */
.prose{max-width:820px}
.prose p{color:var(--ink-soft);font-size:16px;margin-bottom:16px}
.prose h3{font-family:var(--font-serif);font-size:24px;color:var(--brand-dark);margin:34px 0 14px}
.prose ul,.prose ol{margin:0 0 16px 22px;color:var(--ink-soft);font-size:15.5px;line-height:1.8}
.prose li{margin-bottom:6px}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose a{color:var(--brand);text-decoration:underline}
.doc-note{margin-top:26px;padding:14px 18px;background:var(--brand-wash);border-left:3px solid var(--brand);border-radius:0 8px 8px 0;font-size:13.5px;color:var(--ink-soft)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:12px}
.feature{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:26px 22px;text-align:center}
.feature .ic{width:52px;height:52px;border-radius:50%;background:var(--brand-wash);color:var(--brand);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:22px}
.feature h4{font-size:16px;color:var(--brand-dark);margin-bottom:8px}
.feature p{font-size:13.5px;color:var(--ink-soft);line-height:1.6}
.region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 40px;margin-top:10px}
.region{border-bottom:1px solid var(--line);padding-bottom:12px}
.region h4{color:var(--brand);font-size:15px;margin-bottom:4px}
.region p{font-size:14px;color:var(--ink-soft)}

/* ---------- 編號卡格（評審要素／可資助範圍／行業） ---------- */
.num-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.num-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px 22px;transition:transform .25s,border-color .25s,box-shadow .25s}
.num-card:hover{transform:translateY(-3px);border-color:var(--brand-light);box-shadow:0 16px 34px rgba(16,159,177,.10)}
.num-card .no{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--brand-wash);color:var(--brand);font-family:var(--font-display);font-weight:700;font-size:18px;margin-bottom:14px}
.num-card h4{font-size:16.5px;color:var(--brand-dark);margin-bottom:8px}
.num-card p{font-size:14px;color:var(--ink-soft);line-height:1.6}

/* ---------- 剔號清單（資助範圍／申請資格） ---------- */
.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 30px;margin-top:8px}
.check-list li{position:relative;padding-left:28px;color:var(--ink-soft);font-size:15px;line-height:1.6}
.check-list li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--brand);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/13px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/13px no-repeat}

/* ---------- 方案比較卡（成立公司／虛擬辦公室） ---------- */
.plan-grid{display:grid;gap:20px}
.plan-grid.c2{grid-template-columns:repeat(2,1fr)}
.plan-grid.c3{grid-template-columns:repeat(3,1fr)}
.plan-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px 26px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}
.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(16,64,71,.12)}
.plan-card.featured{border-color:var(--brand);box-shadow:0 18px 40px rgba(16,159,177,.16);position:relative}
.plan-card .badge-top{position:absolute;top:-11px;left:26px;background:var(--brand);color:#fff;font-size:12px;padding:3px 12px;border-radius:100px}
.plan-card .pname{font-family:var(--font-display);font-size:18px;color:var(--brand-dark);font-weight:700}
.plan-card .pprice{font-family:var(--font-display);font-size:34px;font-weight:800;color:var(--brand);margin:6px 0 4px;letter-spacing:-.01em}
.plan-card .pprice small{font-size:15px;font-weight:600;color:var(--ink-faint)}
.plan-card .flist{margin:18px 0 22px;display:flex;flex-direction:column;gap:11px}
.plan-card .feat{display:flex;gap:10px;font-size:14px;color:var(--ink-soft);line-height:1.5}
.plan-card .feat::before{content:"";flex:0 0 18px;height:18px;margin-top:1px;background:var(--brand);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/16px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/16px no-repeat}
.plan-card .feat.no{color:var(--ink-faint)}
.plan-card .feat.no::before{background:var(--ink-faint);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.71 12 12l6.3 6.29-1.41 1.42L10.59 13.4 4.29 19.7 2.88 18.3 9.17 12 2.88 5.71 4.29 4.29 10.59 10.6l6.3-6.3z'/%3E%3C/svg%3E") center/14px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.71 12 12l6.3 6.29-1.41 1.42L10.59 13.4 4.29 19.7 2.88 18.3 9.17 12 2.88 5.71 4.29 4.29 10.59 10.6l6.3-6.3z'/%3E%3C/svg%3E") center/14px no-repeat}
.plan-card .btn{margin-top:auto;justify-content:center}

/* ---------- 流程步驟 ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px 22px}
.step .sn{font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--brand-light);line-height:1}
.step h4{font-size:16px;color:var(--brand-dark);margin:10px 0 6px}
.step p{font-size:13.5px;color:var(--ink-soft);line-height:1.6}

/* ---------- 兩欄對照（有限 vs 無限） ---------- */
.vs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.vs-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px 24px}
.vs-card h4{font-family:var(--font-display);font-size:18px;color:var(--brand-dark);margin-bottom:14px}
.vs-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14px}
.vs-card dt{color:var(--brand);font-weight:600;white-space:nowrap}
.vs-card dd{color:var(--ink-soft)}

/* ---------- Q&A 手風琴（原生 details，無 JS） ---------- */
.faq{max-width:860px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-size:16px;font-weight:600;color:var(--brand-dark);display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font-display);font-size:22px;color:var(--brand);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 22px 20px;color:var(--ink-soft);font-size:14.5px;line-height:1.7}

/* ---------- 套餐重點卡（秘書「一年秘書服務」） ---------- */
.pkg{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.pkg .price-side{background:var(--grad-brand);color:#fff;padding:38px 34px;display:flex;flex-direction:column;justify-content:center}
.pkg .price-side .tag{font-size:14px;letter-spacing:.04em;opacity:.9}
.pkg .price-side .amt{font-family:var(--font-display);font-weight:800;font-size:46px;line-height:1.1;margin:8px 0 4px}
.pkg .price-side .amt small{font-size:18px;font-weight:600}
.pkg .price-side .btn{margin-top:22px;align-self:flex-start;background:#fff;color:var(--brand-dark);font-weight:600}
.pkg .list-side{padding:34px}
.pkg .list-side h3{font-family:var(--font-display);font-size:20px;color:var(--brand-dark);margin-bottom:16px}
.pkg .list-side .check-list{grid-template-columns:1fr}

/* ---------- 比較表（企業貸款 第 10/11 項） ---------- */
.cmp-wrap{overflow-x:auto}
table.cmp{width:100%;border-collapse:collapse;min-width:720px;background:var(--card);border-radius:10px;overflow:hidden;border:1px solid var(--line)}
table.cmp th,table.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line-soft);font-size:14.5px}
table.cmp thead th{background:var(--brand);color:#fff;font-weight:600;font-family:var(--font-serif)}
table.cmp thead th.en{font-size:12px;opacity:.85;font-weight:400}
table.cmp tbody th{background:var(--brand-wash);color:var(--brand-dark);font-weight:600;white-space:nowrap}
table.cmp td{color:var(--ink-soft)}
table.cmp .old{color:var(--muted-ink);text-decoration:line-through;margin-right:6px}
table.cmp .new{color:var(--brand);font-weight:700}
/* 第 11 項：已完結欄位轉灰 */
table.cmp col.closed,table.cmp .closed-col{background:var(--muted-bg)}
table.cmp thead th.closed-col{background:#7f8b8e;color:#e9edee}
table.cmp td.closed-col{color:var(--muted-ink)}
.closed-badge{display:inline-block;background:#8a9598;color:#fff;font-size:12px;padding:3px 10px;border-radius:20px;margin-top:4px}

/* ---------- 收費表（秘書服務 第 13 項） ---------- */
.price-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.price-table th,.price-table td{padding:14px 20px;border-bottom:1px solid var(--line-soft);font-size:15px}
.price-table thead th{background:var(--brand-dark);color:#fff;text-align:left;font-family:var(--font-serif);font-weight:600}
.price-table thead th:last-child{text-align:right}
.price-table td:first-child{color:var(--ink)}
.price-table td:last-child{text-align:right;color:var(--brand);font-weight:700;font-family:var(--font-serif);white-space:nowrap}
.price-table tr:nth-child(even) td{background:var(--brand-wash)}
.price-table .old{color:var(--muted-ink);text-decoration:line-through;font-weight:400;margin-right:8px;font-size:13.5px}
.price-note{color:var(--ink-faint);font-size:12.5px;font-weight:400;display:block;margin-top:2px}

/* ---------- 政策卡（企業貸款 第 12 項） ---------- */
.policy{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:16px}
.policy .card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px}
.policy .card .ic{width:46px;height:46px;border-radius:10px;background:var(--brand-wash);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}
.policy .card h4{font-size:17px;color:var(--brand-dark);margin-bottom:8px}
.policy .card p{font-size:14px;color:var(--ink-soft);line-height:1.6}

/* ---------- 聯絡引流（第 7 項：唔用表格） ---------- */
.contact-funnel{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.contact-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:34px}
.contact-card h3{font-family:var(--font-serif);font-size:22px;color:var(--brand-dark);margin-bottom:16px}
.contact-card .line{display:flex;gap:10px;margin-bottom:12px;font-size:15px;color:var(--ink-soft)}
.contact-card .line b{color:var(--brand-dark);min-width:64px;display:inline-block}
.contact-card.accent{background:linear-gradient(150deg,var(--brand),var(--brand-dark));color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center}
.contact-card.accent h3{color:#fff}
.contact-card.accent p{color:#dbeef1;margin-bottom:22px}
.contact-card.accent .btn-wa{align-self:center;font-size:16px;padding:15px 30px}
.map-embed{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(16,64,71,.08)}

/* ---------- 浮動 WhatsApp 掣（第 4 項：單一乾淨圖示，無重影） ---------- */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;width:60px;height:60px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(37,211,102,.4);transition:transform .2s}
.wa-float:hover{transform:scale(1.06)}
.wa-float svg{width:32px;height:32px;fill:#fff;display:block}

/* ---------- 頁尾 ---------- */
footer.site{background:#101816;color:#c9d2d1;font-size:14px}
.foot-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding:60px 0 44px}
.foot-brand .logo .num{color:var(--brand-light)}
.foot-brand .logo .num b{color:#fff}
.foot-brand .logo .en{color:#8a938f}
.foot-brand .logo .badge{border-color:var(--brand-light)}
.foot-brand p{color:#9aa39f;font-size:13.5px;margin-top:14px;line-height:1.7}
footer.site h4{color:#fff;font-size:14px;letter-spacing:.06em;margin-bottom:16px}
.foot-col a{display:block;color:#b6beba;padding:4px 0;transition:color .2s}
.foot-col a:hover{color:var(--brand-light)}
.foot-col p{color:#b6beba;line-height:1.9}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08);padding:22px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#8a938f;font-size:12.5px}
.foot-bottom .legal a{margin-left:16px;color:#8a938f}
.foot-bottom .legal a:hover{color:#fff}
.license{color:#9aa39f;font-size:12.5px;margin-top:14px}

/* ---------- 響應式 ---------- */
@media(max-width:960px){
  .hero .wrap{grid-template-columns:1fr}
  .hero .mark{text-align:left}
  .services .grid,.funding .grid,.blog .grid,.partners .grid,.feature-grid{grid-template-columns:repeat(2,1fr)}
  .proof .wrap{grid-template-columns:repeat(2,1fr);gap:24px}
  .mission .wrap{grid-template-columns:1fr;gap:28px}
  .foot-top{grid-template-columns:repeat(2,1fr)}
  .contact-funnel,.policy,.region-grid,.check-list{grid-template-columns:1fr}
  .pkg{grid-template-columns:1fr}
  .plan-grid.c2,.plan-grid.c3,.vs-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  /* 手機選單 */
  .nav-toggle{display:flex}
  nav.main{position:absolute;top:72px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.06);display:none}
  nav.main.open{display:block}
  nav.main>ul{flex-direction:column;gap:0;padding:8px}
  nav.main>ul>li>a{padding:12px 14px}
  nav.main .drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0 0 8px 14px;min-width:0}
  nav.main li:hover .drop{transform:none}
}
@media(max-width:620px){
  .services .grid,.funding .grid,.blog .grid,.partners .grid,.feature-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .hero h1{font-size:40px}
  .page-head h1{font-size:32px}
  .hero .mark .ring{width:220px;height:220px}
  .hero .mark .big{font-size:74px}
  .topbar .wrap{justify-content:center;text-align:center}
}


/* ============================================================
   活力升級 + 香港元素 + 動畫（第三批）
   ============================================================ */

/* ---------- 香港天際線裝飾帶 ---------- */
.hero,.page-head{position:relative}
.hero::after,.page-head::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:120px;
  background-repeat:no-repeat;background-position:bottom center;background-size:cover;
  pointer-events:none;
}
.hero::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20130%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22%23109FB1%22%3E%3Crect%20x%3D%220%22%20y%3D%2250%22%20width%3D%2250%22%20height%3D%2280%22/%3E%3Crect%20x%3D%2252%22%20y%3D%2270%22%20width%3D%2260%22%20height%3D%2260%22/%3E%3Crect%20x%3D%22116%22%20y%3D%2235%22%20width%3D%2244%22%20height%3D%2295%22/%3E%3Crect%20x%3D%22164%22%20y%3D%2280%22%20width%3D%2270%22%20height%3D%2250%22/%3E%3Crect%20x%3D%22238%22%20y%3D%2258%22%20width%3D%2252%22%20height%3D%2272%22/%3E%3Crect%20x%3D%22295%22%20y%3D%2242%22%20width%3D%2240%22%20height%3D%2288%22/%3E%3Crect%20x%3D%22360%22%20y%3D%2272%22%20width%3D%2264%22%20height%3D%2258%22/%3E%3Crect%20x%3D%22430%22%20y%3D%2230%22%20width%3D%2246%22%20height%3D%22100%22/%3E%3Crect%20x%3D%22600%22%20y%3D%2260%22%20width%3D%2254%22%20height%3D%2270%22/%3E%3Crect%20x%3D%22690%22%20y%3D%2210%22%20width%3D%2240%22%20height%3D%22120%22/%3E%3Crect%20x%3D%22760%22%20y%3D%2266%22%20width%3D%2260%22%20height%3D%2264%22/%3E%3Crect%20x%3D%22826%22%20y%3D%2244%22%20width%3D%2248%22%20height%3D%2286%22/%3E%3Crect%20x%3D%22908%22%20y%3D%2276%22%20width%3D%2266%22%20height%3D%2254%22/%3E%3Crect%20x%3D%221010%22%20y%3D%2252%22%20width%3D%2252%22%20height%3D%2278%22/%3E%3Crect%20x%3D%221066%22%20y%3D%2270%22%20width%3D%2260%22%20height%3D%2260%22/%3E%3Crect%20x%3D%221130%22%20y%3D%2260%22%20width%3D%2270%22%20height%3D%2270%22/%3E%3Cpolygon%20points%3D%22540%2C130%20552%2C20%20564%2C130%22/%3E%3Crect%20x%3D%22546%22%20y%3D%2240%22%20width%3D%2212%22%20height%3D%2290%22/%3E%3Cpolygon%20points%3D%22486%2C130%20500%2C34%20514%2C130%22/%3E%3Crect%20x%3D%22492%22%20y%3D%2252%22%20width%3D%2216%22%20height%3D%2278%22/%3E%3Cpolygon%20points%3D%22980%2C130%20980%2C44%201000%2C20%201000%2C130%22/%3E%3Crect%20x%3D%22499%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2234%22/%3E%3Crect%20x%3D%22551%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2234%22/%3E%3Crect%20x%3D%22923%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2234%22/%3E%3C/g%3E%3C/svg%3E");opacity:.10}
.page-head::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20130%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Crect%20x%3D%220%22%20y%3D%2250%22%20width%3D%2250%22%20height%3D%2280%22/%3E%3Crect%20x%3D%2252%22%20y%3D%2270%22%20width%3D%2260%22%20height%3D%2260%22/%3E%3Crect%20x%3D%22116%22%20y%3D%2235%22%20width%3D%2244%22%20height%3D%2295%22/%3E%3Crect%20x%3D%22164%22%20y%3D%2280%22%20width%3D%2270%22%20height%3D%2250%22/%3E%3Crect%20x%3D%22238%22%20y%3D%2258%22%20width%3D%2252%22%20height%3D%2272%22/%3E%3Crect%20x%3D%22295%22%20y%3D%2242%22%20width%3D%2240%22%20height%3D%2288%22/%3E%3Crect%20x%3D%22360%22%20y%3D%2272%22%20width%3D%2264%22%20height%3D%2258%22/%3E%3Crect%20x%3D%22430%22%20y%3D%2230%22%20width%3D%2246%22%20height%3D%22100%22/%3E%3Crect%20x%3D%22600%22%20y%3D%2260%22%20width%3D%2254%22%20height%3D%2270%22/%3E%3Crect%20x%3D%22690%22%20y%3D%2210%22%20width%3D%2240%22%20height%3D%22120%22/%3E%3Crect%20x%3D%22760%22%20y%3D%2266%22%20width%3D%2260%22%20height%3D%2264%22/%3E%3Crect%20x%3D%22826%22%20y%3D%2244%22%20width%3D%2248%22%20height%3D%2286%22/%3E%3Crect%20x%3D%22908%22%20y%3D%2276%22%20width%3D%2266%22%20height%3D%2254%22/%3E%3Crect%20x%3D%221010%22%20y%3D%2252%22%20width%3D%2252%22%20height%3D%2278%22/%3E%3Crect%20x%3D%221066%22%20y%3D%2270%22%20width%3D%2260%22%20height%3D%2260%22/%3E%3Crect%20x%3D%221130%22%20y%3D%2260%22%20width%3D%2270%22%20height%3D%2270%22/%3E%3Cpolygon%20points%3D%22540%2C130%20552%2C20%20564%2C130%22/%3E%3Crect%20x%3D%22546%22%20y%3D%2240%22%20width%3D%2212%22%20height%3D%2290%22/%3E%3Cpolygon%20points%3D%22486%2C130%20500%2C34%20514%2C130%22/%3E%3Crect%20x%3D%22492%22%20y%3D%2252%22%20width%3D%2216%22%20height%3D%2278%22/%3E%3Cpolygon%20points%3D%22980%2C130%20980%2C44%201000%2C20%201000%2C130%22/%3E%3Crect%20x%3D%22499%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2234%22/%3E%3Crect%20x%3D%22551%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2234%22/%3E%3Crect%20x%3D%22923%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2234%22/%3E%3C/g%3E%3C/svg%3E");opacity:.16}
.page-head .wrap{position:relative;z-index:1}

/* ---------- 標題活力：漸變字 ---------- */
.hero h1 em{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.logo .en,.eyebrow,.kicker{font-family:var(--font-display);font-weight:600}
.proof .stat .n,.hero .mark .big,.fund .amt{font-family:var(--font-display);font-variant-numeric:tabular-nums}

/* ---------- 信任膠囊（Hero 下方，提高視覺信任） ---------- */
.trust-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.trust-chips .chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--brand-dark);background:var(--brand-wash);border:1px solid var(--brand-pale);padding:7px 13px;border-radius:100px;font-weight:500}
.trust-chips .chip svg{width:15px;height:15px;fill:var(--brand)}

/* ---------- CTA 活力：光暈 + 呼吸 ---------- */
.btn-wa{box-shadow:0 8px 20px rgba(37,211,102,.28)}
.btn-solid{box-shadow:0 8px 20px rgba(16,159,177,.26)}
.wa-float{animation:waPulse 2.6s ease-in-out infinite}
@keyframes waPulse{0%,100%{box-shadow:0 10px 24px rgba(37,211,102,.4)}50%{box-shadow:0 10px 24px rgba(37,211,102,.4),0 0 0 12px rgba(37,211,102,.10)}}

/* ---------- Hero 進場動畫 ---------- */
.hero .wrap>div>*{opacity:0;animation:heroIn .7s cubic-bezier(.2,.7,.2,1) forwards}
.hero .wrap>div>*:nth-child(1){animation-delay:.05s}
.hero .wrap>div>*:nth-child(2){animation-delay:.15s}
.hero .wrap>div>*:nth-child(3){animation-delay:.25s}
.hero .wrap>div>*:nth-child(4){animation-delay:.35s}
.hero .wrap>div>*:nth-child(5){animation-delay:.45s}
@keyframes heroIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero .mark .ring{animation:floatY 5s ease-in-out infinite}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* ---------- 捲動揭示（IntersectionObserver 加 .in） ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal-stagger>*{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.reveal-stagger.in>*{opacity:1;transform:none}
.reveal-stagger.in>*:nth-child(2){transition-delay:.07s}
.reveal-stagger.in>*:nth-child(3){transition-delay:.14s}
.reveal-stagger.in>*:nth-child(4){transition-delay:.21s}
.reveal-stagger.in>*:nth-child(5){transition-delay:.28s}

/* ---------- 卡片 hover 更有生氣 ---------- */
.svc,.fund,.feature,.pt,.post{transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s}
.post:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(16,64,71,.12)}

/* ---------- 尊重「減少動態」設定（無障礙） ---------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}
  .hero .wrap>div>*{opacity:1!important}
}

/* ============================================================
   內容驅動動畫（第九批）—— 每頁至少 3 個同內容相關嘅動畫
   全部 gate 喺 body.anim（有 JS 且非 reduced-motion 先啟動），
   確保無 JS / 減少動態時內容完全正常顯示
   ============================================================ */

/* 1) 區塊標題底線掃出（每個 section 進場） */
.sec-head h2{position:relative}
.sec-head h2::after{content:"";position:absolute;left:0;bottom:-12px;height:3px;width:52px;background:var(--grad-brand);border-radius:2px}
body.anim .sec-head h2::after{width:0;transition:width .7s .25s cubic-bezier(.2,.7,.2,1)}
body.anim .sec-head.in h2::after{width:52px}

/* 2) 編號徽章 pop（資助範圍／評審要素／流程步驟） */
body.anim .num-card .no,body.anim .step .sn{transform:scale(.55);opacity:0}
body.anim .num-grid.in .num-card .no,body.anim .steps.in .step .sn{animation:popIn .55s .2s forwards}
@keyframes popIn{0%{transform:scale(.55);opacity:0}60%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:1}}

/* 3) 剔號清單逐項滑入（資助範圍／套餐功能） */
body.anim .check-list li{opacity:0;transform:translateX(-10px);transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.2,1)}
body.anim .check-list.in li{opacity:1;transform:none}
body.anim .check-list.in li:nth-child(2){transition-delay:.06s}
body.anim .check-list.in li:nth-child(3){transition-delay:.12s}
body.anim .check-list.in li:nth-child(4){transition-delay:.18s}
body.anim .check-list.in li:nth-child(5){transition-delay:.24s}
body.anim .check-list.in li:nth-child(6){transition-delay:.3s}
body.anim .check-list.in li:nth-child(7){transition-delay:.36s}
body.anim .check-list.in li:nth-child(8){transition-delay:.42s}
body.anim .check-list.in li:nth-child(9){transition-delay:.48s}

/* 4) 方案卡功能項淡入（成立公司／虛擬辦公室） */
body.anim .plan-grid .feat{opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s}
body.anim .plan-grid.in .feat{opacity:1;transform:none}

/* 5) 法律條文小標題直條展開（條款／私隱／反洗錢） */
.prose h3{position:relative;padding-left:16px}
.prose h3::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;background:var(--grad-brand);border-radius:2px}
body.anim .prose h3::before{transform:scaleY(0);transform-origin:top;transition:transform .5s .1s ease}
body.anim .prose.in h3::before{transform:scaleY(1)}

/* 6) 文章封面漸變流動（最新資訊） */
body.anim .post .cover{background-size:200% 200%;animation:coverShift 7s ease-in-out infinite}
@keyframes coverShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* 減少動態：即時顯示最終狀態 */
@media(prefers-reduced-motion:reduce){
  body.anim .sec-head h2::after{width:52px!important}
  body.anim .num-card .no,body.anim .step .sn,body.anim .check-list li,body.anim .plan-grid .feat{opacity:1!important;transform:none!important;animation:none!important}
  body.anim .prose h3::before{transform:none!important}
  body.anim .post .cover{animation:none!important}
}

/* ============================================================
   互動元件 + SVG 插畫（第十批：6 個 full 互動頁）
   全部鍵盤可操作、reduced-motion 尊重
   ============================================================ */
.illus{display:block;width:100%;height:auto}
/* 第二批 #25：有寫明 width 屬性嘅裝飾插圖唔好被上面拉到成欄咁闊（CSS 會蓋過 HTML 嘅 width，所以要特別寫返） */
.illus[width]{width:auto;max-width:100%}
.illus .fill-1{fill:var(--brand)}
.illus .fill-2{fill:var(--brand-light)}
.illus .fill-3{fill:var(--brand-pale)}
.illus .fill-w{fill:var(--brand-wash)}
.illus .stroke-1{fill:none;stroke:var(--brand);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.split.rev{direction:rtl}.split.rev>*{direction:ltr}

/* ---- 審計報稅：可扣稅速查 ---- */
.ded{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}
.ded-chips{display:flex;flex-wrap:wrap;gap:10px}
.ded-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);font-size:14px;padding:10px 15px;border-radius:100px;cursor:pointer;transition:all .18s;font-family:inherit}
.ded-chip::before{content:"";width:16px;height:16px;border-radius:5px;border:2px solid var(--line);transition:all .18s;flex:0 0 auto}
.ded-chip[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-wash);color:var(--brand-dark)}
.ded-chip[aria-pressed="true"]::before{background:var(--brand);border-color:var(--brand);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='white'/%3E%3C/svg%3E") center/12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/12px no-repeat}
.ded-panel{background:var(--brand-dark);color:#fff;border-radius:14px;padding:26px;position:sticky;top:88px}
.ded-panel .n{font-family:var(--font-display);font-weight:800;font-size:44px;line-height:1;color:var(--brand-light)}
.ded-panel .lbl{font-size:13px;color:#bcd9dd;margin:4px 0 16px}
.ded-panel ul{display:flex;flex-direction:column;gap:8px;min-height:40px}
.ded-panel li{font-size:14px;color:#ddeef0;padding-left:20px;position:relative}
.ded-panel li::before{content:"✓";position:absolute;left:0;color:var(--brand-light)}
.ded-panel .empty{font-size:13.5px;color:#9fc0c4}

/* ---- 成立公司：邊個啱你 決策 ---- */
.decide{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:30px}
.decide .q{font-size:15.5px;color:var(--brand-dark);font-weight:600;margin-bottom:12px}
.decide .opts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.decide .opt{border:1px solid var(--line);background:#fff;color:var(--ink-soft);padding:9px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-family:inherit;transition:all .18s}
.decide .opt[aria-pressed="true"]{border-color:var(--brand);background:var(--brand);color:#fff}
.decide .result{margin-top:6px;padding:18px 20px;border-radius:10px;background:var(--brand-wash);border:1px solid var(--brand-pale);font-size:15px;color:var(--brand-dark);opacity:0;transform:translateY(6px);transition:.3s}
.decide .result.show{opacity:1;transform:none}
.decide .result b{color:var(--brand)}
.plan-card.match{outline:3px solid var(--brand);outline-offset:3px}

/* ---- 虛擬辦公室：方案切換 ---- */
.plan-switch{display:inline-flex;background:var(--brand-wash);border-radius:100px;padding:5px;gap:4px;margin-bottom:26px}
.plan-switch button{border:0;background:none;padding:9px 22px;border-radius:100px;font-size:14.5px;color:var(--ink-soft);cursor:pointer;font-family:inherit;transition:all .2s}
.plan-switch button[aria-selected="true"]{background:var(--brand);color:#fff;box-shadow:0 6px 16px rgba(16,159,177,.28)}
.plan-card.dim{opacity:.5;filter:saturate(.6)}
.plan-card.spotlight{transform:translateY(-6px);border-color:var(--brand);box-shadow:0 22px 48px rgba(16,159,177,.2)}

/* ---- 會計簿記：流程 ---- */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.flow-step{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 20px;cursor:pointer;transition:all .22s;text-align:left}
.flow-step:hover,.flow-step[aria-expanded="true"]{border-color:var(--brand);box-shadow:0 14px 30px rgba(16,159,177,.12);transform:translateY(-3px)}
.flow-step .fs-no{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--brand-light)}
.flow-step h4{font-size:16px;color:var(--brand-dark);margin:8px 0 0}
.flow-detail{margin-top:16px;background:var(--brand-wash);border-left:3px solid var(--brand);border-radius:0 10px 10px 0;padding:18px 22px;font-size:14.5px;color:var(--ink-soft);line-height:1.7}

/* ---- 關於我們：一站式服務探索 ---- */
.explorer{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center}
.exp-tabs{display:flex;flex-direction:column;gap:8px}
.exp-tab{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:14px 18px;cursor:pointer;font-family:inherit;font-size:15px;color:var(--ink-soft);transition:all .18s;display:flex;justify-content:space-between;align-items:center}
.exp-tab[aria-selected="true"]{border-color:var(--brand);background:var(--brand);color:#fff}
.exp-tab[aria-selected="true"]::after{content:"→"}
.exp-panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:30px;min-height:220px}
.exp-panel h3{font-family:var(--font-display);font-size:22px;color:var(--brand-dark);margin-bottom:10px}
.exp-panel p{color:var(--ink-soft);font-size:15px;line-height:1.7;margin-bottom:16px}

/* ---- 首頁：互動天際線 ---- */
.skyband{position:relative;background:linear-gradient(180deg,var(--brand-dark),#0d3238);padding:0;overflow:hidden}
.skyband .wrap{position:relative;z-index:2;padding:40px 28px 0}
.skyband .cap{color:var(--brand-pale);font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.skyband h2{font-family:var(--font-display);color:#fff;font-size:30px;font-weight:700;margin:8px 0 4px}
.skyband p{color:#bcd9dd;font-size:15px;max-width:560px}
.skyline-i{display:block;width:100%;height:auto;margin-top:-10px}
.skyline-i .bldg{fill:#0a2a2f;transition:fill .25s,transform .25s;transform-origin:bottom;cursor:pointer}
.skyline-i .bldg:hover,.skyline-i .bldg:focus{fill:var(--brand);outline:none}
.skyline-i .bldg.on{fill:var(--brand-light)}
.sky-tip{position:absolute;z-index:3;background:#fff;color:var(--brand-dark);font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.2);pointer-events:none;opacity:0;transform:transl(-50%,4px);transition:opacity .18s;white-space:nowrap}
.sky-tip.show{opacity:1}

@media(max-width:820px){
  .split,.ded,.explorer{grid-template-columns:1fr;gap:26px}
  .flow{grid-template-columns:1fr 1fr}
  .ded-panel{position:static}
}
@media(max-width:520px){ .flow{grid-template-columns:1fr} }
@media(prefers-reduced-motion:reduce){
  .decide .result,.plan-card.spotlight,.flow-step{transition:none!important;transform:none!important}
}
.skyline-i .bg{fill:#082327}
.skyline-i a{cursor:pointer}
.skyline-i a:focus-visible .bldg{fill:var(--brand-light);outline:none}
.skyline-i a:hover .bldg{fill:var(--brand)}
.skyband .legend{display:flex;flex-wrap:wrap;gap:8px 18px;padding:16px 0 6px;color:#9fc0c4;font-size:12.5px}
.skyband .legend span{display:inline-flex;align-items:center;gap:6px}
.skyband .legend i{width:8px;height:8px;border-radius:2px;background:var(--brand-light)}

/* ============================================================
   互動元件（第十一批：其餘頁 full 互動）
   ============================================================ */
/* 通用 range */
input[type=range].rng{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:var(--line);outline:none}
input[type=range].rng::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--brand);cursor:pointer;box-shadow:0 2px 8px rgba(16,159,177,.4);border:3px solid #fff}
input[type=range].rng::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--brand);cursor:pointer;border:3px solid #fff}

/* 貸款試算器 */
.calc{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:stretch}
.calc-form{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px}
.calc-row{margin-bottom:24px}
.calc-row label{display:flex;justify-content:space-between;font-size:14.5px;color:var(--brand-dark);font-weight:600;margin-bottom:12px}
.calc-row label b{color:var(--brand);font-family:var(--font-display)}
.calc-out{background:var(--brand-dark);color:#fff;border-radius:14px;padding:30px;display:flex;flex-direction:column;justify-content:center}
.calc-out .lab{font-size:13px;color:#bcd9dd;letter-spacing:.04em}
.calc-out .big{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1.1;color:var(--brand-light);margin:2px 0 18px}
.calc-out .sub{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#ddeef0}
.calc-out .sub b{font-family:var(--font-display);color:#fff}
.calc-note{font-size:12px;color:var(--ink-faint);margin-top:14px}

/* before/after 滑桿 */
.ba{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);user-select:none;touch-action:none}
.ba .pane{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display)}
.ba .after{background:linear-gradient(135deg,#eef4f5,#dcecef)}
.ba .before{background:var(--brand-dark);clip-path:inset(0 0 0 var(--x,50%))}
.ba svg{width:100%;height:100%;display:block}
.ba .tag{position:absolute;top:14px;font-size:12px;font-weight:600;padding:4px 12px;border-radius:100px;z-index:4}
.ba .tag.b{left:14px;background:#fff;color:var(--brand-dark)}
.ba .tag.a{right:14px;background:var(--brand);color:#fff}
.ba .divider{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:#fff;z-index:5;pointer-events:none}
.ba .divider::after{content:"⇆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:#fff;color:var(--brand);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.2);font-size:16px}
.ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:6;margin:0}

/* 開戶進度 checklist */
.checkprog{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start}
.doc-list{display:flex;flex-direction:column;gap:10px}
.doc-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:14px 16px;cursor:pointer;font-size:15px;color:var(--ink-soft);font-family:inherit;text-align:left;transition:all .18s}
.doc-item::before{content:"";width:20px;height:20px;border-radius:6px;border:2px solid var(--line);flex:0 0 auto;transition:all .18s}
.doc-item[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-wash);color:var(--brand-dark)}
.doc-item[aria-pressed="true"]::before{background:var(--brand);border-color:var(--brand);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat}
.prog-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px;position:sticky;top:88px;text-align:center}
.prog-card .pct{font-family:var(--font-display);font-weight:800;font-size:46px;color:var(--brand);line-height:1}
.prog{height:12px;background:var(--line);border-radius:8px;overflow:hidden;margin:16px 0}
.prog i{display:block;height:100%;width:0;background:var(--grad-brand);border-radius:8px;transition:width .45s cubic-bezier(.2,.7,.2,1)}
.prog-card p{font-size:13.5px;color:var(--ink-soft)}

/* 篩選列（最新資訊） */
.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.filterbar button{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);padding:8px 18px;border-radius:100px;cursor:pointer;font-size:14px;font-family:inherit;transition:all .18s}
.filterbar button[aria-pressed="true"]{background:var(--brand);color:#fff;border-color:var(--brand)}
.post.hide{display:none}

/* 表格即時搜尋（秘書） */
.tfilter{position:relative;max-width:420px;margin-bottom:20px}
.tfilter input{width:100%;padding:13px 16px 13px 42px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit;color:var(--ink);background:var(--card)}
.tfilter input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}
.tfilter::before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:var(--ink-faint);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19zm-6 0A4.5 4.5 0 1114 9.5 4.5 4.5 0 019.5 14z'/%3E%3C/svg%3E") center/18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19zm-6 0A4.5 4.5 0 1114 9.5 4.5 4.5 0 019.5 14z'/%3E%3C/svg%3E") center/18px no-repeat}
.price-table tr.nomatch{display:none}
.tfilter-empty{color:var(--ink-faint);font-size:14px;padding:14px 4px}

/* 法律頁章節目錄 scroll-spy */
.legal-wrap{display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:start}
.toc{position:sticky;top:88px;border-left:2px solid var(--line);padding-left:18px}
.toc a{display:block;padding:7px 0;font-size:14px;color:var(--ink-faint);transition:color .18s;border-left:2px solid transparent;margin-left:-20px;padding-left:18px}
.toc a.active{color:var(--brand);font-weight:600;border-left-color:var(--brand)}

@media(max-width:820px){
  .calc,.checkprog{grid-template-columns:1fr}
  .legal-wrap{grid-template-columns:1fr}
  .toc{position:static;border-left:0;padding-left:0;display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:20px}
  .toc a{margin-left:0;padding-left:0;border-left:0}
  .prog-card{position:static}
}

/* ============================================================
   頁頭 archetype 變體（第十二批：打破版面重複）
   A = .page-head（深色漸變，資助頁維持）
   B = .phead-split（左右分割，淺底，服務頁）
   C = .phead-min（極簡編輯式，資訊頁）
   ============================================================ */
.phead-split{background:linear-gradient(180deg,#ffffff 0%,var(--bg) 100%);border-bottom:1px solid var(--line-soft);padding:52px 0;position:relative;overflow:hidden}
.phead-split .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}
.phead-split .crumb{font-size:13px;color:var(--ink-faint);margin-bottom:8px}
.phead-split .crumb a:hover{color:var(--brand)}
.phead-split .kicker{font-size:13px;letter-spacing:.16em;color:var(--brand);text-transform:uppercase}
.phead-split h1{font-family:var(--font-display);font-size:46px;font-weight:700;letter-spacing:-.01em;color:var(--brand-dark);margin:12px 0 14px;line-height:1.1}
.phead-split p{color:var(--ink-soft);font-size:16.5px;max-width:520px}
.phead-split .art{justify-self:end;width:100%;max-width:320px;aspect-ratio:1;background:radial-gradient(circle at 35% 30%,var(--brand-wash),#e4f2f4);border-radius:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 60px rgba(16,159,177,.16)}
.phead-split .art svg{width:64%;height:auto;filter:drop-shadow(0 8px 16px rgba(16,64,71,.12))}

.phead-min{background:var(--bg);border-bottom:1px solid var(--line);padding:66px 0 40px}
.phead-min .crumb{font-size:13px;color:var(--ink-faint);margin-bottom:14px}
.phead-min .crumb a:hover{color:var(--brand)}
.phead-min .kicker{font-size:12.5px;letter-spacing:.2em;color:var(--brand);text-transform:uppercase}
.phead-min h1{font-family:var(--font-display);font-size:62px;font-weight:800;letter-spacing:-.025em;color:var(--brand-dark);margin:12px 0 0;line-height:1.02}
.phead-min .lead{color:var(--ink-soft);font-size:17px;max-width:640px;margin-top:20px;border-top:2px solid var(--brand);padding-top:16px}

@media(max-width:820px){
  .phead-split .wrap{grid-template-columns:1fr;gap:28px}
  .phead-split .art{max-width:220px;justify-self:start}
  .phead-min h1{font-size:42px}
  .phead-split h1{font-size:34px}
}

/* =========================================================
   自測工具（資助自測／貸款自測／網站×BUD／報稅期限）
   ========================================================= */

/* 浮動入口：放喺 WhatsApp 圓掣正上方 */
.check-float{position:fixed;right:22px;bottom:96px;z-index:60;width:60px;height:60px;border-radius:50%;background:var(--brand-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(27,67,71,.35);transition:transform .2s,background .2s}
.check-float:hover,.check-float:focus-visible{transform:scale(1.06);background:var(--brand)}
.check-float svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
/* 提示字：滑鼠放上或鍵盤聚焦先顯示，喺圓掣左邊 */
.check-float .cf-tip{position:absolute;right:72px;top:50%;transform:translate(6px,-50%);white-space:nowrap;background:var(--brand-dark);color:#fff;font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:8px;box-shadow:0 8px 18px rgba(27,67,71,.25);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}
.check-float:hover .cf-tip,.check-float:focus-visible .cf-tip{opacity:1;visibility:visible;transform:translate(0,-50%)}
.check-float[aria-current="page"]{display:none}

/* 工具首頁（4 個工具卡） */
.chk-hub{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.chk-hub a.tool{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px 24px;transition:transform .2s,border-color .2s,box-shadow .2s}
.chk-hub a.tool:hover{transform:translateY(-3px);border-color:var(--brand-light);box-shadow:0 16px 34px rgba(16,159,177,.10)}
.chk-hub .tool .tag{font-size:12px;color:var(--ink-faint);letter-spacing:.08em}
.chk-hub .tool h3{font-size:19px;color:var(--brand-dark);margin:8px 0 8px}
.chk-hub .tool p{font-size:14px;color:var(--ink-soft);line-height:1.65;margin-bottom:16px}
.chk-hub .tool .go{margin-top:auto;font-size:14px;color:var(--brand);font-weight:600}
.chk-hub .tool .go::after{content:" →"}

/* 問卷 */
.chk{max-width:860px;margin:0 auto}
.chk-q{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:0 0 14px;min-width:0;transition:border-color .2s}
.chk-q legend{display:flex;gap:12px;align-items:flex-start;font-size:16px;font-weight:600;color:var(--brand-dark);line-height:1.55;padding:0}
/* legend 預設會壓住 fieldset 頂邊線，用 float 令佢返入卡片內 */
.chk-q legend{float:left;width:100%}
.chk-q legend+*{clear:both}
.chk-no{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--brand-wash);color:var(--brand);font-family:var(--font-display);font-weight:700;font-size:14px}
.chk-hint{margin:8px 0 0 38px;font-size:13px;color:var(--ink-faint);line-height:1.6}
.chk-opts{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0 38px}
.chk-opt{position:relative;display:block}
.chk-opt input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.chk-opt span{display:block;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink-soft);font-size:14.5px;line-height:1.5;transition:all .15s}
.chk-opt:hover span{border-color:var(--brand-light);color:var(--brand-dark)}
.chk-opt input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
.chk-opt input:focus-visible+span{outline:3px solid var(--brand-pale);outline-offset:2px}
.chk-num{display:flex;align-items:center;gap:10px;margin:14px 0 0 38px}
.chk-num input{width:180px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:16px;color:var(--ink);background:var(--bg)}
.chk-num input:focus-visible{outline:3px solid var(--brand-pale);border-color:var(--brand)}
.chk-num span{color:var(--ink-soft);font-size:14.5px}
.chk-q.chk-missing{border-color:#C2453A;box-shadow:0 0 0 3px rgba(194,69,58,.10)}
.chk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}
.chk-actions .btn{border:0;font-family:inherit}
.chk-actions .btn-ghost{border:1px solid var(--line)}
.chk-prog{margin-left:auto;font-size:13.5px;color:var(--ink-faint)}
.chk-msg{min-height:0;margin-top:14px;color:#B23A30;font-size:14.5px;font-weight:600}
.chk-privacy{margin-top:18px;font-size:13px;color:var(--ink-faint);line-height:1.7}

/* 結果 */
.chk-result{margin-top:34px;outline:0}
.chk-result:empty{display:none}
.chk-result h2{font-size:24px;color:var(--brand-dark);margin-bottom:6px}
.chk-sum{color:var(--ink-soft);font-size:15px;margin-bottom:18px}
.res-card{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--ink-faint);border-radius:10px;padding:20px 22px;margin-bottom:14px}
.res-card.is-ok{border-left-color:#1E9E5A}
.res-card.is-verify{border-left-color:#C98A12}
.res-card.is-fail{border-left-color:#C2453A;background:#FFFCFB}
.res-badge{display:inline-block;font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:8px}
.is-ok .res-badge{background:#E5F5EC;color:#14703F}
.is-verify .res-badge{background:#FBF1DB;color:#8A5B00}
.is-fail .res-badge{background:#FBE9E7;color:#A02F25}
.res-card h3{font-size:18px;color:var(--brand-dark);margin-bottom:8px}
.res-card ul{margin:0;padding-left:20px;font-size:14.5px;color:var(--ink-soft);line-height:1.75}
.res-card ul+ul{margin-top:8px}
.res-card .res-notes{color:var(--ink-soft);font-size:14px}
.res-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.res-links .btn{padding:9px 16px;font-size:14px}
.res-wa{margin-top:22px;padding:22px;background:var(--brand-wash);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.res-wa p{margin:0;font-size:15px;color:var(--brand-dark);max-width:520px}

/* 報稅期限時間線 */
.tl{list-style:none;margin:22px 0 0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tl li{position:relative;padding:0 0 22px 40px}
.tl li::before{content:"";position:absolute;left:4px;top:5px;width:16px;height:16px;border-radius:50%;background:var(--card);border:3px solid var(--brand)}
.tl li.is-law::before{background:var(--brand)}
.tl li.is-past::before{border-color:var(--ink-faint);background:var(--muted-bg)}
.tl .t-when{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--brand-dark)}
.tl .t-left{display:inline-block;margin-left:10px;font-size:12.5px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--brand-wash);color:var(--brand)}
.tl li.is-past .t-left{background:var(--muted-bg);color:var(--muted-ink)}
.tl .t-title{font-weight:600;color:var(--ink);margin-top:2px;font-size:15px}
.tl .t-desc{font-size:13.5px;color:var(--ink-soft);margin-top:2px;line-height:1.65}
.tl .t-tag{display:inline-block;font-size:11.5px;padding:1px 8px;border-radius:4px;margin-right:6px;vertical-align:1px;background:var(--brand-wash);color:var(--brand)}
.tl .t-tag.law{background:var(--brand-dark);color:#fff}
.chk-sel{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 0 38px}
.chk-sel select,.chk-sel input[type=date]{padding:10px 14px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:15px;background:var(--bg);color:var(--ink)}

@media(max-width:820px){
  .chk-hub{grid-template-columns:1fr}
}
@media(max-width:620px){
  .chk-q{padding:16px 16px}
  .chk-hint,.chk-opts,.chk-num,.chk-sel{margin-left:0}
  .chk-opt span{padding:10px 14px}
  .chk-prog{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .check-float,.check-float .cf-tip,.chk-opt span,.chk-hub a.tool{transition:none}
}

/* CTA 區：WhatsApp 掣旁邊嘅自測入口（深色底用白邊透明掣） */
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-outline-light{border:1px solid rgba(255,255,255,.55);color:#fff;background:transparent}
.btn-outline-light:hover{background:rgba(255,255,255,.12);border-color:#fff}

/* 頂部選單：文字唔准斷行；961–1100px（細 notebook／平板打橫）收窄留白，確保一行放得落 */
nav.main>ul>li>a{white-space:nowrap}
.logo,.cta-head{flex-shrink:0}
@media(min-width:961px) and (max-width:1100px){
  .header-in{gap:14px}
  .logo{margin-right:10px}
  nav.main>ul>li>a{padding:10px 8px;font-size:14.5px}
  .cta-head{padding:10px 14px}
}

/* =========================================================
   文章頁（最新資訊）同首頁文章卡連結
   ========================================================= */
.phead-min.article h1{font-size:40px;line-height:1.25;letter-spacing:-.01em}
.article-meta{font-size:13.5px;color:var(--ink-faint);margin-top:14px}
.prose h2{font-family:var(--font-serif);font-size:24px;color:var(--brand-dark);margin:38px 0 14px;position:relative;padding-left:16px}
.prose h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;background:var(--grad-brand);border-radius:2px}
.prose .cmp-wrap{margin:6px 0 20px}
.prose table.cmp{min-width:0}
a.post{color:inherit}
a.post:focus-visible{outline:3px solid var(--brand-pale);outline-offset:3px}
.post .read{margin-top:14px;font-size:14px;color:var(--brand);font-weight:600}
.post .read::after{content:" →"}
@media(max-width:620px){ .phead-min.article h1{font-size:30px} }