Головна сторінка Огляд Довідка
Увійти
Evan
/
DoTouchAI
1
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Дерево: 16fd254510
Гілки Теги
DoTouchAI
/
docs
/
design
/
web-v1.1.0
/
index.html

index.html 26 KB
Історія Запис

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="vi">
    3. 

  3. <head>
    4. 

  4. <meta charset="UTF-8">
    5. 

  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. 

  6. <title>DoTouch.AI — AI Trung Quốc giá rẻ cho thế giới</title>
    7. 

  7. <link rel="stylesheet" href="style.css">
    8. 

  8. </head>
    9. 

  9. <body>
    10. 

  10. 

  11. <div class="dev-note">v1.1.0 · 2026-08-08 · 默认越南语 · 价格 USD+VND 双币种 · 多页面站（5 页）</div>
    12. 

  12. 

  13. <!-- ══════════ HEADER ══════════ -->
    14. 

  14. <header>
    15. 

  15.   <div class="wrap nav">
    16. 

  16.     <a class="nav-logo" href="index.html">
    17. 

  17.       <svg viewBox="0 0 460 120" xmlns="http://www.w3.org/2000/svg">
    18. 

  18.         <defs><linearGradient id="g1" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9B7BFF"/><stop offset="1" stop-color="#5C3DF0"/></linearGradient></defs>
    19. 

  19.         <g transform="translate(0,6) scale(0.92)">
    20. 

  20.           <circle cx="50" cy="50" r="33" stroke="rgba(124,92,255,.3)" stroke-width="1.5" stroke-dasharray="2 7" fill="none"/>
    21. 

  21.           <g stroke="#00E5A0" stroke-width="1.8" opacity=".55"><line x1="50" y1="50" x2="76" y2="26"/><line x1="50" y1="50" x2="26" y2="76"/><line x1="50" y1="50" x2="78" y2="75"/></g>
    22. 

  22.           <circle cx="50" cy="50" r="12" stroke="rgba(124,92,255,.4)" fill="none"/>
    23. 

  23.           <circle cx="50" cy="50" r="7.5" fill="url(#g1)"/>
    24. 

  24.           <circle cx="76" cy="26" r="4" fill="#00E5A0"/><circle cx="26" cy="76" r="4" fill="#00E5A0"/><circle cx="78" cy="75" r="4" fill="#00E5A0"/>
    25. 

  25.         </g>
    26. 

  26.         <text x="128" y="78" font-size="50" font-weight="700" fill="#E8ECF8" font-family="inherit">DoTouch</text>
    27. 

  27.         <text x="348" y="78" font-size="50" font-weight="700" fill="url(#g1)" font-family="inherit">.AI</text>
    28. 

  28.       </svg>
    29. 

  29.     </a>
    30. 

  30.         <nav class="nav-links">
    31. 

  31.       <a href="index.html" class="active" data-i18n="nav_home">Trang chủ</a>
    32. 

  32.       <a href="models.html" data-i18n="nav_models">Models</a>
    33. 

  33.       <a href="pricing.html" data-i18n="nav_pricing">Pricing</a>
    34. 

  34.       <a href="docs.html" data-i18n="nav_docs_ops">Hướng dẫn</a>
    35. 

  35.       <a href="../console-v1.0.0/user-console.html" data-i18n="nav_console">Console</a>
    36. 

  36.     </nav>
    37. 

  37.     <div class="nav-right">
    38. 

  38.       <div class="lang-switch">
    39. 

  39.         <button class="lang-btn active" data-lang="vi">VI</button>
    40. 

  40.         <button class="lang-btn" data-lang="en">EN</button>
    41. 

  41.         <button class="lang-btn" data-lang="zh-CN">简</button>
    42. 

  42.         <button class="lang-btn" data-lang="zh-TW">繁</button>
    43. 

  43.       </div>
    44. 

  44.       <a class="btn btn-sm" href="#" data-open-auth="login" data-i18n="nav_login">Đăng nhập</a>
    45. 

  45.       <a class="btn btn-primary btn-sm" href="#" data-open-auth="register" data-i18n="nav_signup">Bắt đầu</a>
    46. 

  46.     </div>
    47. 

  47.   </div>
    48. 

  48. </header>
    49. 

  49. 

  50. <!-- ══════════ HERO ══════════ -->
    51. 

  51. <div class="wrap" style="padding-top:70px;text-align:center;position:relative;">
    52. 

  52.   <div style="position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:760px;height:420px;background:radial-gradient(50% 60% at 50% 50%, rgba(124,92,255,.26), transparent 70%);pointer-events:none;"></div>
    53. 

  53.   <span style="display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--green-l);border:1px solid rgba(0,229,160,.3);background:rgba(0,229,160,.07);padding:5px 14px;border-radius:999px;" data-i18n="hero_badge">Tương thích OpenAI · Bằng 70% giá Trung Quốc · Ưu tiên Việt Nam</span>
    54. 

  54.   <h1 style="font-size:clamp(38px,6vw,60px);font-weight:800;letter-spacing:-1px;line-height:1.12;margin-top:24px;" data-i18n="hero_h1">Một chạm.</h1>
    55. 

  55.   <h1 style="font-size:clamp(38px,6vw,60px);font-weight:800;letter-spacing:-1px;line-height:1.12;"><span style="background:linear-gradient(120deg,var(--purple-l),var(--green-l));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;" data-i18n="hero_h1_grad">Mọi AI.</span></h1>
    56. 

  56.   <p style="max-width:660px;margin:22px auto 0;color:var(--muted);font-size:16.5px;" data-i18n="hero_sub">DoTouch.AI mang sức mạnh của các mô hình AI tiên phong Trung Quốc — GLM 5.2, DeepSeek V4 và hơn thế nữa — đến với nhà phát triển và doanh nghiệp nhỏ trên toàn thế giới với giá cực rẻ. API OpenAI tương thích. Rẻ hơn 30%. Không cần di chuyển.</p>
    57. 

  57.   <div style="display:flex;justify-content:center;gap:14px;margin-top:34px;flex-wrap:wrap;">
    58. 

  58.     <a class="btn btn-primary" href="#" data-open-auth="register" data-i18n="hero_cta1">Bắt đầu miễn phí</a>
    59. 

  59.     <a class="btn" href="pricing.html" data-i18n="hero_cta2">Xem bảng giá</a>
    60. 

  60.   </div>
    61. 

  61. 

  62.   <!-- B1 枢纽视觉 -->
    63. 

  63.   <div style="display:flex;justify-content:center;margin-top:42px;">
    64. 

  64.     <svg viewBox="0 0 200 200" width="200" height="200" xmlns="http://www.w3.org/2000/svg" style="filter:drop-shadow(0 0 40px rgba(124,92,255,.35));animation:float 6s ease-in-out infinite;">
    65. 

  65.       <defs><linearGradient id="hg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9B7BFF"/><stop offset="1" stop-color="#5C3DF0"/></linearGradient></defs>
    66. 

  66.       <circle cx="100" cy="100" r="66" stroke="rgba(124,92,255,.3)" stroke-width="2" stroke-dasharray="3 9" fill="none"/>
    67. 

  67.       <g stroke="#00E5A0" stroke-width="2.5" opacity=".55"><line x1="100" y1="100" x2="152" y2="52"/><line x1="100" y1="100" x2="52" y2="152"/><line x1="100" y1="100" x2="156" y2="150"/></g>
    68. 

  68.       <circle cx="100" cy="100" r="24" stroke="rgba(124,92,255,.4)" fill="none"/>
    69. 

  69.       <circle cx="100" cy="100" r="15" fill="url(#hg)"/>
    70. 

  70.       <circle cx="94" cy="94" r="4.5" fill="#fff" opacity=".5"/>
    71. 

  71.       <circle cx="152" cy="52" r="8" fill="#00E5A0"/><circle cx="152" cy="52" r="3" fill="#0B1020"/>
    72. 

  72.       <circle cx="52" cy="152" r="8" fill="#00E5A0"/><circle cx="52" cy="152" r="3" fill="#0B1020"/>
    73. 

  73.       <circle cx="156" cy="150" r="8" fill="#00E5A0"/><circle cx="156" cy="150" r="3" fill="#0B1020"/>
    74. 

  74.     </svg>
    75. 

  75.   </div>
    76. 

  76.   <style>@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}</style>
    77. 

  77. 

  78.   <div style="display:flex;justify-content:center;gap:44px;margin-top:44px;flex-wrap:wrap;">
    79. 

  79.     <div><b style="font-size:26px;color:var(--green-l);" data-i18n="stat_models">4+</b><br><span style="font-size:13px;color:var(--muted);" data-i18n="stat_models_l">Mô hình tiên phong</span></div>
    80. 

  80.     <div><b style="font-size:26px;color:var(--green-l);" data-i18n="stat_save">30%</b><br><span style="font-size:13px;color:var(--muted);" data-i18n="stat_save_l">Rẻ hơn giá Trung Quốc</span></div>
    81. 

  81.     <div><b style="font-size:26px;color:var(--green-l);" data-i18n="stat_api">100%</b><br><span style="font-size:13px;color:var(--muted);" data-i18n="stat_api_l">Tương thích API OpenAI</span></div>
    82. 

  82.     <div><b style="font-size:26px;color:var(--green-l);" data-i18n="stat_pay">6+</b><br><span style="font-size:13px;color:var(--muted);" data-i18n="stat_pay_l">Phương thức thanh toán</span></div>
    83. 

  83.   </div>
    84. 

  84. </div>
    85. 

  85. 

  86. <!-- ══════════ MODELS（带下钻） ══════════ -->
    87. 

  87. <section style="background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:60px;">
    88. 

  88.   <div class="wrap">
    89. 

  89.     <div class="sec-head" style="text-align:center;max-width:640px;margin:0 auto 36px;">
    90. 

  90.       <div class="kicker" data-i18n="models_kicker">Models</div>
    91. 

  91.       <h2 data-i18n="models_h2">Mô hình AI Trung Quốc, một API duy nhất</h2>
    92. 

  92.       <p data-i18n="models_p">Tất cả mô hình được phục vụ qua Alibaba Cloud DashScope, tương thích hoàn toàn OpenAI. Xem chi tiết từng mô hình.</p>
    93. 

  93.       <a href="models.html" style="display:inline-block;margin-top:14px;font-size:14px;color:var(--purple-l);font-weight:600;" data-i18n="pricing_more">Xem bảng giá đầy đủ →</a>
    94. 

  94.     </div>
    95. 

  95.     <div class="grid4">
    96. 

  96.       <a class="card hover-up" href="model-detail.html?m=glm-5.2">
    97. 

  97.         <div style="display:flex;justify-content:space-between;align-items:center;"><b style="font-size:16px;" data-i18n="m_glm_name">GLM 5.2</b><span class="tag tag-purple" data-i18n="tag_flagship">Cao cấp</span></div>
    98. 

  98.         <p style="font-size:12.5px;color:var(--muted);margin-top:6px;min-height:34px;" data-i18n="m_glm_short">Mô hình đa phương thức hàng đầu, suy luận + lập trình + tác vụ agent.</p>
    99. 

  99.         <div style="margin-top:12px;font-size:12px;color:var(--muted);"><span data-i18n="price_in">Đầu vào</span> <span class="price-usd" data-usd="0.98">$0.98</span></div>
    100. 

  100.         <div style="font-size:12px;color:var(--muted);"><span data-i18n="price_out">Đầu ra</span> <span class="price-usd" data-usd="3.08">$3.08</span></div>
    101. 

  101.         <div style="margin-top:12px;font-size:13px;color:var(--purple-l);font-weight:600;" data-i18n="m_see_detail">Xem chi tiết →</div>
    102. 

  102.       </a>
    103. 

  103.       <a class="card hover-up" href="model-detail.html?m=deepseek-v4">
    104. 

  104.         <div style="display:flex;justify-content:space-between;align-items:center;"><b style="font-size:16px;" data-i18n="m_dsv4_name">DeepSeek V4</b><span class="tag tag-green" data-i18n="tag_best">Đáng giá</span></div>
    105. 

  105.         <p style="font-size:12.5px;color:var(--muted);margin-top:6px;min-height:34px;" data-i18n="m_dsv4_short">Cỗ máy suy luận mã nguồn mở, lý tưởng cho chat & RAG khối lượng lớn.</p>
    106. 

  106.         <div style="margin-top:12px;font-size:12px;color:var(--muted);"><span data-i18n="price_in">Đầu vào</span> <span class="price-usd" data-usd="0.14">$0.14</span></div>
    107. 

  107.         <div style="font-size:12px;color:var(--muted);"><span data-i18n="price_out">Đầu ra</span> <span class="price-usd" data-usd="0.28">$0.28</span></div>
    108. 

  108.         <div style="margin-top:12px;font-size:13px;color:var(--purple-l);font-weight:600;" data-i18n="m_see_detail">Xem chi tiết →</div>
    109. 

  109.       </a>
    110. 

  110.       <a class="card hover-up" href="model-detail.html?m=deepseek-v4-pro">
    111. 

  111.         <div style="display:flex;justify-content:space-between;align-items:center;"><b style="font-size:16px;" data-i18n="m_dsv4p_name">DeepSeek V4 Pro</b><span class="tag tag-gold" data-i18n="tag_reasoning">Suy luận</span></div>
    112. 

  112.         <p style="font-size:12.5px;color:var(--muted);margin-top:6px;min-height:34px;" data-i18n="m_dsv4p_short">Suy luận sâu cho toán học, logic và kế hoạch agent dài hạn.</p>
    113. 

  113.         <div style="margin-top:12px;font-size:12px;color:var(--muted);"><span data-i18n="price_in">Đầu vào</span> <span class="price-usd" data-usd="0.30">$0.30</span></div>
    114. 

  114.         <div style="font-size:12px;color:var(--muted);"><span data-i18n="price_out">Đầu ra</span> <span class="price-usd" data-usd="0.60">$0.60</span></div>
    115. 

  115.         <div style="margin-top:12px;font-size:13px;color:var(--purple-l);font-weight:600;" data-i18n="m_see_detail">Xem chi tiết →</div>
    116. 

  116.       </a>
    117. 

  117.       <a class="card hover-up" href="model-detail.html?m=qwen-max">
    118. 

  118.         <div style="display:flex;justify-content:space-between;align-items:center;"><b style="font-size:16px;" data-i18n="m_qwen_name">Qwen Max</b><span class="tag tag-gray" data-i18n="tag_enterprise">Doanh nghiệp</span></div>
    119. 

  119.         <p style="font-size:12.5px;color:var(--muted);margin-top:6px;min-height:34px;" data-i18n="m_qwen_short">Mô hình tổng quát mạnh nhất, đa ngôn ngữ & gọi công cụ.</p>
    120. 

  120.         <div style="margin-top:12px;font-size:12px;color:var(--muted);"><span data-i18n="price_in">Đầu vào</span> <span class="price-usd" data-usd="1.96">$1.96</span></div>
    121. 

  121.         <div style="font-size:12px;color:var(--muted);"><span data-i18n="price_out">Đầu ra</span> <span class="price-usd" data-usd="7.84">$7.84</span></div>
    122. 

  122.         <div style="margin-top:12px;font-size:13px;color:var(--purple-l);font-weight:600;" data-i18n="m_see_detail">Xem chi tiết →</div>
    123. 

  123.       </a>
    124. 

  124.     </div>
    125. 

  125.     <div class="rate-box" style="max-width:560px;margin:20px auto 0;" data-i18n="rate_note">Tỷ giá tham khảo: 1 USD ≈ 25.400₫ (tự động cập nhật khi nạp tiền)</div>
    126. 

  126.   </div>
    127. 

  127. </section>
    128. 

  128. 

  129. <!-- ══════════ FEATURES ══════════ -->
    130. 

  130. <section>
    131. 

  131.   <div class="wrap">
    132. 

  132.     <div class="sec-head" style="text-align:center;max-width:640px;margin:0 auto 36px;">
    133. 

  133.       <div class="kicker" data-i18n="feat_kicker">Vì sao DoTouch</div>
    134. 

  134.       <h2 data-i18n="feat_h2">Dành cho lập trình viên, giá cho mọi người</h2>
    135. 

  135.     </div>
    136. 

  136.     <div class="grid3">
    137. 

  137.       <div class="card"><div style="font-size:22px;">🔌</div><h3 style="margin-top:10px;font-size:15.5px;" data-i18n="f1_t">Tương thích OpenAI tức thì</h3><p style="font-size:13px;color:var(--muted);margin-top:6px;" data-i18n="f1_d">Đổi một dòng cấu hình SDK OpenAI là mọi thứ hoạt động.</p></div>
    138. 

  138.       <div class="card"><div style="font-size:22px;">💎</div><h3 style="margin-top:10px;font-size:15.5px;" data-i18n="f2_t">Bằng 70% giá Trung Quốc</h3><p style="font-size:13px;color:var(--muted);margin-top:6px;" data-i18n="f2_d">Mô hình Trung Quốc với giá Trung Quốc, thanh toán bằng USD hoặc VND.</p></div>
    139. 

  139.       <div class="card"><div style="font-size:22px;">💳</div><h3 style="margin-top:10px;font-size:15.5px;" data-i18n="f3_t">Thanh toán nội địa</h3><p style="font-size:13px;color:var(--muted);margin-top:6px;" data-i18n="f3_d">MoMo, ZaloPay, Stripe, PayPal, Alipay và thẻ ngân hàng.</p></div>
    140. 

  140.       <div class="card"><div style="font-size:22px;">🌏</div><h3 style="margin-top:10px;font-size:15.5px;" data-i18n="f4_t">Hỗ trợ ưu tiên Việt Nam</h3><p style="font-size:13px;color:var(--muted);margin-top:6px;" data-i18n="f4_d">Console, tài liệu và hỗ trợ tiếng Việt.</p></div>
    141. 

  141.       <div class="card"><div style="font-size:22px;">⚡</div><h3 style="margin-top:10px;font-size:15.5px;" data-i18n="f5_t">Độ trễ thấp, uptime cao</h3><p style="font-size:13px;color:var(--muted);margin-top:6px;" data-i18n="f5_d">Edge node tại Hồng Kông kết nối trực tiếp nguồn cấp.</p></div>
    142. 

  142.       <div class="card"><div style="font-size:22px;">📊</div><h3 style="margin-top:10px;font-size:15.5px;" data-i18n="f6_t">Sử dụng minh bạch</h3><p style="font-size:13px;color:var(--muted);margin-top:6px;" data-i18n="f6_d">Bản ghi token & chi phí từng request, tổng kết theo ngày.</p></div>
    143. 

  143.     </div>
    144. 

  144.   </div>
    145. 

  145. </section>
    146. 

  146. 

  147. <!-- ══════════ HOW IT WORKS ══════════ -->
    148. 

  148. <section style="background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);">
    149. 

  149.   <div class="wrap">
    150. 

  150.     <div class="sec-head" style="text-align:center;max-width:640px;margin:0 auto 36px;">
    151. 

  151.       <div class="kicker" data-i18n="how_kicker">Bắt đầu nhanh</div>
    152. 

  152.       <h2 data-i18n="how_h2">Hoạt động sau 3 bước</h2>
    153. 

  153.     </div>
    154. 

  154.     <div class="grid3">
    155. 

  155.       <div class="card"><b style="color:var(--purple-l);">01</b><h3 style="margin-top:6px;font-size:15.5px;" data-i18n="s1_t">Tạo tài khoản</h3><p style="font-size:13px;color:var(--muted);margin-top:6px;" data-i18n="s1_d">Đăng ký email, nạp tiền bao nhiêu tùy ý.</p></div>
    156. 

  156.       <div class="card"><b style="color:var(--purple-l);">02</b><h3 style="margin-top:6px;font-size:15.5px;" data-i18n="s2_t">Tạo API key</h3><p style="font-size:13px;color:var(--muted);margin-top:6px;" data-i18n="s2_d">Một cú click trong console. Key bắt đầu bằng dt_.</p></div>
    157. 

  157.       <div class="card"><b style="color:var(--purple-l);">03</b><h3 style="margin-top:6px;font-size:15.5px;" data-i18n="s3_t">Gọi API</h3><p style="font-size:13px;color:var(--muted);margin-top:6px;" data-i18n="s3_d">Trỏ OpenAI SDK vào api.dotouch.ai. Xong.</p></div>
    158. 

  158.     </div>
    159. 

  159.     <div class="code-block" style="max-width:700px;margin:26px auto 0;">
    160. 

  160.       <div class="code-head"><span class="dots"><i></i><i></i><i></i></span><span>api.dotouch.ai · OpenAI-compatible</span></div>
    161. 

  161.       <pre><code><span class="c-c"># Chỉ cần đổi base URL và key</span>
    162. 

  162. <span class="c-k">curl</span> https://api.dotouch.ai/v1/chat/completions \
    163. 

  163.   -H <span class="c-s">"Authorization: Bearer dt_your_key_here"</span> \
    164. 

  164.   -H <span class="c-s">"Content-Type: application/json"</span> \
    165. 

  165.   -d <span class="c-s">'{"model": "deepseek-v4",
    166. 

  166.       "messages": [{"role": "user", "content": "Xin chào!"}]}'</span></code></pre>
    167. 

  167.     </div>
    168. 

  168.     <div style="text-align:center;margin-top:22px;"><a class="btn" href="docs.html" data-i18n="foot_docs">Tài liệu</a></div>
    169. 

  169.   </div>
    170. 

  170. </section>
    171. 

  171. 

  172. <!-- ══════════ FAQ ══════════ -->
    173. 

  173. <section>
    174. 

  174.   <div class="wrap" style="max-width:760px;">
    175. 

  175.     <div class="sec-head" style="text-align:center;margin-bottom:28px;">
    176. 

  176.       <div class="kicker" data-i18n="faq_kicker">FAQ</div>
    177. 

  177.       <h2 data-i18n="faq_h2">Câu hỏi thường gặp</h2>
    178. 

  178.     </div>
    179. 

  179.     <div class="faq-item open"><div class="faq-q" data-i18n="q1">Hóa đơn hoạt động thế nào?<span class="plus">+</span></div><div class="faq-a"><p data-i18n="a1">Chỉ trả trước. Nạp tín dụng, mỗi request được đo theo token và trừ từ số dư. Không thuê bao, không hóa đơn bất ngờ.</p></div></div>
    180. 

  180.     <div class="faq-item"><div class="faq-q" data-i18n="q2">Có thực sự tương thích OpenAI không?<span class="plus">+</span></div><div class="faq-a"><p data-i18n="a2">Có. Cùng endpoint, định dạng request, streaming (SSE) và lỗi. Trỏ OpenAI SDK hiện có vào base URL của chúng tôi là xong.</p></div></div>
    181. 

  181.     <div class="faq-item"><div class="faq-q" data-i18n="q3">Thanh toán bằng loại tiền nào?<span class="plus">+</span></div><div class="faq-a"><p data-i18n="a3">Hiển thị USD và VND. Thanh toán qua MoMo, ZaloPay, Stripe, PayPal, Alipay và thẻ ngân hàng. Tỷ giá áp dụng tại thời điểm nạp tiền.</p></div></div>
    182. 

  182.     <div class="faq-item"><div class="faq-q" data-i18n="q4">Có những mô hình nào?<span class="plus">+</span></div><div class="faq-a"><p data-i18n="a4">GLM 5.2, DeepSeek V4, DeepSeek V4 Pro, Qwen Max — và nhiều mô hình đang được bổ sung liên tục.</p></div></div>
    183. 

  183.     <div class="faq-item"><div class="faq-q" data-i18n="q5">Có mức nạp tối thiểu không?<span class="plus">+</span></div><div class="faq-a"><p data-i18n="a5">Không. Bắt đầu với bất kỳ số tiền nào — thậm chí $1.</p></div></div>
    184. 

  184.     <div class="faq-item"><div class="faq-q" data-i18n="q6">Dữ liệu của tôi có an toàn không?<span class="plus">+</span></div><div class="faq-a"><p data-i18n="a6">API của bạn được xử lý qua Alibaba Cloud DashScope theo điều khoản áp dụng. Chúng tôi không bao giờ huấn luyện trên dữ liệu của bạn.</p></div></div>
    185. 

  185.   </div>
    186. 

  186. </section>
    187. 

  187. 

  188. <!-- ══════════ CTA ══════════ -->
    189. 

  189. <section>
    190. 

  190.   <div class="wrap" style="max-width:820px;">
    191. 

  191.     <div class="card" style="text-align:center;padding:46px 36px;background:linear-gradient(130deg, rgba(124,92,255,.2), rgba(0,229,160,.08)), var(--card);border-color:rgba(124,92,255,.4);">
    192. 

  192.       <h2 style="font-size:clamp(22px,3vw,30px);font-weight:800;" data-i18n="cta_h2">Một chạm. Mọi AI. Rẻ hơn 30%.</h2>
    193. 

  193.       <p style="color:var(--muted);margin-top:10px;" data-i18n="cta_p">Tham gia cùng lập trình viên khắp Việt Nam và thế giới.</p>
    194. 

  194.       <a class="btn btn-primary" href="#" data-open-auth="register" style="margin-top:24px;" data-i18n="cta_btn">Tạo tài khoản miễn phí</a>
    195. 

  195.     </div>
    196. 

  196.   </div>
    197. 

  197. </section>
    198. 

  198. 

  199. <!-- ══════════ FOOTER ══════════ -->
    200. 

  200. <footer>
    201. 

  201.   <div class="wrap">
    202. 

  202.     <div class="foot-grid">
    203. 

  203.       <div class="foot-brand">
    204. 

  204.         <svg viewBox="0 0 460 120" width="140" xmlns="http://www.w3.org/2000/svg">
    205. 

  205.           <defs><linearGradient id="fg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9B7BFF"/><stop offset="1" stop-color="#5C3DF0"/></linearGradient></defs>
    206. 

  206.           <g transform="translate(0,6) scale(0.92)"><circle cx="50" cy="50" r="33" stroke="rgba(124,92,255,.3)" stroke-width="1.5" stroke-dasharray="2 7" fill="none"/><g stroke="#00E5A0" stroke-width="1.8" opacity=".55"><line x1="50" y1="50" x2="76" y2="26"/><line x1="50" y1="50" x2="26" y2="76"/><line x1="50" y1="50" x2="78" y2="75"/></g><circle cx="50" cy="50" r="7.5" fill="url(#fg)"/><circle cx="76" cy="26" r="4" fill="#00E5A0"/><circle cx="26" cy="76" r="4" fill="#00E5A0"/><circle cx="78" cy="75" r="4" fill="#00E5A0"/></g>
    207. 

  207.           <text x="128" y="78" font-size="50" font-weight="700" fill="#E8ECF8" font-family="inherit">DoTouch</text><text x="348" y="78" font-size="50" font-weight="700" fill="url(#fg)" font-family="inherit">.AI</text>
    208. 

  208.         </svg>
    209. 

  209.         <p data-i18n="foot_p">AI Trung Quốc giá rẻ cho lập trình viên và doanh nghiệp nhỏ trên toàn thế giới.</p>
    210. 

  210.       </div>
    211. 

  211.       <div class="foot-col"><h4 data-i18n="foot_product">Sản phẩm</h4><a href="models.html" data-i18n="nav_models">Mô hình</a><a href="pricing.html" data-i18n="nav_pricing">Bảng giá</a><a href="#" data-i18n="foot_console">Console</a><a href="#" data-i18n="foot_status">Trạng thái</a></div>
    212. 

  212.       <div class="foot-col"><h4 data-i18n="foot_dev">Nhà phát triển</h4><a href="docs.html" data-i18n="foot_docs">Tài liệu</a><a href="docs.html" data-i18n="foot_quickstart">Bắt đầu nhanh</a><a href="#" data-i18n="foot_support">Hỗ trợ</a></div>
    213. 

  213.       <div class="foot-col"><h4 data-i18n="foot_legal">Pháp lý</h4><a href="#" data-i18n="foot_tos">Điều khoản dịch vụ</a><a href="#" data-i18n="foot_privacy">Chính sách bảo mật</a><a href="#" data-i18n="foot_refund">Chính sách hoàn tiền</a></div>
    214. 

  214.     </div>
    215. 

  215.     <div class="foot-bottom"><span>© 2026 DoTouch.AI — doTouch.ai</span><span data-i18n="foot_made">Tạo cho Việt Nam & thế giới · 算力普惠</span></div>
    216. 

  216.   </div>
    217. 

  217. </footer>
    218. 

  218. 

  219. <div class="support-panel" id="supportPanel">
    220. 

  220.   <div class="support-head"><b data-i18n="chat_title">Trợ giúp & Hỗ trợ</b><span class="chat-status" data-i18n="chat_online">Trực tuyến</span></div>
    221. 

  221.   <div class="support-body">
    222. 

  222.     <p data-i18n="chat_hello">Xin chào! Chúng tôi có thể giúp gì cho bạn?</p>
    223. 

  223.     <div class="chat-sugg">
    224. 

  224.       <button data-i18n="chat_q_balance">Làm sao để nạp tiền?</button>
    225. 

  225.       <button data-i18n="chat_q_key">Tạo API key thế nào?</button>
    226. 

  226.       <button data-i18n="chat_q_model">Nên chọn mô hình nào?</button>
    227. 

  227.     </div>
    228. 

  228.     <div class="chat-input"><input placeholder="Nhập tin nhắn..." data-i18n="chat_input"><button>➤</button></div>
    229. 

  229.     <div class="chat-channels"><a class="tag tag-purple" href="#">Zalo</a><a class="tag tag-green" href="#">Telegram</a><a class="tag tag-gray" href="#">Email</a></div>
    230. 

  230.   </div>
    231. 

  231. </div>
    232. 

  232. <button class="support-fab" id="supportFab" aria-label="Support">
    233. 

  233.   <span class="pulse-ring"></span>
    234. 

  234.   <svg viewBox="0 0 24 24" width="26" height="26" fill="#fff"><path d="M12 3C7 3 3 6.6 3 11c0 2.3 1 4.3 2.7 5.8L5 20l3.4-1.5c1.1.4 2.3.5 3.6.5 5 0 9-3.6 9-8s-4-8-9-8z"/><circle cx="8.5" cy="11" r="1.2" fill="#0B1020"/><circle cx="12" cy="11" r="1.2" fill="#0B1020"/><circle cx="15.5" cy="11" r="1.2" fill="#0B1020"/></svg>
    235. 

  235. </button>
    236. 

  236. 

  237. <div class="modal-mask" id="authModal">
    238. 

  238.   <div class="modal">
    239. 

  239.     <button class="modal-close" aria-label="Close">✕</button>
    240. 

  240. 

  241.     <div id="viewLogin">
    242. 

  242.       <h3 data-i18n="auth_login_title">Đăng nhập</h3>
    243. 

  243.       <div class="auth-error" data-i18n="auth_err_email">Email không hợp lệ</div>
    244. 

  244.       <div class="field"><label data-i18n="auth_email">Email</label><input type="email" placeholder="you@example.com"></div>
    245. 

  245.       <div class="field"><label data-i18n="auth_password">Mật khẩu</label><input type="password"></div>
    246. 

  246.       <button class="btn btn-primary btn-block" data-i18n="auth_login_btn">Đăng nhập</button>
    247. 

  247.       <div class="auth-links"><a data-auth-view="reset" data-i18n="auth_forgot">Quên mật khẩu?</a><a data-auth-view="register" data-i18n="auth_to_register">Tạo tài khoản</a></div>
    248. 

  248.     </div>
    249. 

  249. 

  250.     <div id="viewRegister" hidden>
    251. 

  251.       <h3 data-i18n="auth_register_title">Tạo tài khoản</h3>
    252. 

  252.       <div class="auth-error" data-i18n="auth_err_pwd">Mật khẩu không khớp</div>
    253. 

  253.       <div class="field"><label data-i18n="auth_email">Email</label><input type="email" placeholder="you@example.com"></div>
    254. 

  254.       <div class="field"><label data-i18n="auth_password">Mật khẩu</label><input type="password"></div>
    255. 

  255.       <div class="field"><label data-i18n="auth_confirm">Xác nhận mật khẩu</label><input type="password"></div>
    256. 

  256.       <div class="field">
    257. 

  257.         <label data-i18n="auth_code_label">Mã xác minh</label>
    258. 

  258.         <div class="code-row">
    259. 

  259.           <input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1">
    260. 

  260.           <button class="btn btn-sm code-send" data-send-code data-i18n="auth_code_send">Gửi mã</button>
    261. 

  261.         </div>
    262. 

  262.         <p class="auth-note" data-code-note data-i18n="auth_code_note">Mã gồm 8 ký tự chữ hoa & số, hiệu lực 15 phút</p>
    263. 

  263.       </div>
    264. 

  264.       <button class="btn btn-primary btn-block" data-i18n="auth_register_btn">Đăng ký</button>
    265. 

  265.       <div class="auth-links"><a data-auth-view="login" data-i18n="auth_to_login">Đã có tài khoản? Đăng nhập</a></div>
    266. 

  266.     </div>
    267. 

  267. 

  268.     <div id="viewReset" hidden>
    269. 

  269.       <h3 data-i18n="auth_reset_title">Đặt lại mật khẩu</h3>
    270. 

  270.       <div class="auth-error" data-i18n="auth_err_pwd">Mật khẩu không khớp</div>
    271. 

  271.       <div class="field"><label data-i18n="auth_email">Email</label><input type="email" placeholder="you@example.com"></div>
    272. 

  272.       <div class="field">
    273. 

  273.         <label data-i18n="auth_code_label">Mã xác minh</label>
    274. 

  274.         <div class="code-row">
    275. 

  275.           <input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1"><input class="code-cell" maxlength="1">
    276. 

  276.           <button class="btn btn-sm code-send" data-send-code data-i18n="auth_code_send">Gửi mã</button>
    277. 

  277.         </div>
    278. 

  278.         <p class="auth-note" data-code-note data-i18n="auth_code_note">Mã gồm 8 ký tự chữ hoa & số, hiệu lực 15 phút</p>
    279. 

  279.       </div>
    280. 

  280.       <div class="field"><label data-i18n="auth_new_pwd">Mật khẩu mới</label><input type="password"></div>
    281. 

  281.       <div class="field"><label data-i18n="auth_confirm_new">Xác nhận mật khẩu mới</label><input type="password"></div>
    282. 

  282.       <button class="btn btn-primary btn-block" data-i18n="auth_reset_btn">Đặt lại mật khẩu</button>
    283. 

  283.       <div class="auth-links"><a data-auth-view="login" data-i18n="auth_back_login">Quay lại đăng nhập</a></div>
    284. 

  284.     </div>
    285. 

  285.   </div>
    286. 

  286. </div>
    287. 

  287. 

  288. <script src="i18n.js"></script>
    289. 

  289. </body>
    290. 

  290. </html>
    291.