/* global React */ // ============================================================ // CDN Homepage, Why UD · Comparison · Pricing · FAQ · Industries · CTA · Footer // Rewritten 2026-05-26 against cdn-homepage-draft-zhHant.md v1. // FAQ Q/A strings must remain character-identical to FAQPage JSON-LD // in CDN Homepage.html. // ============================================================ const SECT_CSS = ` /* ---------- Shared section frame ---------- */ .SC-section{position:relative;font-family:'Inter','Noto Sans HK','Noto Sans TC',sans-serif;color:#0F2A47;padding:var(--section-pad-y-d) 0;overflow:hidden} .SC-inner{position:relative} .SC-h2{margin:0;font-size:clamp(36px,4.4vw,58px);line-height:1.05;font-weight:700;letter-spacing:-1.8px;color:#0F2A47;text-wrap:balance;max-width:780px} .SC-h2 .accent{color:#A855F7} .SC-lede{margin-top:20px;font-size:16px;line-height:1.75;color:#475569;max-width:680px;text-wrap:pretty} .SC-lede strong{color:#0F2A47;font-weight:600} @media (max-width: 1024px){ .SC-section{padding:var(--section-pad-y-t) 0} } @media (max-width: 900px){ .SC-h2{font-size:32px;letter-spacing:-1px} .SC-lede{font-size:15px} } @media (max-width: 640px){ .SC-section{padding:var(--section-pad-y-m) 0} } @media (max-width: 480px){ .SC-h2{font-size:28px} } /* ---------- Why UD, 6 one-liners ---------- */ .WHY-stage{background:#fff;border-top:1px solid rgba(15,42,71,0.06)} .WHY-head{margin-bottom:48px} .WHY-list{list-style:none;counter-reset:why;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid rgba(15,42,71,0.10);border-left:1px solid rgba(15,42,71,0.10)} .WHY-item{counter-increment:why;padding:28px 32px;border-right:1px solid rgba(15,42,71,0.10);border-bottom:1px solid rgba(15,42,71,0.10);display:grid;grid-template-columns:44px 1fr;gap:20px;align-items:center;transition:background .15s} .WHY-item:hover{background:#FAFAFE} .WHY-item::before{content:counter(why,decimal-leading-zero);font-family:'Chakra Petch','Inter',sans-serif;font-size:22px;font-weight:600;color:#A855F7;letter-spacing:0;line-height:1;font-variant-numeric:tabular-nums} .WHY-item p{font-size:18px;font-weight:600;color:#0F2A47;margin:0;letter-spacing:-.2px;line-height:1.45;text-wrap:balance} @media (max-width: 900px){ .WHY-list{grid-template-columns:1fr;border-left:0;border-top:1px solid rgba(15,42,71,0.10)} .WHY-item{border-right:0;padding:22px 4px;grid-template-columns:36px 1fr;gap:14px} .WHY-item::before{font-size:18px} .WHY-item p{font-size:16px} } /* ---------- Comparison Table, neutral framing ---------- */ .CMP-stage{background:linear-gradient(180deg,#FAFAFE 0%,#F6F4FB 100%);border-top:1px solid rgba(15,42,71,0.06);border-bottom:1px solid rgba(15,42,71,0.06)} .CMP-wrap{margin-top:48px;background:#fff;border:1px solid rgba(15,42,71,0.10);border-radius:18px;overflow:hidden} .CMP-table{width:100%;border-collapse:collapse;font-size:15px} .CMP-table thead th{padding:20px 22px;text-align:left;font-family:ui-monospace,monospace;font-size:13px;font-weight:700;letter-spacing:1.4px;color:#64748b;text-transform:uppercase;background:#FAFAFC;border-bottom:1px solid rgba(15,42,71,0.10);vertical-align:bottom} .CMP-table thead th.ud{color:#7c3aed;background:#F3EEFE} .CMP-table thead th .big{display:block;font-family:'Inter','Noto Sans HK',sans-serif;font-size:16px;font-weight:700;color:#0F2A47;text-transform:none;letter-spacing:-.2px;margin-top:6px;line-height:1.2} .CMP-table thead th.ud .big{color:#7c3aed} .CMP-table tbody td{padding:18px 22px;border-top:1px solid rgba(15,42,71,0.08);line-height:1.55;vertical-align:middle} .CMP-table tbody td.dim{font-weight:600;color:#0F2A47;font-size:14px;width:18%;background:#FAFAFC} .CMP-table tbody td.ud{background:rgba(243,238,254,0.55);color:#0F2A47} .CMP-table tbody td.other{color:#64748b} .CMP-table tbody td .mark{display:inline-block;width:18px;text-align:center;font-weight:700;margin-right:6px;font-variant-numeric:tabular-nums} .CMP-table tbody td .mark.yes{color:#16a34a} .CMP-table tbody td .mark.no{color:#dc2626} .CMP-table tbody td .mark.mid{color:#d97706} .CMP-table tbody td .note{display:inline-block;color:inherit} .CMP-table tbody tr:nth-child(even) td:not(.dim):not(.ud){background:#FAFAFC} @media (max-width: 900px){ .CMP-wrap{border-radius:12px;overflow-x:auto;border:1px solid rgba(15,42,71,0.10)} .CMP-table{min-width:560px} .CMP-table thead th,.CMP-table tbody td{padding:14px 14px;font-size:13px} .CMP-table tbody td.dim{font-size:13px} .CMP-table thead th .big{font-size:14px} } /* ---------- Pricing Snapshot ---------- */ .PRC-stage{background:#fff} .PRC-head{display:block;margin-bottom:36px} .PRC-head .SC-lede{margin-top:20px} .PRC-table-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px} .PRC-region{background:#fff;border:1px solid rgba(15,42,71,0.10);border-radius:18px;padding:30px 28px 26px;display:flex;flex-direction:column;gap:22px} .PRC-region.flag{background:#0F2A47;color:#fff;border-color:#0F2A47} .PRC-r-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px} .PRC-r-name{font-size:17px;font-weight:700;color:#0F2A47;letter-spacing:-.2px;margin:0} .PRC-region.flag .PRC-r-name{color:#fff} .PRC-r-meta{font-family:ui-monospace,monospace;font-size:13px;font-weight:700;letter-spacing:1.4px;color:#7c3aed;text-transform:uppercase} .PRC-region.flag .PRC-r-meta{color:#c4b5fd} .PRC-tier{display:flex;flex-direction:column;gap:4px} .PRC-tier-lbl{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:1.4px;color:#94a3b8;text-transform:uppercase} .PRC-region.flag .PRC-tier-lbl{color:rgba(196,181,253,0.70)} .PRC-tier-v{font-size:32px;font-weight:700;color:#0F2A47;letter-spacing:-.8px;font-variant-numeric:tabular-nums;line-height:1.1;display:flex;align-items:baseline;gap:4px} .PRC-region.flag .PRC-tier-v{color:#fff} .PRC-tier-v .unit{font-size:14px;font-weight:500;color:#94a3b8;letter-spacing:0} .PRC-region.flag .PRC-tier-v .unit{color:rgba(196,181,253,0.85)} .PRC-rule{height:1px;background:rgba(15,42,71,0.08);margin:2px 0} .PRC-region.flag .PRC-rule{background:rgba(255,255,255,0.12)} .PRC-rcta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;letter-spacing:-.1px;text-decoration:none;background:#F3EEFE;color:#7c3aed;transition:all .15s;align-self:flex-start} .PRC-rcta:hover{background:linear-gradient(135deg,#A855F7 0%,#7C3AED 100%);color:#fff;transform:translateY(-1px)} .PRC-region.flag .PRC-rcta{background:rgba(255,255,255,0.12);color:#fff} .PRC-region.flag .PRC-rcta:hover{background:#fff;color:#0F2A47} .PRC-foot{margin-top:32px;display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start;padding-top:24px;border-top:1px solid rgba(15,42,71,0.10)} .PRC-note{font-size:13.5px;line-height:1.75;color:#64748b;margin:0;text-wrap:pretty} .PRC-note b{color:#0F2A47;font-weight:600} .PRC-cta{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-self:end} .PRC-cta a{font-size:14px;font-weight:600;color:#7c3aed;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px} .PRC-cta a:hover{color:#0F2A47} .PRC-cta .secondary{color:#64748b;border-bottom-color:rgba(100,116,139,0.30)} @media (max-width: 1024px){ .PRC-head{grid-template-columns:1fr;gap:24px} .PRC-table-wrap{grid-template-columns:1fr;gap:12px} .PRC-foot{grid-template-columns:1fr;gap:18px} .PRC-cta{justify-self:start} } /* ---------- FAQ ---------- */ .FAQ-stage{background:linear-gradient(180deg,#F6F4FB 0%,#FAFAFE 100%);border-top:1px solid rgba(15,42,71,0.06)} .FAQ-grid{margin-top:48px;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid rgba(15,42,71,0.12);border-left:1px solid rgba(15,42,71,0.12)} .FAQ-item{padding:28px 32px;background:#fff;border-right:1px solid rgba(15,42,71,0.12);border-bottom:1px solid rgba(15,42,71,0.12);transition:background .15s} .FAQ-item:hover{background:#FAFAFE} .FAQ-q{font-size:17px;font-weight:700;color:#0F2A47;line-height:1.4;letter-spacing:-.2px;margin:0 0 14px;text-wrap:balance} .FAQ-a{font-size:14.5px;line-height:1.75;color:#475569;margin:0;text-wrap:pretty} .FAQ-a strong{color:#0F2A47;font-weight:600} @media (max-width: 900px){ .FAQ-grid{grid-template-columns:1fr;border-left:0;border-top:1px solid rgba(15,42,71,0.12)} .FAQ-item{padding:22px 0;border-right:0;background:transparent} .FAQ-item:hover{background:transparent} .FAQ-q{font-size:16px} .FAQ-a{font-size:14px} } /* ---------- Industries ---------- */ .IND-stage{background:#fff;border-top:1px solid rgba(15,42,71,0.06)} .IND-table{width:100%;margin-top:48px;border-collapse:collapse;font-size:15px} .IND-table thead th{padding:18px 24px;text-align:left;font-family:ui-monospace,monospace;font-size:13px;font-weight:700;letter-spacing:1.4px;color:#64748b;text-transform:uppercase;border-bottom:1px solid rgba(15,42,71,0.20)} .IND-table tbody tr{border-bottom:1px solid rgba(15,42,71,0.08);transition:background .15s} .IND-table tbody tr:hover{background:#FAFAFE} .IND-table tbody td{padding:24px 24px;vertical-align:middle} .IND-table tbody td.ind{font-size:18px;font-weight:700;color:#0F2A47;letter-spacing:-.2px;width:28%} .IND-table tbody td.pain{font-size:15px;color:#475569;line-height:1.6;width:38%} .IND-table tbody td.sol{font-size:14px;color:#7c3aed;font-weight:600;letter-spacing:.1px} .IND-table tbody td.sol .pill{display:inline-block;padding:5px 12px;background:#F3EEFE;border-radius:99px;margin-right:6px;margin-bottom:4px;font-size:13px} .IND-table tbody td.sol a.pill{color:#7c3aed;text-decoration:none;cursor:pointer;transition:background .15s,color .15s} .IND-table tbody td.sol a.pill:visited{color:#7c3aed} .IND-table tbody td.sol a.pill:hover{background:#7c3aed;color:#fff} .IND-foot{margin-top:32px;display:flex;justify-content:flex-end} .IND-foot a{font-size:14px;font-weight:600;color:#7c3aed;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px} .IND-foot a:hover{color:#0F2A47} @media (max-width: 900px){ .IND-table thead{display:none} .IND-table tbody td{display:block;padding:6px 0;width:auto} .IND-table tbody tr{display:block;padding:18px 0} .IND-table tbody td.ind{font-size:17px;padding-top:0} .IND-table tbody td.pain{font-size:14px} } /* Closing CTA Band (Trust + CTA combined per draft Block 10) */ .CTA-stage{background:#0F2A47;color:#fff;padding:var(--section-pad-y-d) 0;position:relative;overflow:hidden} .CTA-stage::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,0.18) 0%,transparent 70%);pointer-events:none} .CTA-inner{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:end} .CTA-h2{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.05;font-weight:700;letter-spacing:-1.5px;color:#fff;text-wrap:balance} .CTA-h2 .accent{color:#c4b5fd} .CTA-body{margin-top:20px;font-size:16px;line-height:1.75;color:rgba(255,255,255,0.80);max-width:560px;text-wrap:pretty} .CTA-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch} .CTA-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 28px;font-size:15.5px;font-weight:600;letter-spacing:.3px;border-radius:999px;text-decoration:none;transition:all .15s;white-space:nowrap;border:1.5px solid transparent} .CTA-btn.primary{color:#0F2A47;background:#fff;border-color:#fff} .CTA-btn.primary:hover{background:#c4b5fd;border-color:#c4b5fd;transform:translateY(-1px)} .CTA-btn.outline{color:#fff;background:transparent;border-color:rgba(255,255,255,0.40)} .CTA-btn.outline:hover{border-color:#fff;background:rgba(255,255,255,0.06)} .CTA-btn.text{color:#c4b5fd;background:transparent;justify-content:flex-start;padding:8px 0;border:0;font-size:14px} .CTA-btn.text:hover{color:#fff} @media (max-width: 900px){ .CTA-inner{grid-template-columns:1fr;gap:36px;align-items:start} } /* ---------- Footer · Unified pattern (theme-cdn) ---------- */ .uf{--uf-grad:linear-gradient(135deg,#A855F7 0%,#7C3AED 100%);--uf-solid:#7C3AED;--uf-bg:#0F2A47;--uf-line:rgba(255,255,255,0.10);--uf-support:rgba(255,255,255,0.78);--uf-faint:rgba(255,255,255,0.55);background:var(--uf-bg);color:#fff;position:relative;padding:64px 0 32px;font-family:'Inter','Noto Sans HK','Noto Sans TC',sans-serif} .uf::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--uf-grad)} .uf-inner{max-width:1280px;margin:0 auto;padding:0 80px} .uf-top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--uf-line);flex-wrap:wrap} .uf-brand-mark{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit} .uf-ud-logo{height:22px;width:auto;display:block;opacity:1} .uf-divider{display:inline-block;width:1px;height:22px;background:var(--uf-line)} .uf-sub-wordmark{font-size:18px;font-weight:600;letter-spacing:0.4px;background:var(--uf-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent} .uf-social{display:flex;gap:10px;flex-wrap:wrap} .uf-social a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,0.06);border:1px solid var(--uf-line);color:var(--uf-support);transition:all .15s;text-decoration:none} .uf-social a:hover{background:var(--uf-grad);color:#fff;border-color:transparent;transform:translateY(-2px)} .uf-social svg{width:18px;height:18px;fill:currentColor} .uf-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:40px 0;border-bottom:1px solid var(--uf-line)} .uf-col h4{margin:0 0 16px;font-size:14px;font-weight:600;letter-spacing:0.4px;color:#fff} .uf-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px} .uf-col a{font-size:14px;color:var(--uf-support);text-decoration:none;transition:color .15s;line-height:1.5} .uf-col a:hover{color:var(--uf-solid)} .uf-col .external::after{content:' ↗';font-size:13px;color:var(--uf-faint)} .uf-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding-top:28px;font-size:13.5px;color:var(--uf-faint)} .uf-legal{display:flex;gap:20px;flex-wrap:wrap} .uf-legal a{color:var(--uf-faint);text-decoration:none;transition:color .15s} .uf-legal a:hover{color:var(--uf-support)} @media (max-width:1024px){ .uf-inner{padding:0 56px} .uf-cols{grid-template-columns:repeat(2,1fr);gap:32px} } @media (max-width:640px){ .uf{padding:48px 0 24px} .uf-inner{padding:0 24px} .uf-top{flex-direction:column;align-items:flex-start;gap:20px} .uf-cols{grid-template-columns:1fr;gap:24px} .uf-bottom{flex-direction:column;align-items:flex-start;gap:12px} .uf-ud{font-size:22px} .uf-sub-wordmark{font-size:16px} } `; // ============================================================ // Why UD CDN, 6 reasons as a real
    // AEO §9, Top-N list, citation magnet. // ============================================================ const WHY_ITEMS = [ '自 1998 年香港本地電訊運營商，服務 20,000+ 企業客戶', 'CN2 GIA 直連內地，延遲 < 50 ms，免 ICP 備案', '港幣計價、HK$0.28/GB 起，首 200 萬次請求免費', '30 秒自助開通，無需聯絡銷售', '24×7 廣東話真人支援，平均 15 分鐘回應', 'CDN + WAF + DDoS + 免費 SSL 預設啟用']; function WhySection() { return (

    企業選擇 UD CDN 的 6 個理由

      {WHY_ITEMS.map((it, i) =>

    1. {it}

      2. )}
    ); } // ============================================================ // Comparison Table, 5 rows, neutral framing // AEO §8, HTML // ============================================================ function ComparisonSection() { const CMP2_CSS = `.CMP2-wrap{overflow-x:auto;margin-top:44px;-webkit-overflow-scrolling:touch}\n.CMP2-table{width:100%;min-width:940px;border-collapse:collapse;font-family:'Inter','Noto Sans HK','Noto Sans TC',sans-serif}\n.CMP2-table th,.CMP2-table td{padding:20px 14px;text-align:center;vertical-align:middle;border-bottom:1px solid rgba(15,42,71,0.10)}\n.CMP2-table thead th{border-bottom:none;padding-top:8px;padding-bottom:22px;height:76px}\n.CMP2-row-label{text-align:left;font-weight:700;font-size:15px;color:#0F2A47;line-height:1.45;min-width:170px}\n.CMP2-logo{display:inline-flex;align-items:center;justify-content:center;height:30px}\n.CMP2-logo svg{max-height:22px;max-width:88px;width:auto;height:auto}\n.CMP2-table th.ud{background:#0F2A47;border-radius:14px 14px 0 0;box-shadow:inset 1px 0 0 rgba(139,92,246,0.22),inset -1px 0 0 rgba(139,92,246,0.22)}\n.CMP2-table td.ud{background:#F7F5FD;box-shadow:inset 1px 0 0 rgba(139,92,246,0.22),inset -1px 0 0 rgba(139,92,246,0.22)}\n.CMP2-table tbody tr:last-child td.ud{border-radius:0 0 14px 14px;box-shadow:inset 1px 0 0 rgba(139,92,246,0.22),inset -1px 0 0 rgba(139,92,246,0.22),inset 0 -1px 0 rgba(139,92,246,0.22)}\n.CMP2-ud-badge{font-family:'Inter',sans-serif;font-weight:800;font-size:24px;letter-spacing:-1.2px;color:#fff;line-height:1}\n.CMP2-ud-name{font-size:13px;font-weight:600;color:#fff;margin-top:5px;letter-spacing:-.2px}\n.CMP2-yes{color:#16a34a;font-size:19px;font-weight:700;line-height:1}\n.CMP2-no{color:#dc2626;font-size:19px;font-weight:700;line-height:1}\n.CMP2-mid{color:#94a3b8;font-size:19px;font-weight:700;line-height:1}\n.CMP2-note{display:block;margin-top:7px;font-size:12.5px;line-height:1.4}\n.CMP2-note.g{color:#16a34a}\n.CMP2-note.r{color:#dc2626}\n.CMP2-note.n{color:#64748b}\n.CMP2-table tbody tr:hover td{background:rgba(15,42,71,0.025)}\n.CMP2-table tbody tr:hover td.ud{background:#F1ECFB}\n.CMP2-table thead th{position:relative}\n.CMP2-ud-badge{position:relative}\n@media (max-width:1024px){.CMP-stage,.CMP2-stage{padding:var(--section-pad-y-t) 0}}`; return (

    UD CDN 與其他選擇 有何分別？

    UD
    即時設定✓✓✓✗✓✓
    中國加速✗✗✓無需 ICP 許可證需提供 ICP 許可證需提供 ICP 許可證✗
    VOD 視頻點播 · 串流直播✓需付費✗✓—需付費✓需付費✓需付費
    免費 SSL / WAF / DDoS 防護✓免費免費✓—免費✓免費免費✓需付費需付費✗需付費需付費✗免費
    24/7 技術支援免費電郵、電話、即時通訊免費免費電郵、電話、即時通訊免費電郵需付費免費電郵、電話
    ); } // ============================================================ // Solution chooser, 6 CDN products with HKD pricing // ============================================================ function PricingSection() { const CHO_CSS = `.CHO-stage{background:#fff;padding:var(--section-pad-y-d) 0;font-family:'Inter','Noto Sans HK','Noto Sans TC',sans-serif;color:#0F2A47}\n.CHO-head{max-width:820px}\n.CHO-h2{font-size:clamp(34px,4.2vw,56px);line-height:1.08;font-weight:700;letter-spacing:-1.6px;margin:0 0 18px;text-wrap:balance;color:#0F2A47}\n.CHO-h2 .accent{background:linear-gradient(135deg,#A855F7,#7C3AED);-webkit-background-clip:text;background-clip:text;color:transparent}\n.CHO-lede{font-size:18px;line-height:1.7;color:#475569;margin:0;max-width:680px;text-wrap:pretty}\n.CHO-note{display:inline-flex;align-items:center;gap:10px;margin:26px 0 40px;padding:12px 18px;font-size:14px;line-height:1.5;color:#475569;background:#F8F7FC;border:1px solid rgba(139,92,246,0.16);border-radius:10px;text-wrap:pretty}\n.CHO-note b{color:#0F2A47;font-weight:700}\n.CHO-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.CHO-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(15,42,71,0.10);border-radius:16px;padding:28px 26px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}\n.CHO-card:hover{border-color:#A855F7;box-shadow:0 14px 32px rgba(15,42,71,0.10);transform:translateY(-3px)}\n.CHO-card.flag{background:#0F2A47;border-color:#0F2A47;color:#fff}\n.CHO-card.flag:hover{box-shadow:0 16px 40px rgba(15,42,71,0.32)}\n.CHO-name{font-size:21px;font-weight:700;letter-spacing:-.4px;margin:0 0 10px;color:inherit}\n.CHO-desc{font-size:14.5px;line-height:1.65;color:#475569;margin:0 0 22px;flex:1;text-wrap:pretty}\n.CHO-card.flag .CHO-desc{color:rgba(255,255,255,0.80)}\n.CHO-price{border-top:1px solid rgba(15,42,71,0.10);padding-top:16px;display:flex;flex-direction:column;gap:10px}\n.CHO-card.flag .CHO-price{border-top-color:rgba(255,255,255,0.16)}\n.CHO-tier{display:flex;justify-content:space-between;align-items:baseline;gap:12px}\n.CHO-tier-lbl{font-size:12.5px;color:#64748b}\n.CHO-card.flag .CHO-tier-lbl{color:rgba(196,181,253,0.85)}\n.CHO-tier-v{font-family:'Inter',sans-serif;font-size:16px;font-weight:700;color:#0F2A47;font-variant-numeric:tabular-nums;letter-spacing:-.2px;white-space:nowrap}\n.CHO-card.flag .CHO-tier-v{color:#fff}\n.CHO-single{font-family:'Inter',sans-serif;font-size:16px;font-weight:700;color:#0F2A47;letter-spacing:-.2px}\n.CHO-card.flag .CHO-single{color:#fff}\n.CHO-link{margin-top:22px;font-size:14px;font-weight:600;color:#A855F7;display:inline-flex;align-items:center;gap:6px;transition:gap .15s}\n.CHO-card.flag .CHO-link{color:#c4b5fd}\n.CHO-card:hover .CHO-link{gap:10px}\n@media (max-width:1024px){.CHO-stage{padding:var(--section-pad-y-t) 0}.CHO-grid{grid-template-columns:repeat(2,1fr)}}\n@media (max-width:560px){.CHO-stage{padding:var(--section-pad-y-m) 0}.CHO-h2{font-size:28px}.CHO-grid{grid-template-columns:1fr}.CHO-lede{font-size:16px}.CHO-note{margin:22px 0 28px}}`; return (

    選對加速方案，由這裡開始

    所有方案共用同一張港幣計價表、同一個統一管理介面，可按業務需要疊加組合。

    中國 CDN

    免 ICP，CN2 GIA 直連三大營運商，＜50ms

    按用量計費HK$0.90 / GB 起
    月費計劃HK$0.65 / GB 起
    查看中國 CDN →

    香港 CDN

    HKIX 100Gb+ 直連，覆蓋本地 5 大數據中心

    按用量計費HK$0.28 / GB 起
    月費計劃HK$0.20 / GB 起
    查看香港 CDN →

    海外 CDN

    亞太、歐美節點，適合 SaaS 與跨境電商

    按用量計費HK$0.40 / GB 起
    月費計劃HK$0.38 / GB 起
    查看海外 CDN →

    影片 CDN

    直播、點播、串流，支援 HLS / DASH / MSS

    按地區流量計費
    查看影片 CDN →

    動態 CDN

    WebSocket、API、實時數據，適合 Fintech / Forex / Gaming

    按地區流量計費
    查看動態 CDN →

    智能 CDN

    一個介面調度多家供應商，多 CDN 容錯切換

    HK$20 / 月起
    查看智能 CDN →
    ); } // ============================================================ // FAQ, 6 Q&A. AEO §5.4. Strings must match FAQPage JSON-LD. // ============================================================ const FAQ_ITEMS = [ { q: '什麼是 CDN？我的網站需要嗎？', a: 'CDN 將網站內容預先放到分佈全球的邊緣節點，訪客就近連線、縮短延遲。電商、媒體、SaaS、金融、遊戲等對速度敏感的網站尤其適用，載入慢 100 ms，轉換率即跌 7%。' }, { q: 'UD CDN 的中國加速為何比海外服務商快？', a: 'UD 採用中國電信 CN2 GIA 最高優先級線路，在香港、深圳、上海等近邊部署節點，內地用戶平均延遲低於 50 ms。UD 本身為香港 ISP，與內地三大運營商有 BGP 直連對等。' }, { q: 'UD CDN 有沒有協助 ICP 備案？', a: '兩條路皆可：必須在內地部署的，UD 提供 ICP 備案代辦；不需在內地部署的，UD 中國 CDN 預設免 ICP 運作，即時開通、無須審批。' }, { q: 'UD CDN 的價錢如何計算？', a: '按 GB 用量階梯計費，港幣定價，無月費、無最低消費、無長期合約。香港每 GB 低至 HK$0.28（用量越大越平），月費計劃更低至 HK$0.20。首 2,000,000 次 HTTP 請求免費，可申請試用帳戶。' }, { q: 'UD CDN 同 Cloudflare / Akamai 有什麼分別？', a: 'UD 是自 1998 年香港本地電訊運營商：港幣計價、廣東話 24×7 真人支援、CN2 GIA 免 ICP 中國加速。國際大廠多以美元計價、英文非同步工單支援，中國節點亦較稀疏。' }, { q: '啟用 UD CDN 需要改我現有 DNS 嗎？', a: '只需把要加速的域名 CNAME 指向 UD CDN 端點，幾分鐘至幾小時內全球生效。整個設定流程平均 30 秒完成，本地工程團隊全程支援。' }]; const CFAQ_CSS = `.CFAQ-list{border-top:1px solid rgba(15,42,71,0.12);margin-top:8px}\n.CFAQ-item{border-bottom:1px solid rgba(15,42,71,0.12)}\n.CFAQ-q{appearance:none;background:transparent;border:0;width:100%;padding:24px 0;display:grid;grid-template-columns:1fr 24px;align-items:center;gap:32px;text-align:left;cursor:pointer;font-family:inherit}\n.CFAQ-q-text{font-size:18px;font-weight:600;color:#0F2A47;letter-spacing:-.2px;line-height:1.45;text-wrap:balance}\n.CFAQ-toggle{width:24px;height:24px;color:#7C3AED;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}\n.CFAQ-item.open .CFAQ-toggle{transform:rotate(45deg)}\n.CFAQ-toggle svg{width:18px;height:18px}\n.CFAQ-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}\n.CFAQ-item.open .CFAQ-a{grid-template-rows:1fr}\n.CFAQ-a > div{overflow:hidden;min-height:0}\n.CFAQ-a p{margin:0 0 24px;font-size:15.5px;line-height:1.8;color:#475569;text-wrap:pretty;max-width:880px}\n@media (max-width:640px){.CFAQ-q-text{font-size:16px}.CFAQ-a p{font-size:14.5px}}`; function FAQSection() { const [open, setOpen] = React.useState(0); return (

    常見問題

    未有覆蓋你的問題？歡迎直接聯絡我們的香港工程團隊。

    {FAQ_ITEMS.map((it, i) =>

    {it.a}

    )}
    ); } // ============================================================ // Industries / Use Cases, 4 rows table // ============================================================ const IND_CSS = `.IND2-eyebrow{font-family:ui-monospace,monospace;font-size:12.5px;letter-spacing:3px;text-transform:uppercase;color:#A855F7;margin:0 0 16px}\n.IND2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}\n.IND2-card{background:#fff;border:1px solid rgba(15,42,71,0.10);border-radius:16px;padding:30px 28px}\n.IND2-ind{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin:0 0 12px;color:#0F2A47}\n.IND2-ind::before{content:'';width:22px;height:3px;border-radius:2px;background:linear-gradient(135deg,#A855F7,#7C3AED);flex:none}\n.IND2-pain{font-size:15px;line-height:1.7;color:#64748b;margin:0;text-wrap:pretty}\n@media (max-width:760px){.IND2-grid{grid-template-columns:1fr}}`; const INDUSTRIES = [ { ind: '跨境電商 / 國際 SaaS', pain: '海外客戶等一秒就走，轉化與訂單同時流失' }, { ind: '中國市場拓展', pain: '未有 ICP 備案，內地訪客卻慢到打不開' }, { ind: '媒體 / 直播 / OTT', pain: '收視高峰一到，流量 Spike 瞬間壓垮源站' }, { ind: 'Fintech / 外匯 / 線上遊戲', pain: '毫秒級延遲，足以吃掉一張訂單、輸掉一局' }]; function IndustriesSection() { return (

    適用於以下行業

    不同行業 · 不同擴張難題 · 一套加速方案

    {INDUSTRIES.map((r) =>

    {r.ind}

    {r.pain}

    )}
    ); } // ============================================================ // Enquiry Section (homepage), left copy + unified CdnEnquiryForm // ============================================================ const HOME_ENQ_CSS = ` .HENQ-stage{position:relative;background:#0F2A47;color:#fff;font-family:'Inter','Noto Sans HK','Noto Sans TC',sans-serif;padding:var(--section-pad-y-d) 0;overflow:hidden} .HENQ-stage::before{content:'';position:absolute;top:-200px;right:-150px;width:620px;height:620px;background:radial-gradient(circle,rgba(139,92,246,0.22) 0%,transparent 65%);pointer-events:none} .HENQ-stage::after{content:'';position:absolute;bottom:-180px;left:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(167,139,250,0.12) 0%,transparent 65%);pointer-events:none} .HENQ-inner{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:96px;align-items:start} .HENQ-h2{margin:0 0 24px;font-size:clamp(40px,4.6vw,60px);font-weight:700;line-height:1.05;letter-spacing:-1.8px;color:#fff;text-wrap:balance} .HENQ-h2 .grad{background:linear-gradient(135deg,#C4B5FD 0%,#A855F7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent} .HENQ-body{margin:0;font-size:17px;line-height:1.75;color:rgba(255,255,255,0.78);max-width:460px;text-wrap:pretty} .HENQ-body b{color:#fff;font-weight:600} .HENQ-hours{margin-top:32px;display:inline-flex;align-items:center;gap:14px;font-family:ui-monospace,monospace;font-size:13px;letter-spacing:1.4px;color:rgba(255,255,255,0.75);text-transform:uppercase} .HENQ-hours .dot{width:8px;height:8px;border-radius:50%;background:#A855F7;box-shadow:0 0 0 4px rgba(167,139,250,0.25)} .HENQ-hours b{color:#fff;font-weight:700} @media (max-width:1080px){ .HENQ-inner{grid-template-columns:1fr;gap:56px} } @media (max-width:1024px){ .HENQ-stage{padding:var(--section-pad-y-t) 0} } @media (max-width:640px){ .HENQ-stage{padding:var(--section-pad-y-m) 0} } `; function EnquirySection() { return (

    與本地
    CDN 團隊對話

    無論係中國加速、海外節點、直播 / 點播、動態 API 還是多線路智能調度，填妥右側表格，香港本地團隊會盡快跟進，為你規劃最合適的方案組合。

    24 × 7 · 廣東話真人支援
    {typeof window !== 'undefined' && window.CdnEnquiryForm ? : null}
    ); } // ============================================================ // Closing CTA Band (Trust + CTA combined per draft Block 10) // ============================================================ function CTASection() { return (

    從免費試用開始，
    30 秒之內為您的網站加速。

    首月免費，按 GB 用量計費，無月費、無合約。香港本地工程團隊 24×7 廣東話支援。

    免費試用 → 查看定價
    ); } // ============================================================ // Footer // ============================================================ function FooterSection() { return ( ); } // ============================================================ // Wrapper, emits CSS once // ============================================================ function CDNSections() { return ( <> ); } window.SECT_CSS = SECT_CSS; window.CDNSections = CDNSections; window.WhySection = WhySection; window.ComparisonSection = ComparisonSection; window.PricingSection = PricingSection; window.FAQSection = FAQSection; window.IndustriesSection = IndustriesSection; window.CTASection = CTASection; window.EnquirySection = EnquirySection; window.FooterSection = FooterSection; window.FAQ_ITEMS = FAQ_ITEMS;