1<!DOCTYPE html><html lang="zh-CN" class="scroll-smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.29207c2f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/d35f63c56af26677.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/a4c94fca0c700d6c.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/de81b9ff91d90478.js"/>
1<script src="/_next/static/chunks/fcda6e343690ddf7.js" async=""></script>
1<script src="/_next/static/chunks/e075697bef6197d4.js" async=""></script>
1<script src="/_next/static/chunks/a58e9621eaaff906.js" async=""></script>
1<script src="/_next/static/chunks/53e1ffdd97e720a8.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-47769c0053d01043.js" async=""></script>
1<script src="/_next/static/chunks/733d483dbb25b2a8.js" async=""></script>
1<script src="/_next/static/chunks/e61992e38fd16c06.js" async=""></script>
1<script src="/_next/static/chunks/fe96ba40e9e8ef1d.js" async=""></script>
1<script src="/_next/static/chunks/db81d66fdcac06eb.js" async=""></script>
1<script src="/_next/static/chunks/61148fb845518522.js" async=""></script>
1<script src="/_next/static/chunks/b2b9122c1b63621e.js" async=""></script>
1<script src="/_next/static/chunks/395e51502c352751.js" async=""></script>
1<script src="/_next/static/chunks/bec9bc27fd316f44.js" async=""></script>
1<script src="/_next/static/chunks/75f964463e43185f.js" async=""></script>
1<script src="/_next/static/chunks/d7b8a6adcb687647.js" async=""></script>
1<script src="/_next/static/chunks/f95229c85107bf47.js" async=""></script>
1<script src="/_next/static/chunks/0dc97eab4bbef92a.js" async=""></script>
1<script src="/_next/static/chunks/8f11cc485796c631.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>å
è´¹éæç½ç«æç®¡å¹³å° - HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½² | ä¸ç Upma</title><meta name="description" content="ä¸ç Upma æä¾å
è´¹éæç½ç«æç®¡æå¡ï¼æ¯æ HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½²ï¼åæ¶å
¼å®¹å¾çä¸ä¼ ä¸å¤é¾ãéé
DeepSeek/ChatGPT/Gemini çæç½é¡µï¼å
ç½®èªå®ä¹ååãHTTPSãå
¨ç CDN ä¸çæ¬åæ»ã"/><meta name="keywords" content="å
è´¹éæç½ç«æç®¡å¹³å°,å
è´¹ç½ç«æç®¡å¹³å°,éæç½ç«æç®¡,HTML æç®¡,PDF æç®¡,AI ç½ç«ä¸é®é¨ç½²,AI ç½é¡µåå¸,AI 代ç é¨ç½²,å¾çå¤é¾,DeepSeek ç½é¡µåå¸,ChatGPT ç½é¡µåå¸,Gemini ç½é¡µåå¸"/><link rel="canonical" href="https://www.upma.cn"/><meta property="og:title" content="å
è´¹éæç½ç«æç®¡å¹³å° - HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½² | ä¸ç Upma"/><meta property="og:description" content="æ¯æ HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½²ï¼å
¼å®¹å¾çä¸ä¼ ä¸å¤é¾ï¼ç«å³è·å¾ HTTPS 龿¥ã"/><meta property="og:url" content="https://www.upma.cn"/><meta property="og:image" content="https://www.upma.cn/logo.png"/><meta property="og:image:width" content="512"/><meta property="og:image:height" content="512"/><meta property="og:image:alt" content="ä¸ç - å
è´¹éææç®¡å¹³å°"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="å
è´¹éæç½ç«æç®¡å¹³å° - HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½² | ä¸ç Upma"/><meta name="twitter:description" content="æ¯æ HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½²ï¼å
¼å®¹å¾çä¸ä¼ ä¸å¤é¾ï¼ç«å³è·å¾ HTTPS 龿¥ã"/><meta name="twitter:image" content="https://www.upma.cn/logo.png"/><meta name="twitter:image:width" content="512"/><meta name="twitter:image:height" content="512"/><meta name="twitter:image:alt" content="ä¸ç - å
è´¹éææç®¡å¹³å°"/><link rel="icon" href="/favicon.ico?favicon.441ae040.ico" sizes="256x256" type="image/x-icon"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased overflow-x-hidden bg-gray-50 dark:bg-[#050505] text-slate-900 dark:text-white"><div hidden=""><!--$--><!--/$--></div><style>#nprogress{pointer-events:none}#nprogress .bar{background:linear-gradient(to right, #6366f1, #8b5cf6, #ec4899);position:fixed;z-index:1600;top: 0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #8b5cf6,0 0 5px #8b5cf6;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1600;top: 15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:linear-gradient(to right, #6366f1, #8b5cf6, #ec4899);border-left-color:linear-gradient(to right, #6366f1, #8b5cf6, #ec4899);border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"ä¸ç ","applicationCategory":"DeveloperApplication","operatingSystem":"Web","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"description":"A platform to deploy AI-generated code (DeepSeek, ChatGPT, Claude) to the web instantly."}</script>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","system",null,["light","dark"],null,true,true)</script>
1<div class="bg-[#050505] text-white"><div class="fixed inset-0 pointer-events-none overflow-hidden"><div class="absolute top-0 left-1/4 w-96 h-96 bg-purple-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob"></div><div class="absolute top-0 right-1/4 w-96 h-96 bg-blue-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob animation-delay-2000"></div><div class="absolute -bottom-32 left-1/3 w-96 h-96 bg-pink-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob animation-delay-3000"></div><div class="absolute inset-0 bg-[url('/noise.svg')] opacity-26"></div></div><nav class="fixed top-0 w-full z-50 backdrop-blur-xl border-b transition-all bg-black/50 border-white/5 supports-[backdrop-filter]:bg-black/20"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between items-center h-16 relative"><div class="flex items-center gap-2 cursor-pointer relative z-20"><svg width="160" height="32" viewBox="0 0 160 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="-ml-4 sm:ml-0" aria-label="ä¸ç Logo"><defs><linearGradient id="circle_bg" x1="0" y1="0" x2="40" y2="40" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#1e1b4b"></stop> <stop offset="100%" stop-color="#2e1065"></stop> </linearGradient><linearGradient id="triangle_gradient" x1="20" y1="10" x2="20" y2="32" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#6366f1"></stop> <stop offset="50%" stop-color="#8b5cf6"></stop> <stop offset="100%" stop-color="#ec4899"></stop> </linearGradient><linearGradient id="dark_text_gradient" x1="0" y1="0" x2="0" y2="100%" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#dedede"></stop><stop offset="100%" stop-color="#a0aec0"></stop></linearGradient><filter id="text_shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="1" stdDeviation="1" flood-color="#000000" flood-opacity="0.5"></feDropShadow></filter></defs><g><circle cx="20" cy="20" r="20" fill="url(#circle_bg)"></circle><circle cx="20" cy="20" r="19" stroke="white" stroke-opacity="0.1" stroke-width="1"></circle><path d="M20 11L30 29H10L20 11Z" fill="url(#triangle_gradient)" class="drop-shadow-sm"></path></g><g transform="translate(48, 0)"><text x="0" y="29" fill="url(#dark_text_gradient)" filter="url(#text_shadow)" font-size="24" font-weight="900" font-family="PingFang SC, Microsoft YaHei, system-ui, sans-serif" letter-spacing="0.02em">ä¸ç </text><g transform="translate(54, 0)"><text x="0" y="17" fill="url(#triangle_gradient)" font-size="12" font-weight="900" font-family="Manrope, Inter, system-ui, sans-serif" letter-spacing="0.1em" style="text-transform:uppercase">up</text><text x="0" y="31" font-size="12" font-family="Manrope, Inter, system-ui, sans-serif" font-weight="900" letter-spacing="0.1em"><tspan fill="url(#triangle_gradient)" style="text-transform:uppercase">ma</tspan><tspan fill="white" fill-opacity="0.4" font-weight="600" font-size="10" dx="2">.cn</tspan></text></g></g></svg></div><div class="hidden md:flex items-center space-x-1 absolute left-1/2 -translate-x-1/2 h-full"><div class="relative h-full flex items-center px-4"><button class="flex items-center gap-1 text-[0.925rem] font-medium transition-colors text-gray-400 hover:text-white">åè½<svg class="w-4 h-4 transition-transform duration-200 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="absolute top-full left-1/2 -translate-x-1/2 pt-4 w-[820px]" style="opacity:0;pointer-events:none;visibility:hidden;transform:translateY(10px) scale(0.95)"><div class="bg-[#12141a] border border-white/10 rounded-2xl shadow-2xl p-6 relative overflow-hidden"><div class="absolute inset-0 bg-linear-to-br from-white/5 to-transparent pointer-events-none"></div><div class="grid grid-cols-3 gap-4 relative z-10"><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/global-cdn"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2
10 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">å
¨ç CDN å é</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">280+ èç¹æ¯«ç§çº§è§¦è¾¾</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/free-ssl"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">å
è´¹ SSL è¯ä¹¦</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">èªå¨ç»æï¼æ°¸ä¹
å
è´¹</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/cli-deploy"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">CLI æéé¨ç½²</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">ä¸è¡å½ä»¤åå¸ä¸çº¿</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/instant-rollback"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">ç§çº§åæ»</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">å¿«éæ¢å¤å°ä»»æçæ¬</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/custom-domains"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">èªå®ä¹åå</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">ç»å®æ¨çä¸å±åçåå</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/password-protection"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">å¯ç 访é®ä¿æ¤</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">ç§å¯é¡¹ç®å®å
¨é²æ¤</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/analytics"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">访é®ç»è®¡</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">宿¶æµéåæä¸æ´å¯</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/team-collaboration"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2
10 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">å¢éåä½</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">å¤äººååå¼åä¸ç®¡ç</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm10 0a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zm10 0a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">å
¨é¨ç¹æ§</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">æ¢ç´¢ææå¹³å°è½å</div></div></a></div></div></div></div><div class="relative h-full flex items-center px-4"><button class="flex items-center gap-1 text-[0.925rem] font-medium transition-colors text-gray-400 hover:text-white">å·¥å
·<svg class="w-4 h-4 transition-transform duration-200 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="absolute top-full left-1/2 -translate-x-1/2 pt-4 w-[1000px]" style="opacity:0;pointer-events:none;visibility:hidden;transform:translateY(10px) scale(0.95)"><div class="bg-[#12141a] border border-white/10 rounded-2xl shadow-2xl p-6 relative overflow-hidden"><div class="absolute inset-0 bg-linear-to-br from-white/5 to-transparent pointer-events-none"></div><div class="grid grid-cols-5 gap-8 relative z-10"><div><h4 class="text-xs font-bold uppercase tracking-wider mb-4 border-b pb-2 text-gray-500 border-white/5">æ¡æ¶é¨ç½²</h4><ul class="space-y-2"><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/frameworks"><span>æ¡æ¶é¨ç½²æ»è§</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">导èª</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-html"><span>HTML é¨ç½²</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">çé¨</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-vue"><span>Vue é¨ç½²</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">æµè¡</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-react"><span>React é¨ç½²</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">æµè¡</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-next"><span>Next.js é¨ç½²</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">çé¨</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-deepseek"><span>DeepSeek é¨ç½²</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">AI</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-chatgpt"><span>ChatGPT é¨ç½²</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">AI</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-gemini"><span>Gemini é¨ç½²</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">AI</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/host-pdf"><span>PDF æç®¡</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">å·¥å
·</span></a></li></ul></div><div><h4 class="text-xs font-bold uppercase tracking-wider mb-4 border-b pb-2 text-gray-500 border-white/5">æç®¡åºæ¯</h4><ul class="space-y-2"><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/personal-website"><span>个人ç½ç«æç®¡</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">çé¨</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/student-hosting"><span>å¦çä½ä¸æç®¡</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">å
è´¹</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/resume"><span>ç®åæç®¡</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">æ¨è</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/portfolio"><span>ä½åéæç®¡</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">设计</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/documentation"><span>ææ¡£æç®¡</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">ææ¯</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/marketing"><span>H5 è¥é页</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">è¿è¥</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/web-games"><span>Web 游ææç®¡</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">娱ä¹</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/link-in-bio"><span>导èªé¡µæç®¡</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">社交</span></a></li></ul></div><div><h4 class="text-xs font-bold uppercase tracking-wider mb-4 border-b pb-2 text-gray-500 border-white/5">å¼åå¿
å¤</h4><ul class="space-y-2"><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/json-formatter"><span>JSON æ ¼å¼å</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">æ¥å¸¸</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/timestamp"><span>
1æ¶é´æ³è½¬æ¢</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">æ¥å¸¸</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/uuid"><span>UUID/ULID</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">çæ</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/regex"><span>æ£åæµè¯ (Regex)</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">ä¸ä¸</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/sql-formatter"><span>SQL æ ¼å¼å</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">æ ¼å¼</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/jwt"><span>JWT è§£æ</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">è°è¯</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/crontab"><span>Crontab çæ</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">å·¥å
·</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/chmod"><span>Linux æé计ç®</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">è¿ç»´</span></a></li></ul></div><div><h4 class="text-xs font-bold uppercase tracking-wider mb-4 border-b pb-2 text-gray-500 border-white/5">å端ä¸è®¾è®¡</h4><ul class="space-y-2"><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/qrcode"><span>äºç»´ç çæ</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">çæ</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/mockup"><span>è®¾å¤æ ·æºçæ</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">设计</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/svg-optimizer"><span>SVG å缩</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">ä¼å</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/favicon"><span>Favicon çæ</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">çæ</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/color-converter"><span>é¢è²è½¬æ¢</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">设计</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/minifier"><span>代ç å缩 (Minifier)</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">ä¼å</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/css-to-tailwind"><span>CSS 转 Tailwind</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">转æ¢</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/og-image"><span>OG å¾ççæ</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">社交</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/lorem-ipsum"><span>Lorem Ipsum</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">ææ¬</span></a></li></ul></div><div><h4 class="text-xs font-bold uppercase tracking-wider mb-4 border-b pb-2 text-gray-500 border-white/5">ç½ç»ä¸ SEO</h4><ul class="space-y-2"><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/ip"><span>IP æ¥è¯¢</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">æ¥è¯¢</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/ssl-check"><span>SSL è¯ä¹¦æ£æµ</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">ææ°</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/ping"><span>Ping æ£æµ</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">ç½ç»</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/dns"><span>DNS æ¥è¯¢</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">æ¥è¯¢</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/user-agent"><span>User Agent åæ</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">ä¿¡æ¯</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/robots"><span>Robots.txt</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">SEO</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/meta-generator"><span>Meta çæå¨</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">SEO</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/utm-builder"><span>UTM åæ°çæ</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">追踪</span></a></li></ul></div></div></div></div></div><a class="px-4 text-[0.925rem] font-medium transition-colors text-gray-400 hover:text-white" href="/pricing">å®ä»·</a><a class="px-4 text-[0.925rem] font-medium transition-colors cursor-pointer text-gray-400 hover:text-white" href="/docs">æç¨</a><a class="px-4 text-[0.925rem] font-medium transition-colors cursor-pointer text-gray-400 hover:text-white" href="/explore">æ¢ç´¢å¹¿åº</a></div><div class="flex items-center gap-4 relative z-20"><a class="text-sm font-medium transition-colors md:hidden text-gray-300 hover:text-white" href="/pricing">å®ä»·</a><button class="text-sm font-medium transition-colors hidden sm:block text-gray-300 hover:text-white">ç»å½</button><button class="text-white rounded-full px-5 py-1.5 text-sm font-medium transition-colors bg-[#6300ff] hover:bg-[#7000ff] shadow-[0_0_15px_rgba(99,0,255,0.4)]">å
费注å</button></div></div></div></nav><main>
1<script type="application/ld+json">[{"@context":"https://schema.org","@type":"WebSite","name":"ä¸ç (Shangma)","url":"https://www.upma.cn"},{"@context":"https://schema.org","@type":"Organization","name":"ä¸ç ","url":"https://www.upma.cn","logo":"https://www.upma.cn/logo.png","sameAs":["https://twitter.com/shangma_cn","https://github.com/shangma"]},{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"è¿éä¸»è¦æ¯ææç®¡åªäºç±»åçéæèµæºï¼","acceptedAnswer":{"@type":"Answer","text":"æä»¬æ¯æå 乿æçéææä»¶é¨ç½²ãå
æ¬ï¼æ®éç HTML ç½é¡µãPDF ææ¡£ãå¾çç´ æï¼ä»¥å React/Vue çæ¡æ¶æå»ºåç dist ç®å½ãæ 论æ¯ä¸ªäººåå®¢è¿æ¯äº§åæ¼ç¤ºï¼é½è½ä¸é®ä¸çº¿ã"}},{"@type":"Question","name":"æ¯æ DeepSeek / ChatGPT / Gemini / v0.dev çæç代ç åï¼","acceptedAnswer":{"@type":"Answer","text":"å®ç¾æ¯æãæ è®ºæ¯ v0.devãBolt.new 导åºç项ç®ï¼è¿æ¯ DeepSeekãChatGPTãGemini ç´æ¥çæç HTML åæä»¶ï¼é½å¯ä»¥ç´æ¥é¨ç½²ãæ éé
ç½®å¤æçå¼åç¯å¢ï¼å³ä¼ å³ç¨ã"}},{"@type":"Question","name":"ä¸ç Upma æ¯å
è´¹çåï¼æéèè´¹ç¨åï¼","acceptedAnswer":{"@type":"Answer","text":"æ°¸ä¹
å
è´¹ï¼ä¸æ éèè´¹ç¨ãFree å¥é¤æ¯æ 2 个项ç®åæ¯æ 1GB æµéï¼è¿å¯¹äºä¸ªäººå客ãä½åéææ¼ç¤º Demo æ¥è¯´é常足å¤ãæ éä»»ä½è´¹ç¨å³å¯å¼å§ä½¿ç¨ã"}},{"@type":"Question","name":"ææ¯å°ç½ï¼ä¸æä»£ç æä¹é¨ç½²ï¼","acceptedAnswer":{"@type":"Answer","text":"é常ç®åãå¦ææ¨æ¯ç¨ AI å代ç ï¼åªéæ AI çæçæä»¶ä¸è½½å°çµèï¼ç¶åææä»¶å¤¹æå
¥æä»¬çä¸ä¼ åºå³å¯ãå
¨ç¨å¯è§åæä½ï¼æ é使ç¨å½ä»¤è¡ã"}},{"@type":"Question","name":"æå¯ä»¥ç»å®èªå·±çåååï¼HTTPS æ¯å
è´¹çåï¼","acceptedAnswer":{"@type":"Answer","text":"å½ç¶å¯ä»¥ãææé¡¹ç®é½æ¯æç»å®æ¨ç个æ§åååï¼å¦ www.yourname.comï¼ãæä»¬ä¼èªå¨ä¸ºæ¨ç³è¯·å¹¶ç»æ Let's Encrypt SSL è¯ä¹¦ï¼å
¨èªå¨é
ç½®ï¼æ°¸ä¹
å
è´¹ã"}},{"@type":"Question","name":"å½å
访é®é度æä¹æ ·ï¼","acceptedAnswer":{"@type":"Answer","text":"é常快ãæä»¬å¨å
¨çé¨ç½²äº 280+ è¾¹ç¼èç¹ãé对å½å
ç¨æ·ï¼æä»¬ç¹å«ä¼åäºé¦æ¸¯ CN2 GIA é«é线路ï¼ç¡®ä¿æ¨çç½ç«å¨ä¸å½å¤§éä¹è½ç§çº§æå¼ï¼æ é»æç¦æ¼ã"}},{"@type":"Question","name":"å
费项ç®çç½ç«ä¼âä¼ç âåï¼","acceptedAnswer":{"@type":"Answer","text":"ä¸ä¼ãè¿ä¹æ¯æä»¬åºå«äºå
¶ä»å¹³å°çä¼å¿ãæ¨çéæç½ç«ä¸æ¦é¨ç½²ï¼å
¨å¤©å 24 å°æ¶å¨çº¿ï¼å
¨ç CDN éæ¶ååºï¼æ°¸ä¸ä¼ç ã"}},{"@type":"Question","name":"æ¯æèªå¨åé¨ç½² (CI/CD) åï¼","acceptedAnswer":{"@type":"Answer","text":"æ¯æãæä»¬æä¾äºä¸é¨ç CLI å½ä»¤è¡å·¥å
·ãæ¨å¯ä»¥å°å
¶éæå° GitHub Actions æä»»ä½ CI æµç¨ä¸ï¼å®ç°ä»£ç æäº¤å³èªå¨æ´æ°ä¸çº¿ã"}}]}]</script>
1<div class="relative lg:h-screen lg:min-h-[800px] lg:max-h-[1000px] flex flex-col overflow-hidden pb-6"><div class="absolute inset-0 z-0 bg-[#050505]"><div class="absolute -bottom-[20%] -left-[10%] w-[80%] h-[80%] rounded-full bg-gradient-to-tr from-orange-600/50 via-orange-500/30 to-transparent blur-[120px] transition-all duration-[2000ms] ease-out opacity-0 scale-50 translate-y-20"></div><div class="absolute top-[0%] right-[0%] w-[70%] h-[70%] rounded-full bg-gradient-to-bl from-purple-600/40 via-purple-500/20 to-transparent blur-[120px] transition-all duration-[2500ms] ease-out delay-500 opacity-0 scale-90"></div><div class="transition-opacity duration-[3000ms] delay-700 opacity-0"><canvas class="absolute inset-0 w-full h-full pointer-events-none transition-opacity duration-[2000ms]" style="opacity:1"></canvas></div></div><div class="flex-1 flex flex-col justify-center relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full pt-28"><div class="grid lg:grid-cols-2 gap-12 items-center"><div class="text-left transition-all duration-1000 delay-300 opacity-0 translate-y-10"><div class="inline-flex items-center px-3 py-1 rounded-full border border-blue-500/30 bg-blue-500/10 text-blue-400 text-[10px] sm:text-xs font-semibold mb-6 backdrop-blur-sm"><span class="relative flex h-2 w-2 mr-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-blue-500"></span></span>Gemini / GPT / DeepSeek / HTML / React / Vue / PDF</div><h1 class="text-5xl sm:text-6xl font-extrabold tracking-tight mb-6 leading-tight text-white">ææ½å³å»ä¸çº¿ <br/><span class="text-4xl sm:text-5xl text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">çæé¾æ¥, ä¸é®å享</span></h1><p class="text-lg text-gray-300 mb-8 leading-relaxed max-w-lg">æç®åçéæç½ç«æç®¡å¹³å°ã<br/>æ 论æ¯ä»£ç ï¼è¿æ¯ <strong>ChatGPT / DeepSeek</strong> <!-- -->çæçç½é¡µï¼æ éé ç½®ï¼ä¸ç¨ææå¡å¨ãä¸ç¨ä¹°ååï¼æè¿æ¥å°±è½å享ç»å ¨ä¸çã</p><div class="flex flex-col sm:flex-row gap-4"><button class="px-8 py-4 rounded-lg bg-blue-600 hover:bg-blue-500 text-white font-bold text-lg shadow-[0_0_20px_rgba(37,99,235,0.5)] transition transform hover:-translate-y-1">ç«å³åå¸ç½ç«</button><button class="px-8 py-4 rounded-lg glass-dark text-white font-medium hover:bg-white/10 transition flex items-center justify-center border border-white/10 backdrop-blur-md"><svg class="w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"></path></svg>äºè§£æ´å¤</button></div></div><div class="transition-all duration-1000 delay-500 opacity-0 translate-y-10"><div class="relative group"><input type="file" class="hidden" webkitdirectory="" directory="" multiple=""/><input type="file" class="hidden" multiple="" accept=""/><div class="absolute -inset-1 bg-linear-to-r from-blue-600 to-purple-600 rounded-2xl blur opacity-30 group-hover:opacity-70 transition duration-1000"></div><div class="relative bg-[#0F1115] border border-white/10 rounded-xl p-4 sm:p-6 shadow-2xl overflow-hidden"><div class="flex items-center justify-between mb-4 sm:mb-6 border-b border-white/5 pb-3 sm:pb-4"><div class="flex gap-1.5"><div class="w-3 h-3 rounded-full bg-red-500/20"></div><div class="w-3 h-3 rounded-full bg-yellow-500/20"></div><div class="w-3 h-3 rounded-full bg-green-500/20"></div></div><div class="flex bg-gray-800/50 rounded-lg p-0.5 sm:p-1 border border-white/5"><button class="px-2 sm:px-3 py-1 text-[10px] sm:text-xs rounded-md transition-all font-medium bg-gray-700 text-white shadow-sm">æä»¶ / Zip</button><button class="px-2 sm:px-3 py-1 text-[10px] sm:text-xs rounded-md transition-all font-medium text-gray-400 hover:text-gray-300">æä»¶å¤¹</button></div></div><div class="min-h-[220px] sm:min-h-[300px] flex flex-col items-center justify-center"><div class="w-full h-[220px] sm:h-[300px] flex flex-col items-center justify-center border-2 border-dashed rounded-lg transition-all cursor-pointer group/drop 2 border-gray-700 hover:border-blue-500/50 hover:bg-blue-500/5 3 "><div class="w-12 h-12 sm:w-16 sm:h-16 rounded-xl sm:rounded-2xl bg-linear-to-br from-blue-500/20 to-purple-500/20 flex items-center justify-center mx-auto mb-3 sm:mb-4 group-hover/drop:scale-110 transition duration-300"><svg class="w-6 h-6 sm:w-8 sm:h-8 text-blue-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path></svg></div><p class="text-gray-300 font-medium text-sm sm:text-base text-center px-2">ç¹å»éæ©æä»¶æ Zip å </p><p class="text-gray-500 text-xs sm:text-sm mt-1.5 sm:mt-2 text-center px-2">
3æ¯æ .html, .zip, .pdf, .png, .jpg</p></div></div> </div> </div> </div></div></div><div class="relative z-10 transition-opacity duration-1000 delay-1000 opacity-0"><div class="py-8 mt-16 overflow-hidden relative z-10"><div class="max-w-7xl mx-auto px-4 mb-6"><p class="text-center text-sm text-gray-400 uppercase tracking-widest">æ¯æææä¸»æµæ¡æ¶ä¸ AI çæä»£ç </p></div><div class="relative flex overflow-x-hidden group"><div class="animate-scroll whitespace-nowrap flex gap-[64px] pr-[64px] items-center opacity-60 grayscale group-hover:grayscale-0 transition duration-500 shrink-0 will-change-transform"><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path><path d="M7 19h10" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></div>HTML</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-blue-400"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path><circle cx="12" cy="12" r="2"></circle></svg></div>React</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-green-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-green-400"><path d="M2 3h3.5l6.5 11l6.5-11h3.5L12 22L2 3z"></path><path d="M6 3h3l3 5l3-5h3l-6 10L6 3z"></path></svg></div>Vue</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v10h-2zm4 0h2v6h-2z"></path></svg></div>Next.js</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-purple-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-purple-400"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path></svg></div>Vite</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-red-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v2.5zm2.5 3.5h-2.5V7h2.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zm4.5-3.5c0 .83-.67 1.5-1.5 1.5h-1v2h-1.5V7h2.5c.83 0 1.5.67 1.5 1.5v2.5z"></path></svg></div>PDF</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg></div>DeepSeek</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-emerald-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12.0002 0.899902C12.8836 0.899902 13.7548 1.1099 14.5492 1.5143C15.3436 1.9187 16.0409 2.5073 16.5891 3.2361C17.1373 3.9649 17.5226 4.8153 17.7163 5.7243C17.91 6.6333 17.9071 7.5781 17.7078 8.4887L17.2698 10.4887C17.1352 11.1035 17.1668 11.7397 17.3615 12.3361C17.5562 12.9325 17.9074 13.4687 18.3812 13.8931C18.855 14.3175 19.4352 14.6155 20.0652 14.7581C20.6952 14.9007 21.3536 14.8831 21.9762 14.7067L23.1002 14.3887V16.8999C23.1002 19.7165 21.9813 22.4177 19.9893 24.4097C17.9973 26.4017 15.2961 27.5207 12.4794 27.5207C9.6628 27.5207 6.9616 26.4017 4.9696 24.4097C2.9776 22.4177 1.8586 19.7165 1.8586 16.8999V14.3887L2.9826 14.7067C3.6052 14.8831 4.2636 14.9007 4.8936 14.7581C5.5236 14.6155 6.1038 14.3175 6.5776 13.8931C7.0514 13.4687 7.4026 12.9325 7.5973 12.3361C7.792 11.7397 7.8236 11.1035 7.689 10.4887L
37.251 8.4887C7.0517 7.5781 7.0488 6.6333 7.2425 5.7243C7.4362 4.8153 7.8215 3.9649 8.3697 3.2361C8.9179 2.5073 9.6152 1.9187 10.4096 1.5143C11.204 1.1099 12.0752 0.899902 12.9586 0.899902H12.0002Z" transform="scale(0.8) translate(3,3)"></path></svg></div>ChatGPT</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"></path></svg></div>Claude</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L22 20H2L12 2Z"></path></svg></div>V0.dev</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M4.5 4.5L19.5 12L4.5 19.5V4.5Z"></path></svg></div>Cursor</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-sky-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.4 7.2L19.2 9.6L14.4 12L12 17.2L9.6 12L4.8 9.6L9.6 7.2L12 2Z"></path></svg></div>Gemini</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path><path d="M7 19h10" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></div>HTML</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-blue-400"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path><circle cx="12" cy="12" r="2"></circle></svg></div>React</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-green-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-green-400"><path d="M2 3h3.5l6.5 11l6.5-11h3.5L12 22L2 3z"></path><path d="M6 3h3l3 5l3-5h3l-6 10L6 3z"></path></svg></div>Vue</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v10h-2zm4 0h2v6h-2z"></path></svg></div>Next.js</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-purple-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-purple-400"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path></svg></div>Vite</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-red-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v2.5zm2.5 3.5h-2.5V7h2.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zm4.5-3.5c0 .83-.67 1.5-1.5 1.5h-1v2h-1.5V7h2.5c.83 0 1.5.67 1.5 1.5v2.5z"></path></svg></div>PDF</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg></div>DeepSeek</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-emerald-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12.0002 0.899902C12.8836 0.899902 13.7548 1.1099 14.5492 1.5143C15.3436 1.9187 16.0409 2.5073 16.5891 3.2361C17.1373 3.9649 17.5226 4.8153 17.7163 5.7243C17.91 6.6333 17.9071 7.5781 17.7078 8.4887L17.2698 10.4887C17.1352 11.1035 17.1668 11.7397 17.3615 12.3361C17.5562 12.9325 17.9074 13.4687 18.3812 13.8931C18.855 14.3175 19.4352 14.6155 20.0652 14.7581C20.6952 14.9007 21.3536 14.8831 21.9762 14.7067L23.1002 14.3887V16.8999C23.1002 19.7165 21.9813 22.4177 19.9893 24.4097C17.9973 26.4017 15.2961 27.5207 12.4794 27.5207C9.6628 27.5207 6.9616 26.4017 4.9696 24.4097C2.9776 22.4177 1.8586 19.7165 1.8586 16.8999V14.3887L2.9826 14.7067C3.6052 14.8831 4.2636 14.9007 4.8936 14.7581C5.5236 14.6155 6.1038 14.3175 6.5776 13.8931C7.0514 13.4687 7.4026 12.9325 7.5973 12.3361C7.792 11.7397 7.8236 11.1035 7.689 10.4887L
37.251 8.4887C7.0517 7.5781 7.0488 6.6333 7.2425 5.7243C7.4362 4.8153 7.8215 3.9649 8.3697 3.2361C8.9179 2.5073 9.6152 1.9187 10.4096 1.5143C11.204 1.1099 12.0752 0.899902 12.9586 0.899902H12.0002Z" transform="scale(0.8) translate(3,3)"></path></svg></div>ChatGPT</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"></path></svg></div>Claude</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L22 20H2L12 2Z"></path></svg></div>V0.dev</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M4.5 4.5L19.5 12L4.5 19.5V4.5Z"></path></svg></div>Cursor</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-sky-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.4 7.2L19.2 9.6L14.4 12L12 17.2L9.6 12L4.8 9.6L9.6 7.2L12 2Z"></path></svg></div>Gemini</span></div><div class="animate-scroll whitespace-nowrap flex gap-[64px] pr-[64px] items-center opacity-60 grayscale group-hover:grayscale-0 transition duration-500 shrink-0 will-change-transform"><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path><path d="M7 19h10" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></div>HTML</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-blue-400"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path><circle cx="12" cy="12" r="2"></circle></svg></div>React</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-green-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-green-400"><path d="M2 3h3.5l6.5 11l6.5-11h3.5L12 22L2 3z"></path><path d="M6 3h3l3 5l3-5h3l-6 10L6 3z"></path></svg></div>Vue</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v10h-2zm4 0h2v6h-2z"></path></svg></div>Next.js</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-purple-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-purple-400"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path></svg></div>Vite</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-red-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v2.5zm2.5 3.5h-2.5V7h2.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zm4.5-3.5c0 .83-.67 1.5-1.5 1.5h-1v2h-1.5V7h2.5c.83 0 1.5.67 1.5 1.5v2.5z"></path></svg></div>PDF</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg></div>DeepSeek</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-emerald-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12.0002 0.899902C12.8836 0.899902 13.7548 1.1099 14.5492 1.5143C15.3436 1.9187 16.0409 2.5073 16.5891 3.2361C17.1373 3.9649 17.5226 4.8153 17.7163 5.7243C17.91 6.6333 17.9071 7.5781 17.7078 8.4887L17.2698 10.4887C17.1352 11.1035 17.1668 11.7397 17.3615 12.3361C17.5562 12.9325 17.9074 13.4687 18.3812 13.8931C18.855 14.3175 19.4352 14.6155 20.0652 14.7581C20.6952 14.9007 21.3536 14.8831 21.9762 14.7067L23.1002 14.3887V16.8999C23.1002 19.7165 21.9813 22.4177 19.9893 24.4097C17.9973 26.4017 15.2961 27.5207 12.4794 27.5207C9.6628 27.5207 6.9616 26.4017 4.9696 24.4097C2.9776 22.4177 1.8586 19.7165 1.8586 16.8999V14.3887L2.9826 14.7067C3.6052 14.8831 4.2636 14.9007 4.8936 14.7581C5.5236 14.6155 6.1038 14.3175 6.5776 13.8931C7.0514 13.4687 7.4026 12.9325 7.5973 12.3361C7.792 11.7397 7.8236 11.1035 7.689 10.4887L
37.251 8.4887C7.0517 7.5781 7.0488 6.6333 7.2425 5.7243C7.4362 4.8153 7.8215 3.9649 8.3697 3.2361C8.9179 2.5073 9.6152 1.9187 10.4096 1.5143C11.204 1.1099 12.0752 0.899902 12.9586 0.899902H12.0002Z" transform="scale(0.8) translate(3,3)"></path></svg></div>ChatGPT</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"></path></svg></div>Claude</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L22 20H2L12 2Z"></path></svg></div>V0.dev</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M4.5 4.5L19.5 12L4.5 19.5V4.5Z"></path></svg></div>Cursor</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-sky-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.4 7.2L19.2 9.6L14.4 12L12 17.2L9.6 12L4.8 9.6L9.6 7.2L12 2Z"></path></svg></div>Gemini</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path><path d="M7 19h10" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></div>HTML</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-blue-400"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path><circle cx="12" cy="12" r="2"></circle></svg></div>React</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-green-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-green-400"><path d="M2 3h3.5l6.5 11l6.5-11h3.5L12 22L2 3z"></path><path d="M6 3h3l3 5l3-5h3l-6 10L6 3z"></path></svg></div>Vue</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v10h-2zm4 0h2v6h-2z"></path></svg></div>Next.js</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-purple-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-purple-400"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path></svg></div>Vite</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-red-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v2.5zm2.5 3.5h-2.5V7h2.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zm4.5-3.5c0 .83-.67 1.5-1.5 1.5h-1v2h-1.5V7h2.5c.83 0 1.5.67 1.5 1.5v2.5z"></path></svg></div>PDF</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg></div>DeepSeek</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-emerald-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12.0002 0.899902C12.8836 0.899902 13.7548 1.1099 14.5492 1.5143C15.3436 1.9187 16.0409 2.5073 16.5891 3.2361C17.1373 3.9649 17.5226 4.8153 17.7163 5.7243C17.91 6.6333 17.9071 7.5781 17.7078 8.4887L17.2698 10.4887C17.1352 11.1035 17.1668 11.7397 17.3615 12.3361C17.5562 12.9325 17.9074 13.4687 18.3812 13.8931C18.855 14.3175 19.4352 14.6155 20.0652 14.7581C20.6952 14.9007 21.3536 14.8831 21.9762 14.7067L23.1002 14.3887V16.8999C23.1002 19.7165 21.9813 22.4177 19.9893 24.4097C17.9973 26.4017 15.2961 27.5207 12.4794 27.5207C9.6628 27.5207 6.9616 26.4017 4.9696 24.4097C2.9776 22.4177 1.8586 19.7165 1.8586 16.8999V14.3887L2.9826 14.7067C3.6052 14.8831 4.2636 14.9007 4.8936 14.7581C5.5236 14.6155 6.1038 14.3175 6.5776 13.8931C7.0514 13.4687 7.4026 12.9325 7.5973 12.3361C7.792 11.7397 7.8236 11.1035 7.689 10.4887L
37.251 8.4887C7.0517 7.5781 7.0488 6.6333 7.2425 5.7243C7.4362 4.8153 7.8215 3.9649 8.3697 3.2361C8.9179 2.5073 9.6152 1.9187 10.4096 1.5143C11.204 1.1099 12.0752 0.899902 12.9586 0.899902H12.0002Z" transform="scale(0.8) translate(3,3)"></path></svg></div>ChatGPT</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"></path></svg></div>Claude</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L22 20H2L12 2Z"></path></svg></div>V0.dev</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M4.5 4.5L19.5 12L4.5 19.5V4.5Z"></path></svg></div>Cursor</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-sky-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.4 7.2L19.2 9.6L14.4 12L12 17.2L9.6 12L4.8 9.6L9.6 7.2L12 2Z"></path></svg></div>Gemini</span></div></div></div></div></div><div id="features" class="py-32 relative overflow-hidden"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-[1000px] h-[400px] bg-blue-900/10 blur-[120px] rounded-full pointer-events-none"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center mb-20"><h2 class="text-2xl sm:text-3xl md:text-4xl font-bold mb-2 md:mb-6" style="opacity:0;transform:translateY(20px)">ä¸ä»
ä»
æ¯æç®¡ï¼æ´æ¯<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">ç产åå·¥å
·</span></h2><p class="text-base sm:text-xl text-gray-400 max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">为å¼åè
ã设计å¸å AI åä½è
æä¾æä¸æ»çåå¸ä½éª</p></div><div class="grid grid-cols-1 md:grid-cols-5 gap-6 auto-rows-[300px]"><div class="md:col-span-3 group relative rounded-3xl p-1 bg-[#0F1115] border border-white/5 overflow-hidden hover:border-blue-500/30 transition-colors duration-500" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-blue-500/5 to-purple-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="h-full bg-[#0A0C10] rounded-[22px] p-8 relative overflow-hidden flex flex-col justify-between z-10"><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:20px_20px] [mask-image:radial-gradient(black,transparent_70%)] pointer-events-none"></div><div class="relative z-10"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 bg-blue-500/10 rounded-lg flex items-center justify-center text-blue-400 border border-blue-500/10"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path></svg></div><div class="flex gap-2"><span class="px-2 py-1 text-xs font-mono text-blue-300 bg-blue-500/10 rounded border border-blue-500/20">React</span><span class="px-2 py-1 text-xs font-mono text-blue-300 bg-blue-500/10 rounded border border-blue-500/20">Vue</span><span class="px-2 py-1 text-xs font-mono text-blue-300 bg-blue-500/10 rounded border border-blue-500/20">Next</span><span class="px-2 py-1 text-xs font-mono text-blue-300 bg-blue-500/10 rounded border border-blue-500/20">HTML</span></div></div><h3 class="text-2xl font-bold text-white mb-3">æºè½æå»ºå¼æ</h3><p class="text-gray-400 max-w-md">æ è®ºä½ ä¸ä¼ çæ¯ HTML å缩å
ï¼è¿æ¯ React/Vue æºç ï¼äº¦ææ¯ AI çæçä»£ç æä»¶å¤¹ï¼æä»¬ç弿é½è½èªå¨è¯å«å¹¶å®ææå»ºã</p></div><div class="absolute right-[-30px] bottom-[-50px] opacity-50 group-hover:opacity-100 transition-all duration-700 transform group-hover:translate-x-[-10px] group-hover:translate-y-[-10px]"><div class="flex gap-5 transform rotate-[-8deg]"><div class="w-48 h-36 bg-[#1a1d24] rounded-xl border border-white/10 shadow-2xl overflow-hidden"><div class="h-7 bg-black/40 border-b border-white/5 flex items-center px-3 gap-1.5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/60"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/60"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/60"></div><span class="ml-2 text-[10px] text-gray-500 font-mono">App.tsx</span></div><div class="p-3 space-y-1.5 font-mono text-[10px]"><div class="flex gap-2"><span class="text-purple-400">
3import</span><span class="text-gray-400">React</span><span class="text-purple-400">from</span><span class="text-green-400">'react'</span></div><div class="h-1.5"></div><div class="flex gap-1"><span class="text-blue-400">export</span><span class="text-yellow-400">function</span><span class="text-cyan-400">App</span><span class="text-gray-400">() <!-- -->{</span></div><div class="pl-4 flex gap-1"><span class="text-purple-400">return</span><span class="text-gray-400"><</span><span class="text-pink-400">div</span><span class="text-gray-400">></span></div></div></div><div class="w-44 h-28 bg-[#0d1117] rounded-xl border border-white/10 shadow-2xl translate-y-16 overflow-hidden"><div class="h-6 bg-black/60 border-b border-white/5 flex items-center px-3"><span class="text-[10px] text-gray-500">â terminal</span></div><div class="p-2 space-y-1 font-mono text-[9px]"><div class="text-green-400">$ pnpm build</div><div class="text-gray-500">â Building...</div><div class="text-cyan-400">â Done in 2.3s</div></div></div></div></div></div></div><div class="md:col-span-2 group relative rounded-3xl p-1 bg-[#0F1115] border border-white/5 overflow-hidden hover:border-purple-500/30 transition-colors duration-500" style="opacity:0;transform:translateY(20px)"><div class="h-full bg-[#0A0C10] rounded-[22px] p-8 relative overflow-hidden flex flex-col z-10"><div class="absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(168,85,247,0.1),transparent_70%)] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:20px_20px] [mask-image:radial-gradient(black,transparent_70%)] pointer-events-none"></div><div class="absolute inset-0 flex items-center justify-center p-8"><div class="w-full h-full relative"><svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full h-full"><defs><radialGradient id="center-glow" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#a855f7" stop-opacity="0.3"></stop><stop offset="100%" stop-color="#a855f7" stop-opacity="0"></stop></radialGradient><filter id="glow"><feGaussianBlur stdDeviation="1" result="coloredBlur"></feGaussianBlur><feMerge><feMergeNode in="coloredBlur"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs><circle cx="50" cy="50" r="35" stroke="white" stroke-opacity="0.03" stroke-width="0.5" fill="none"></circle><circle cx="50" cy="50" r="25" stroke="white" stroke-opacity="0.05" stroke-width="0.5" fill="none"></circle><ellipse cx="50" cy="50" rx="35" ry="15" stroke="white" stroke-opacity="0.03" stroke-width="0.5" fill="none"></ellipse><circle cx="50" cy="50" r="20" fill="url(#center-glow)"></circle><g><line x1="50" y1="50" x2="75" y2="35" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.2s" repeatCount="indefinite" path="M50,50 L75,35"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.2s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="85" y2="50" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.5s" repeatCount="indefinite" path="M50,50 L85,50"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="70" y2="65" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.7999999999999998s" repeatCount="indefinite" path="M50,50 L70,65"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.7999999999999998s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="25" y2="30" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line>
3<circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="2.0999999999999996s" repeatCount="indefinite" path="M50,50 L25,30"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="2.0999999999999996s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="15" y2="45" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.2s" repeatCount="indefinite" path="M50,50 L15,45"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.2s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="20" y2="70" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.5s" repeatCount="indefinite" path="M50,50 L20,70"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="30" y2="55" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.7999999999999998s" repeatCount="indefinite" path="M50,50 L30,55"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.7999999999999998s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="50" y2="18" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="2.0999999999999996s" repeatCount="indefinite" path="M50,50 L50,18"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="2.0999999999999996s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="50" y2="82" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.2s" repeatCount="indefinite" path="M50,50 L50,82"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.2s" repeatCount="indefinite"></animate></circle></g><g><line x1="75" y1="35" x2="85" y2="50" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.5s" repeatCount="indefinite" path="M75,35 L85,50"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><line x1="85" y1="50" x2="70" y2="65" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.7999999999999998s" repeatCount="indefinite" path="M85,50 L70,65"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.7999999999999998s" repeatCount="indefinite"></animate></circle></g><g><line x1="75" y1="35" x2="70" y2="65" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="2.0999999999999996s" repeatCount="indefinite" path="M75,35 L70,65"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="2.0999999999999996s" repeatCount="indefinite"></animate></circle></g><g><line x1="25" y1="30" x2="15" y2="45" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.2s" repeatCount="indefinite" path="M25,30 L15,45"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.2s" repeatCount="indefinite"></animate></circle></g><g><line x1="20" y1="70" x2="30" y2="55" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)">
3<animateMotion dur="1.5s" repeatCount="indefinite" path="M20,70 L30,55"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><line x1="75" y1="35" x2="50" y2="18" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.7999999999999998s" repeatCount="indefinite" path="M75,35 L50,18"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.7999999999999998s" repeatCount="indefinite"></animate></circle></g><g><line x1="70" y1="65" x2="50" y2="82" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="2.0999999999999996s" repeatCount="indefinite" path="M70,65 L50,82"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="2.0999999999999996s" repeatCount="indefinite"></animate></circle></g><g><circle cx="50" cy="50" r="15" fill="#a855f7" opacity="0.1"><animate attributeName="r" values="10;20;10" dur="2s" repeatCount="indefinite"></animate><animate attributeName="opacity" values="0.3;0;0.3" dur="2s" repeatCount="indefinite"></animate></circle><circle cx="50" cy="50" r="5" fill="#a855f7" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="5;6.25;5" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="75" cy="35" r="2.5" fill="#22c55e" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2.5;3.125;2.5" dur="2.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="85" cy="50" r="2" fill="#22c55e" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2;2.5;2" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="70" cy="65" r="2.5" fill="#22c55e" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2.5;3.125;2.5" dur="2.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="25" cy="30" r="2" fill="#3b82f6" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2;2.5;2" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="15" cy="45" r="2" fill="#3b82f6" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2;2.5;2" dur="2.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="20" cy="70" r="2" fill="#f59e0b" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2;2.5;2" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="30" cy="55" r="2" fill="#f59e0b" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2;2.5;2" dur="2.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="50" cy="18" r="1.5" fill="#06b6d4" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="1.5;1.875;1.5" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="50" cy="82" r="1.5" fill="#06b6d4" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="1.5;1.875;1.5" dur="2.5s" repeatCount="indefinite"></animate></circle></g></svg></div></div><div class="relative z-10 h-full flex flex-col justify-between"><div class="flex justify-between items-start"><h3 class="text-xl font-bold text-white">å¤èç¹è¾¹ç¼å é</h3><div class="flex items-center gap-1.5 bg-green-900/30 px-2 py-1 rounded border border-green-500/20"><span class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></span><span class="text-xs text-green-400 font-mono">12ms</span></div></div><p class="text-sm text-gray-400 mt-20">é对ä¸å½å¤§éç¹å«ä¼å CN2 线路ã<br/>ç´è¿çº¿Â·è·¯ä¼åï¼å½å
访é®é¶å»¶è¿ï¼æ é夿¡å³å¯éè¿ç§å¼ä½éªã</p></div></div></div><div class="md:col-span-2 group relative rounded-3xl p-1 bg-[#0F1115] border border-white/5 overflow-hidden hover:border-green-500/30 transition-colors duration-500" style="opacity:0;transform:translateY(20px)"><div class="h-full bg-[#0A0C10] rounded-[22px] p-8 relative overflow-hidden flex flex-col z-10"><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:20px_20px] [mask-image:radial-gradient(black,transparent_70%)] pointer-events-none"></div><div class="absolute right-[-20px] top-[-10px] bottom-[-10px] w-[180px] opacity-40 group-hover:opacity-70 transition-all duration-700 transform group-hover:translate-x-[-10px]"><div class="bg-[#0d1117] rounded-lg border border-green-500/20 p-3 mb-3 shadow-lg"><div class="flex items-center gap-2 mb-2"><div class="w-5 h-5 bg-green-500/20 rounded flex items-center justify-center"><svg class="w-3 h-3 text-green-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg></div><span class="text-[10px] text-green-400 font-mono">SSL ACTIVE</span></div><div class="space-y-1"><div class="h-1.5 w-full bg-green-500/30 rounded-full overflow-hidden"><div class="h-full w-[85%] bg-green-500 rounded-full"></div></div><div class="flex justify-between text-[8px] text-gray-500"><span>æææ</span><span>89天</span></div></div></div><div class="bg-[#0d1117] rounded-lg border border-white/10 p-3 shadow-lg"><div class="text-[10px] text-gray-400 mb-2">å®å
¨æ«æ</div><div class="grid grid-cols-2 gap-2"><div class="text-center p-2 bg-green-500/10 rounded"><div class="text-green-400 text-sm font-bold">A+</div><div class="text-[8px] text-gray-500">è¯çº§</div></div><div class="text-center p-2 bg-blue-500/10 rounded"><div class="text-blue-400 text-sm font-bold">0</div><div class="text-[8px] text-gray-500">æ¼æ´</div></div></div></div><div class="absolute -left-16 top-1/2 -translate-y-1/2 w-24 h-24 opacity-30"><svg viewBox="0 0 100 100" class="w-full h-full animate-spin" style="animation-duration:20s"><circle cx="50" cy="50" r="45" fill="none" stroke="currentColor" stroke-width="1" class="text-green-500/30" stroke-dasharray="10,5"></circle></svg></div></div><div class="relative z-10 h-full flex flex-col justify-between"><div><div class="w-10 h-10 bg-green-500/10 rounded-lg flex items-center justify-center text-green-400 mb-4 border border-green-500/10"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg></div><h3 class="text-xl font-bold text-white">å®å
¨ä¸åè§</h3></div><div class="space-y-2 mt-4"><div class="flex items-center gap-2 text-sm text-gray-400"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>èªå¨é
ç½® SSL è¯ä¹¦</div><div class="flex items-center gap-2 text-sm text-gray-400"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>DDoS åºç¡é²æ¤</div><div class="flex items-center gap-2 text-sm text-gray-400"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>å¯ç 访é®ä¿æ¤</div><div class="flex items-center gap-2 text-sm text-gray-400"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>ç§çº§åæ»</div></div></div></div></div><div class="md:col-span-3 group relative rounded-3xl p-1 bg-[#0F1115] border border-white/5 overflow-hidden hover:border-pink-500/30 transition-colors duration-500" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-pink-500/5 to-rose-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="h-full bg-[#0A0C10] rounded-[22px] p-8 relative overflow-hidden flex flex-col justify-between z-10"><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:20px_20px] [mask-image:radial-gradient(black,transparent_70%)] pointer-events-none"></div><div class="relative z-20"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 bg-pink-500/10 rounded-lg flex items-center justify-center text-pink-400 border border-pink-500/10"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path></svg></div><span class="px-2 py-1 text-xs font-mono text-pink-300 bg-pink-500/10 rounded border border-pink-500/20">CNAME Supported</span></div><h3 class="text-2xl font-bold text-white mb-3">ä¸å±åçåå</h3><p class="text-gray-400 max-w-md">ä½ å¯ä»¥ç»å®<!-- --> <span class="text-white font-mono bg-white/10 px-1 rounded">www.yourbrand.com</span>ï¼è®©ä½ ç AI ä½åçæ£åä¸åè½å°ã</p></div><div class="absolute right-0 top-[15%] bottom-0 w-[400px] bg-[#1a1d24] rounded-tl-2xl border-l border-t border-white/10 shadow-2xl hidden md:block transform translate-x-16 translate-y-8 group-hover:translate-x-8 group-hover:translate-y-4 transition-all duration-700"><div class="h-10 bg-black/40 border-b border-white/5 flex items-center px-4 gap-2"><div class="flex gap-1.5"><div class="w-3 h-3 rounded-full bg-red-500/50 hover:bg-red-500/80 transition-colors"></div><div class="w-3 h-3 rounded-full bg-yellow-500/50 hover:bg-yellow-500/80 transition-colors"></div><div class="w-3 h-3 rounded-full bg-green-500/50 hover:bg-green-500/80 transition-colors"></div></div><div class="ml-3 flex-1 h-7 bg-black/30 rounded-lg flex items-center px-3 border border-white/5"><span class="text-xs text-green-400">ð</span><span class="text-xs text-white/60 ml-2 font-mono">https://your-brand.com</span></div></div><div class="p-5 relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-pink-500/5 to-transparent pointer-events-none"></div><div class="h-24 w-full bg-gradient-to-r from-pink-500/10 to-purple-500/10 rounded-lg border border-white/5 mb-4 flex items-center justify-center"><div class="text-center"><div class="w-20 h-2 bg-white/20 rounded mx-auto mb-2"></div><div class="w-32 h-1.5 bg-white/10 rounded mx-auto"></div></div></div><div class="grid grid-cols-3 gap-3"><div class="h-16 bg-white/5 rounded-lg border border-white/5"></div><div class="h-16 bg-white/5 rounded-lg border border-white/5"></div><div class="h-16 bg-white/5 rounded-lg border border-white/5"></div></div></div></div></div></div></div></div></div><section class="bg-[#0A0C10]/30 pt-20"><div class="max-w-5xl mx-auto px-4 pb-20 "><div class="text-center mb-12" style="opacity:0;transform:translateY(20px)"><h2 class="text-2xl sm:text-3xl font-bold mb-2 md:mb-6">为ä»ä¹å½å
å¼åè
åºè¯¥éæ©æä»¬ï¼</h2><p class="text-gray-400 max-w-2xl mx-auto leading-relaxed">å¾å¤æç¨æ¨è GitHub Pages æ Vercel/Netlifyãå®ä»¬å¨å½å¤å¾æ£ï¼ä½å¨å½å
访é®é度ææ
¢ï¼çè³ç»å¸¸æ æ³
3访é®ã以䏿¯çå®ç¯å¢ä¸çå»¶è¿æµè¯æ°æ® (2025å¹´12æ)ï¼</p></div><div class="bg-[#0A0C10] rounded-xl overflow-hidden border border-white/10 shadow-2xl overflow-x-auto" style="opacity:0;transform:translateY(30px)"><table class="w-full text-left border-collapse min-w-[600px]"><thead><tr class="bg-white/5 border-b border-white/10 text-sm uppercase text-gray-400"><th class="p-6 font-semibold whitespace-nowrap">æç®¡å¹³å°</th><th class="p-6 font-semibold whitespace-nowrap">ææ¯æ </th><th class="p-6 font-semibold whitespace-nowrap">å½å
å¹³åå»¶è¿ (Ping)</th><th class="p-6 font-semibold whitespace-nowrap">丢å
ç</th><th class="p-6 font-semibold whitespace-nowrap">ç¨³å®æ§</th></tr></thead><tbody class="text-gray-300"><tr class="border-b border-white/5 hover:bg-white/5 transition bg-green-500/5"><td class="p-6 font-bold text-white flex items-center gap-2 whitespace-nowrap"><div class="w-2 h-2 rounded-full bg-green-500 shadow-[0_0_10px_rgba(34,197,94,0.5)]"></div> <!-- -->ä¸ç (Upma)</td><td class="p-6 text-sm">å¤è¾¹ç¼èç¹ / 馿¸¯ CN2</td><td class="p-6 font-mono text-green-400 font-bold">45 ms</td><td class="p-6 font-mono text-green-400 tracking-widest"><1%</td><td class="p-6 text-green-400">âââââ</td></tr><tr class="border-b border-white/5 hover:bg-white/5 transition group"><td class="p-6 font-bold text-gray-400 group-hover:text-gray-300 transition-colors whitespace-nowrap">GitHub Pages</td><td class="p-6 text-sm">Fastly (主è¦å¨ç¾è¥¿)</td><td class="p-6 font-mono text-yellow-500">280 ms</td><td class="p-6 font-mono text-yellow-500">15%</td><td class="p-6 text-yellow-500">âââ</td></tr><tr class="hover:bg-white/5 transition group"><td class="p-6 font-bold text-gray-400 group-hover:text-gray-300 transition-colors whitespace-nowrap">Vercel / Netlify</td><td class="p-6 text-sm">AWS Global</td><td class="p-6 font-mono text-red-500">> 350 ms</td><td class="p-6 font-mono text-red-500">25% (é¨å黿)</td><td class="p-6 text-red-500">ââ</td></tr></tbody></table></div><p class="text-center text-xs text-gray-600 mt-6">* æ°æ®æ¥æºäºå
¨å½ 34 个çå¸ççµä¿¡/èé/ç§»å¨èç¹å¹³åå¼</p></div><section class="py-16"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-12" style="opacity:0;transform:translateY(20px)"><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-3xl md:text-4xl font-bold text-white mb-1">10,000+</div><div class="text-sm text-gray-500">å¼åè
ä¿¡èµ</div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-3xl md:text-4xl font-bold text-white mb-1">50,000+</div><div class="text-sm text-gray-500">ç½ç«å·²é¨ç½²</div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-3xl md:text-4xl font-bold text-white mb-1">99.9%</div><div class="text-sm text-gray-500">å¯ç¨æ§ä¿é</div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-3xl md:text-4xl font-bold text-white mb-1"><50ms</div><div class="text-sm text-gray-500">å¹³åååº</div></div></div><div class="flex flex-wrap items-center justify-center gap-8 md:gap-12" style="opacity:0"><span class="text-xs text-gray-600 uppercase tracking-wider">ææ¯æ¯æ</span><div class="text-gray-500 hover:text-gray-300 transition-colors opacity-50 hover:opacity-100" title="Cloudflare"><svg viewBox="0 0 100 40" class="h-6 w-auto fill-current"><text x="0" y="28" class="text-lg font-bold">Cloudflare</text></svg></div><div class="text-gray-500 hover:text-gray-300 transition-colors opacity-50 hover:opacity-100" title="Alibaba Cloud"><svg viewBox="0 0 120 40" class="h-6 w-auto fill-current"><text x="0" y="28" class="text-lg font-bold">é¿éäº</text></svg></div><div class="text-gray-500 hover:text-gray-300 transition-colors opacity-50 hover:opacity-100" title="Let's Encrypt"><svg viewBox="0 0 120 40" class="h-6 w-auto fill-current"><text x="0" y="28" class="text-lg font-bold">Let's Encrypt</text></svg></div><div class="text-gray-500 hover:text-gray-300 transition-colors opacity-50 hover:opacity-100" title="GitHub"><svg viewBox="0 0 100 40" class="h-6 w-auto fill-current">
3<text x="0" y="28" class="text-lg font-bold">GitHub</text></svg></div></div></div></section></section><div class="py-24 bg-black/20"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16"><h2 class="text-2xl sm:text-3xl font-bold mb-2 sm:mb-4">å·¥ä½åç</h2><p class="text-gray-400">ç®å䏿¥ï¼çè³æ éæ³¨åå³å¯é¢è§</p></div><div class="grid md:grid-cols-3 gap-12 relative"><div class="hidden md:block absolute top-12 left-[16%] right-[16%] h-0.5 bg-gradient-to-r from-blue-500/20 via-purple-500/20 to-green-500/20"></div><div class="relative flex flex-col items-center text-center group"><div class="w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50"><svg class="w-8 h-8 text-blue-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path></svg></div><h3 class="text-xl font-bold text-white mb-3">ä¸ä¼ ä½ ç项ç®</h3><p class="text-gray-400 leading-relaxed max-w-xs">ç´æ¥æå
¥ä»£ç æä»¶å¤¹ï¼HTML/Distï¼æ Zip å缩å
ã</p></div><div class="relative flex flex-col items-center text-center group"><div class="w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50"><svg class="w-8 h-8 text-purple-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg></div><h3 class="text-xl font-bold text-white mb-3">èªå¨è¯å«æå»º</h3><p class="text-gray-400 leading-relaxed max-w-xs">æºè½è¯å« HTMLéæç« æ React/Vue å端项ç®ï¼èªå¨é
ç½®ç¯å¢ã</p></div><div class="relative flex flex-col items-center text-center group"><div class="w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50"><svg class="w-8 h-8 text-green-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064"></path></svg></div><h3 class="text-xl font-bold text-white mb-3">å
¨çåå</h3><p class="text-gray-400 leading-relaxed max-w-xs">ç§çº§é¨ç½²å°å
¨ç 300+ è¾¹ç¼èç¹ï¼èªå¨é
ç½® HTTPS å CDNã</p></div></div></div></div><section class="py-24 relative overflow-hidden"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[1000px] h-[800px] bg-purple-900/10 blur-[120px] rounded-full pointer-events-none"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center mb-16"><div class="inline-flex items-center gap-2 bg-purple-500/10 border border-purple-500/20 rounded-full px-4 py-1.5 mb-6" style="opacity:0;transform:translateY(20px)"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-purple-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-purple-500"></span></span><span class="text-sm font-bold text-purple-400">宿¶æ°æ®çæ§</span></div><h2 class="text-3xl md:text-5xl font-bold mb-4" style="opacity:0;transform:translateY(20px)">æ¯ä¸æ¬¡è®¿é®ï¼<span class="text-purple-400">æ¸
æ°å¯è§</span></h2><p class="text-gray-400 max-w-3xl mx-auto" style="opacity:0;transform:translateY(20px)">æ 鿥å
¥ä»»ä½ä»£ç ï¼å³å¯è·å¾ä¸ä¸çº§è®¿é®åæã宿¶è¿½è¸ªè®¿å®¢æ¥æºã设å¤åå¸ä¸çé¨é¡µé¢ï¼è®©æ°æ®é©±å¨å¢é¿ã</p></div><div class="relative h-[550px] md:h-[650px] w-full max-w-5xl mx-auto"><div class="absolute inset-x-0 top-4 md:top-6 bottom-0 bg-[#0A0C10] border border-white/10 rounded-xl shadow-2xl overflow-hidden z-10" style="opacity:0;transform:translateY(50px)"><div class="absolute inset-x-0 top-0 h-px bg-linear-to-r from-transparent via-purple-500 to-transparent animate-pulse"></div><div class="h-10 border-b border-white/5 bg-white/5 flex items-center px-4 gap-2"><div class="flex gap-1.5"><div class="w-3 h-3 rounded-full bg-red-500/50"></div><div class="w-3 h-3 rounded-full bg-yellow-500/50"></div><div class="w-3 h-3 rounded-full bg-green-500/50"></div></div><div class="ml-4 text-xs text-gray-500 font-mono">dashboard.www.upma.cn/ç»è®¡</div></div><div class="p-4 md:p-6 grid grid-cols-1 md:grid-cols-3 gap-4 h-[calc(100%-40px)] overflow-hidden"><div class="md:col-span-2 space-y-4 flex flex-col"><div class="grid grid-cols-2 gap-4"><div class="bg-white/5 border border-white/5 rounded-xl p-4"><div class="text-gray-400 text-xs font-mono mb-1">å¨çº¿è®¿å®¢</div><div class="text-2xl md:text-3xl font-bold font-mono text-white flex items-end gap-2">842<span class="text-xs font-normal text-green-400 mb-1">â 12%</span></div></div><div class="bg-white/5 border border-white/5 rounded-xl p-4"><div class="text-gray-400 text-xs font-mono mb-1">仿¥è®¿é®é</div><div class="text-2xl md:text-3xl font-bold font-mono text-white">24,521</div></div></div><div class="bg-white/5 border border-white/5 rounded-xl p-4 flex-1 relative overflow-hidden min-h-[120px]"><div class="flex justify-between items-center mb-2"><span class="text-xs text-gray-400 font-mono">æµéè¶å¿</span><div class="flex gap-2"><span class="text-[10px] bg-purple-500/20 text-purple-300 px-2 py-0.5 rounded">宿¶</span></div></div><div class="absolute bottom-2 left-4 right-4 h-20 flex items-end gap-0.5"><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div></div></div><div class="border border-white/5 rounded-xl overflow-hidden flex-1 min-h-[100px]"><div class="bg-white/5 px-3 py-2 text-xs text-gray-400 font-mono flex justify-between items-center"><span>宿¶è®¿å®¢</span><span class="animate-pulse text-green-400">
3â è®°å½ä¸</span></div><div class="divide-y divide-white/5 text-xs text-gray-300"><div class="flex items-center gap-3 px-3 py-2" style="opacity:0;transform:translateY(-10px)"><span class="text-base">ðºð¸</span><div class="flex items-center gap-2 min-w-0"><span class="font-medium text-gray-200">ç¾å½</span><span class="text-gray-500 font-mono text-[10px]">192.168.12.*</span></div><span class="text-gray-500 text-[10px] truncate hidden sm:block">Chrome / macOS</span><span class="text-purple-300 font-mono shrink-0 ml-auto">/</span><span class="text-gray-500 text-[10px] shrink-0 w-12 text-right">åå</span></div><div class="flex items-center gap-3 px-3 py-2" style="opacity:1;transform:none"><span class="text-base">ð¨ð³</span><div class="flex items-center gap-2 min-w-0"><span class="font-medium text-gray-200">ä¸å½</span><span class="text-gray-500 font-mono text-[10px]">223.104.5.*</span></div><span class="text-gray-500 text-[10px] truncate hidden sm:block">Safari / iOS 17</span><span class="text-purple-300 font-mono shrink-0 ml-auto">/features</span><span class="text-gray-500 text-[10px] shrink-0 w-12 text-right">2ç§å</span></div><div class="flex items-center gap-3 px-3 py-2" style="opacity:1;transform:none"><span class="text-base">ð¯ðµ</span><div class="flex items-center gap-2 min-w-0"><span class="font-medium text-gray-200">æ¥æ¬</span><span class="text-gray-500 font-mono text-[10px]">126.72.14.*</span></div><span class="text-gray-500 text-[10px] truncate hidden sm:block">Edge / Windows</span><span class="text-purple-300 font-mono shrink-0 ml-auto">/pricing</span><span class="text-gray-500 text-[10px] shrink-0 w-12 text-right">5ç§å</span></div><div class="flex items-center gap-3 px-3 py-2" style="opacity:1;transform:none"><span class="text-base">ð©ðª</span><div class="flex items-center gap-2 min-w-0"><span class="font-medium text-gray-200">å¾·å½</span><span class="text-gray-500 font-mono text-[10px]">85.214.132.*</span></div><span class="text-gray-500 text-[10px] truncate hidden sm:block">Firefox / Linux</span><span class="text-purple-300 font-mono shrink-0 ml-auto">/blog</span><span class="text-gray-500 text-[10px] shrink-0 w-12 text-right">12ç§å</span></div></div></div></div><div class="space-y-4 flex flex-col"><div class="bg-white/5 border border-white/5 rounded-xl p-4"><div class="text-gray-400 text-xs font-mono mb-3">çé¨é¡µé¢</div><div class="space-y-3"><div><div class="flex justify-between text-xs mb-1"><span class="text-gray-300">/</span><span class="text-gray-500">12.5k</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-purple-500 rounded-full" style="width:0px"></div></div></div><div><div class="flex justify-between text-xs mb-1"><span class="text-gray-300">/blog</span><span class="text-gray-500">4.2k</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-purple-500 rounded-full" style="width:0px"></div></div></div><div><div class="flex justify-between text-xs mb-1"><span class="text-gray-300">/features</span><span class="text-gray-500">3.1k</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-purple-500 rounded-full" style="width:0px"></div></div></div></div></div><div class="bg-white/5 border border-white/5 rounded-xl p-4"><div class="text-gray-400 text-xs font-mono mb-3">设å¤åå¸</div><div class="flex items-center gap-4"><div class="w-20 h-20 relative shrink-0"><svg viewBox="0 0 36 36" class="w-full h-full -rotate-90"><circle cx="18" cy="18" r="15.915" fill="none" stroke="#1f2937" stroke-width="3"></circle><circle cx="18" cy="18" r="15.915" fill="none" stroke="#a855f7" stroke-width="3" stroke-dasharray="0, 100"></circle><circle cx="18" cy="18" r="15.915" fill="none" stroke="#3b82f6" stroke-width="3" stroke-dasharray="0, 100" stroke-dashoffset="-60"></circle></svg><div class="absolute inset-0 flex items-center justify-center flex-col"><span class="text-lg font-bold text-white">60%</span><span class="text-[8px] text-gray-500">ç§»å¨ç«¯</span></div></div><div class="space-y-1.5 text-xs flex-1"><div class="flex items-center justify-between"><div class="flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-purple-500"></div><span class="text-gray-300">ç§»å¨ç«¯</span></div><span class="text-gray-500">60%</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-blue-500"></div><span class="text-gray-300">æ¡é¢ç«¯</span></div><span class="text-gray-500">30%</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-gray-600"></div><span class="text-gray-300">å¹³æ¿</span></div><span class="text-gray-500">10%</span></div></div></div></div><div class="bg-white/5 border border-white/5 rounded-xl p-4 flex-1"><div class="text-gray-400 text-xs font-mono mb-3">æä½ç³»ç»</div><div class="space-y-2"><div class="flex items-center gap-2"><span class="text-sm">ðª</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">Windows</span><span class="text-gray-500">38<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-orange-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">ð</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">macOS</span><span class="text-gray-500">25<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-orange-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">ð±</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">iOS</span><span class="text-gray-500">22<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-orange-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">ð¤</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">Android</span><span class="text-gray-500">15<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-orange-500 rounded-full" style="width:0px"></div></div></div></div></div></div></div></div></div><div class="absolute -left-6 md:-left-16 -top-4 md:top-50 w-56 bg-[#0F1115]/95 backdrop-blur-sm border border-white/10 rounded-xl shadow-2xl p-3 z-20 hidden md:block" style="opacity:0;transform:translateX(-80px)"><div class="flex justify-between items-center mb-3"><div class="text-[10px] font-bold text-gray-400 uppercase">æç项ç®</div><div class="text-[10px] text-purple-400 cursor-pointer hover:text-purple-300">+ æ°å»º</div></div><div class="space-y-2"><div class="flex items-center gap-2.5 p-2 rounded-lg hover:bg-white/5 transition border border-transparent hover:border-white/5 cursor-pointer"><div class="w-7 h-7 rounded bg-linear-to-br from-gray-700 to-gray-800 flex items-center justify-center text-[10px] font-bold text-gray-400">ä½</div><div class="flex-1 min-w-0"><div class="text-[11px] font-medium text-gray-200 truncate">ä½åéç½ç«</div><div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-green-500"></div><div class="text-[9px] text-gray-500">å¨çº¿</div></div></div><div class="text-right"><div class="text-[11px] font-mono text-purple-400">1.2k</div><div class="text-[8px] text-gray-500">访é®/æ¥</div></div></div><div class="flex items-center gap-2.5 p-2 rounded-lg hover:bg-white/5 transition border border-transparent hover:border-white/5 cursor-pointer"><div class="w-7 h-7 rounded bg-linear-to-br from-gray-700 to-gray-800 flex items-center justify-center text-[10px] font-bold text-gray-400">A</div><div class="flex-1 min-w-0"><div class="text-[11px] font-medium text-gray-200 truncate">
3API ææ¡£</div><div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-yellow-500 animate-pulse"></div><div class="text-[9px] text-gray-500">æå»ºä¸</div></div></div><div class="text-right"><div class="text-[11px] font-mono text-purple-400">856</div><div class="text-[8px] text-gray-500">访é®/æ¥</div></div></div><div class="flex items-center gap-2.5 p-2 rounded-lg hover:bg-white/5 transition border border-transparent hover:border-white/5 cursor-pointer"><div class="w-7 h-7 rounded bg-linear-to-br from-gray-700 to-gray-800 flex items-center justify-center text-[10px] font-bold text-gray-400">è½</div><div class="flex-1 min-w-0"><div class="text-[11px] font-medium text-gray-200 truncate">è½å°é¡µ v2</div><div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-green-500"></div><div class="text-[9px] text-gray-500">å¨çº¿</div></div></div><div class="text-right"><div class="text-[11px] font-mono text-purple-400">3.4k</div><div class="text-[8px] text-gray-500">访é®/æ¥</div></div></div></div></div><div class="absolute -right-6 md:-right-16 bottom-16 md:bottom-24 w-56 bg-[#0F1115]/95 backdrop-blur-sm border border-white/10 rounded-xl shadow-2xl p-3 z-20 hidden md:block" style="opacity:0;transform:translateX(80px)"><div class="text-[10px] font-bold text-gray-400 uppercase mb-3">çé¨å°åº</div><div class="space-y-2.5"><div class="flex items-center gap-2"><span class="text-sm">ð¨ð³</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">ä¸å½</span><span class="text-gray-500">45<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-blue-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">ðºð¸</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">ç¾å½</span><span class="text-gray-500">28<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-blue-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">ð¯ðµ</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">æ¥æ¬</span><span class="text-gray-500">12<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-blue-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">ð©ðª</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">å¾·å½</span><span class="text-gray-500">8<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-blue-500 rounded-full" style="width:0px"></div></div></div></div></div></div></div><div class="text-center mt-12" style="opacity:0;transform:translateY(20px)"><a class="inline-flex items-center gap-2 px-6 py-3 bg-purple-600 hover:bg-purple-500 text-white font-medium rounded-lg transition shadow-[0_0_20px_rgba(168,85,247,0.3)]" href="/features/analytics">äºè§£ç»è®¡åè½<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a></div></div></section><section id="showcase" class="overflow-hidden relative py-24"><div class="absolute top-0 left-1/4 w-[600px] h-[400px] bg-purple-500/10 blur-[120px] rounded-full pointer-events-none animate-pulse"></div><div class="absolute bottom-0 right-1/4 w-[500px] h-[300px] bg-blue-500/10 blur-[100px] rounded-full pointer-events-none"></div><div class="overflow-hidden absolute inset-0 pointer-events-none"><div class="absolute w-1 h-1 rounded-full bg-white/20" style="left:20%;top:30%"></div><div class="absolute w-1 h-1 rounded-full bg-white/20" style="left:35%;top:40%"></div><div class="absolute w-1 h-1 rounded-full bg-white/20" style="left:50%;top:50%"></div><div class="absolute w-1 h-1 rounded-full bg-white/20" style="left:65%;top:60%"></div><div class="absolute w-1 h-1 rounded-full bg-white/20" style="left:80%;top:70%"></div></div><div class="relative z-10 px-4 mx-auto max-w-7xl sm:px-6 lg:px-8"><div class="mb-16 text-center" style="opacity:0;transform:translateY(20px)"><div class="inline-flex items-center gap-2 bg-blue-500/10 border border-blue-500/20 rounded-full px-4 py-1.5 mb-6 backdrop-blur-md"><span class="text-blue-400">ð¯</span><span class="text-sm font-medium text-blue-400">ç²¾éæ¡ä¾</span></div><h2 class="mb-2 md:mb-6 text-3xl sm:text-4xl font-bold tracking-tight md:text-5xl">ä»è½å°é¡µå° AI åºç¨ï¼<span class="text-transparent bg-clip-text from-purple-400 to-pink-400 bg-linear-to-r">çµææ é</span></h2><p class="mx-auto max-w-2xl text-lg leading-relaxed text-gray-400">æ¢ç´¢å¼åè
ååä½è
使ç¨ä¸ç é¨ç½²ç精彩项ç®ï¼æ¿åä½ çä¸ä¸ä¸ªåæ</p></div><div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3"><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-pink-500 to-rose-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->ai.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="p-4 space-y-3 select-none"><div class="flex justify-center items-center h-20 rounded-lg border bg-linear-to-r from-pink-500/20 to-rose-500/20 border-pink-500/10"><span class="text-2xl filter drop-shadow-lg">ð¨</span></div><div class="w-3/4 h-2 rounded bg-white/10"></div><div class="w-1/2 h-2 rounded bg-white/10"></div><div class="grid grid-cols-3 gap-2"><div class="aspect-square rounded bg-pink-500/10" style="opacity:0;transform:scale(0.8)"></div><div class="aspect-square rounded bg-rose-500/10" style="opacity:0;transform:scale(0.8)"></div><div class="aspect-square rounded bg-pink-500/10" style="opacity:0;transform:scale(0.8)"></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">AI åæå·¥å</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">åºäº Stable Diffusion çå¾åçææå¡</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-pink-500 to-rose-500 bg-clip-text text-transparent border border-white/10 shadow-sm">AIGC</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">React</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Python</span></div></div></div></div><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-blue-500 to-cyan-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->chat.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="p-4 space-y-2 select-none"><div class="flex gap-2" style="opacity:0;transform:translateX(-10px)"><div class="w-6 h-6 rounded-full bg-blue-500/30 shrink-0"></div><div class="flex-1 p-2 h-8 rounded-lg bg-blue-500/10"></div></div><div class="flex gap-2 justify-end" style="opacity:0;transform:translateX(10px)"><div class="flex-1 bg-cyan-500/10 rounded-lg p-2 h-12 max-w-[80%]"></div><div class="w-6 h-6 rounded-full bg-cyan-500/30 shrink-0"></div></div><div class="flex gap-2" style="opacity:0;transform:translateX(-10px)"><div class="w-6 h-6 rounded-full bg-blue-500/30 shrink-0"></div><div class="flex-1 p-2 h-16 rounded-lg bg-blue-500/10"></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">æºè½å¯¹è¯å©æ</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">éæ LLM çæ°ä¸ä»£å®¢æç³»ç»</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-blue-500 to-cyan-500 bg-clip-text text-transparent border border-white/10 shadow-sm">LLM</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Next.js</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">LangChain</span></div></div></div></div><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-violet-500 to-fuchsia-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->3d.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="flex justify-center items-center p-4 h-full select-none perspective-1000"><div class="relative w-24 h-24 rounded-xl border-2 transform-gpu border-indigo-500/30 bg-indigo-500/10"><div class="absolute inset-2 rounded-lg border border-white/10"></div><div class="absolute -inset-4 rounded-full border border-fuchsia-500/20"></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">Web3D æ²æµ¸ç©ºé´</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">åºäº WebGL ç髿§è½ 3D 产åå±ç¤º</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-violet-500 to-fuchsia-500 bg-clip-text text-transparent border border-white/10 shadow-sm">Web3D</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Three.js</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">R3F</span></div></div></div></div><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-slate-500 to-emerald-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->trade.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="p-4 space-y-3 select-none"><div class="flex justify-between items-center mb-2"><div class="w-16 h-2 rounded bg-white/20"></div><div class="w-12 h-2 rounded bg-green-500/30"></div></div><div class="flex gap-1 items-end h-24"><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-green-500/40" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-green-500/40" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-green-500/40" style="height:0px;opacity:0"></div></div><div class="flex gap-2 mt-2"><div class="flex-1 h-6 rounded bg-white/5"></div><div class="flex-1 h-6 rounded border bg-green-500/10 border-green-500/10"></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">FinTech 交æç»ç«¯</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">é«é¢å®æ¶æ´æ°çéèæ°æ®çæ¿</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-slate-500 to-emerald-500 bg-clip-text text-transparent border border-white/10 shadow-sm">éèç§æ</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">
3WebSocket</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Wasm</span></div></div></div></div><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-purple-500 to-indigo-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->linear.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="p-4 space-y-3 select-none"><div class="mx-auto w-1/2 h-4 rounded border bg-purple-500/20 border-purple-500/10"></div><div class="mx-auto w-3/4 h-2 rounded bg-white/10"></div><div class="mx-auto mt-2 w-1/3 h-8 rounded-full bg-purple-500/30"></div><div class="my-4 w-full h-px from-transparent to-transparent bg-linear-to-r via-white/20" style="transform:scaleX(0)"></div><div class="grid grid-cols-3 gap-2"><div class="h-10 rounded border bg-white/5 border-white/5" style="opacity:0;transform:translateY(10px)"></div><div class="h-10 rounded border bg-white/5 border-white/5" style="opacity:0;transform:translateY(10px)"></div><div class="h-10 rounded border bg-white/5 border-white/5" style="opacity:0;transform:translateY(10px)"></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">SaaS è¥éå®ç½</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">é«è½¬åççä¼ä¸çº§äº§åè½å°é¡µ</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-purple-500 to-indigo-500 bg-clip-text text-transparent border border-white/10 shadow-sm">SaaS</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Astro</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Tailwind</span></div></div></div></div><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-amber-500 to-orange-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->whiteboard.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="overflow-hidden relative p-4 h-full select-none"><div class="absolute top-8 left-8 z-20"><svg class="w-4 h-4 text-yellow-500 fill-current" viewBox="0 0 24 24">
3<path d="M5.65376 12.3673H5.46026L5.31717 12.4976L0.500002 16.8829L0.500002 1.19138L11.7841 12.3673H5.65376Z"></path></svg><div class="bg-yellow-500/20 text-yellow-500 text-[8px] px-1 rounded ml-3">User A</div></div><div class="absolute top-12 right-12 z-20"><svg class="w-4 h-4 text-green-500 fill-current" viewBox="0 0 24 24"><path d="M5.65376 12.3673H5.46026L5.31717 12.4976L0.500002 16.8829L0.500002 1.19138L11.7841 12.3673H5.65376Z"></path></svg></div><div class="grid grid-cols-2 gap-4 h-full"><div class="flex justify-center items-center rounded-lg border-2 border-dashed border-white/10" style="transform:scale(0)"><div class="w-8 h-8 rounded bg-yellow-500/20"></div></div><div class="flex justify-center items-center rounded-full border-2 border-white/10" style="transform:scale(0)"><div class="w-8 h-8 rounded bg-green-500/20"></div></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">å¤äººåä½ç½æ¿</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">宿¶äºå¨çå¨çº¿è§è§åä½å¹³å°</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-amber-500 to-orange-500 bg-clip-text text-transparent border border-white/10 shadow-sm">ååå·¥å
·</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Canvas</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">CRDT</span></div></div></div></div></div></div></section><section class="py-24 bg-[#0A0C10]/50 border-y border-white/5 overflow-hidden"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="inline-flex items-center gap-2 bg-yellow-500/10 border border-yellow-500/20 rounded-full px-4 py-1.5 mb-6"><span class="text-yellow-400">â</span><span class="text-sm font-medium text-yellow-400">ç¨æ·çå®è¯ä»·</span></div><h2 class="text-3xl md:text-4xl font-bold mb-4">被 <span class="text-purple-400">10,000+</span> å¼åè
ä¿¡èµ</h2><p class="text-gray-400 max-w-2xl mx-auto">å¼åè
ã设计å¸ä¸ AI åä½è
çä¸è´éæ©</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">"</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">以åé¨ç½²ä¸ä¸ª Next.js 项ç®è¦æè
¾å天 Nginxï¼ç°å¨ç´æ¥ææä»¶å¤¹æè¿å»å°±æå®äºï¼ç®ç´æ¯éæ³ï¼å¼ºçæ¨èç»ææç¬ç«å¼åè
ã</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">ð¨âð»</div><div><div class="text-white font-medium text-sm">Alex Chen</div><div class="text-xs text-gray-500">ç¬ç«å¼åè
<!-- --> @ <!-- -->IndieHacker</div></div></div><div class="text-xs text-gray-600">2024å¹´12æ</div></div></div><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">"</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">å¯¹äºæä»¬è¿ç§åªä¼å Prompt ä¸ä¼å Docker çè®¾è®¡å¸æ¥è¯´ï¼ä¸ç ç®ç´æ¯ææãDeepSeek çæç代ç ç´æ¥å°±è½ä¸çº¿ï¼</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">ð©âð¨</div><div><div class="text-white font-medium text-sm">Sarah Wu</div><div class="text-xs text-gray-500">AI åä½è
<!-- --> @ <!-- -->Creative Studio</div></div></div><div class="text-xs text-gray-600">2024å¹´12æ</div></div></div><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">"</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">é度é常快ï¼é¦æ¸¯èç¹çå»¶è¿å¾ä½ï¼å½å
访é®å®å
¨æ²¡æé®é¢ãèªå¨ HTTPS ä¹å¾çå¿ï¼å¢éé½å¨ç¨ã</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">ð¨âð§</div><div><div class="text-white font-medium text-sm">Mike Zhang</div><div class="text-xs text-gray-500">å端工ç¨å¸<!-- --> @ <!-- -->TechCorp</div></div></div><div class="text-xs text-gray-600">2024å¹´11æ</div></div></div><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">"</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">æç¨ä¸ç æç®¡äºåå 个客æ·çè½å°é¡µï¼æ¯ä¸ªé¡¹ç®é½æ¯ç§çº§é¨ç½²ãç»å®èªå®ä¹ååä¹å¾æ¹ä¾¿ï¼å®¢æ·å¾æ»¡æã</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">ð©âð»</div><div><div class="text-white font-medium text-sm">Lisa Wang</div><div class="text-xs text-gray-500">å
¨æ å¼å<!-- --> @ <!-- -->Freelancer</div></div></div><div class="text-xs text-gray-600">2024å¹´11æ</div></div></div><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">"</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">ç»è®¡åè½å¤ªæ£äºï¼æ 鿥å
¥ä»»ä½ä»£ç å°±è½çå°å®æ¶è®¿å®¢æ°æ®ï¼å¯¹äºä¼åè¥éçç¥é常æå¸®å©ã</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">ð</div><div><div class="text-white font-medium text-sm">David Liu</div><div class="text-xs text-gray-500">å¸åºç»ç<!-- --> @ <!-- -->StartupX</div></div></div><div class="text-xs text-gray-600">2024å¹´10æ</div></div></div><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">"</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">ChatGPT çæç HTML 代ç ç´æ¥æè¿å»å°±è½è·ï¼è¿ä¸ªä½éªå¤ªä¸æ»äºãåä¹ä¸ç¨æ
å¿æå¡å¨é
ç½®çé®é¢ã</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span><span class="text-yellow-400 text-sm">â
</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">ð</div><div><div class="text-white font-medium text-sm">Emily Yang</div><div class="text-xs text-gray-500">PM<!-- --> @ <!-- -->AI Ventures</div></div></div><div class="text-xs text-gray-600">2024å¹´10æ</div></div></div></div></div></section><div class="py-24"><div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16"><h2 class="text-3xl font-bold mb-4">常è§é®é¢</h2><p class="text-gray-400">å
³äºé¨ç½²ãååä¸ SSL</p></div><div class="space-y-4"><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">è¿éä¸»è¦æ¯ææç®¡åªäºç±»åçéæèµæºï¼</span><svg class="w-5 h-5 text-gray-500 transform transition-transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-40 py-4 border-t border-white/5">æä»¬æ¯æå 乿æçéææä»¶é¨ç½²ãå
æ¬ï¼æ®éç HTML ç½é¡µãPDF ææ¡£ãå¾çç´ æï¼ä»¥å React/Vue çæ¡æ¶æ
3建åç dist ç®å½ãæ 论æ¯ä¸ªäººåå®¢è¿æ¯äº§åæ¼ç¤ºï¼é½è½ä¸é®ä¸çº¿ã</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">æ¯æ DeepSeek / ChatGPT / Gemini / v0.dev çæç代ç åï¼</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">å®ç¾æ¯æãæ è®ºæ¯ v0.devãBolt.new 导åºç项ç®ï¼è¿æ¯ DeepSeekãChatGPTãGemini ç´æ¥çæç HTML åæä»¶ï¼é½å¯ä»¥ç´æ¥é¨ç½²ãæ éé
ç½®å¤æçå¼åç¯å¢ï¼å³ä¼ å³ç¨ã</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">ä¸ç Upma æ¯å
è´¹çåï¼æéèè´¹ç¨åï¼</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">æ°¸ä¹
å
è´¹ï¼ä¸æ éèè´¹ç¨ãFree å¥é¤æ¯æ 2 个项ç®åæ¯æ 1GB æµéï¼è¿å¯¹äºä¸ªäººå客ãä½åéææ¼ç¤º Demo æ¥è¯´é常足å¤ãæ éä»»ä½è´¹ç¨å³å¯å¼å§ä½¿ç¨ã</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">ææ¯å°ç½ï¼ä¸æä»£ç æä¹é¨ç½²ï¼</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">é常ç®åãå¦ææ¨æ¯ç¨ AI å代ç ï¼åªéæ AI çæçæä»¶ä¸è½½å°çµèï¼ç¶åææä»¶å¤¹æå
¥æä»¬çä¸ä¼ åºå³å¯ãå
¨ç¨å¯è§åæä½ï¼æ é使ç¨å½ä»¤è¡ã</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">æå¯ä»¥ç»å®èªå·±çåååï¼HTTPS æ¯å
è´¹çåï¼</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">å½ç¶å¯ä»¥ãææé¡¹ç®é½æ¯æç»å®æ¨ç个æ§åååï¼å¦ www.yourname.comï¼ãæä»¬ä¼èªå¨ä¸ºæ¨ç³è¯·å¹¶ç»æ Let's Encrypt SSL è¯ä¹¦ï¼å
¨èªå¨é
ç½®ï¼æ°¸ä¹
å
è´¹ã</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">å½å
访é®é度æä¹æ ·ï¼</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">é常快ãæä»¬å¨å
¨çé¨ç½²äº 280+ è¾¹ç¼èç¹ãé对å½å
ç¨æ·ï¼æä»¬ç¹å«ä¼åäºé¦æ¸¯ CN2 GIA é«é线路ï¼ç¡®ä¿æ¨çç½ç«å¨ä¸å½å¤§éä¹è½ç§çº§æå¼ï¼æ é»æç¦æ¼ã</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">å
费项ç®çç½ç«ä¼âä¼ç âåï¼</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">ä¸ä¼ãè¿ä¹æ¯æä»¬åºå«äºå
¶ä»å¹³å°çä¼å¿ãæ¨çéæç½ç«ä¸æ¦é¨ç½²ï¼å
¨å¤©å 24 å°æ¶å¨çº¿ï¼å
¨ç CDN éæ¶ååºï¼æ°¸ä¸ä¼ç ã</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">æ¯æèªå¨åé¨ç½² (CI/CD) åï¼</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">æ¯æãæä»¬æä¾äºä¸é¨ç CLI å½ä»¤è¡å·¥å
·ãæ¨å¯ä»¥å°å
¶éæå° GitHub Actions æä»»ä½ CI æµç¨ä¸ï¼å®ç°ä»£ç æäº¤å³èªå¨æ´æ°ä¸çº¿ã</div></div></div></div></div><section class="py-32 relative overflow-hidden"><div class="absolute inset-0 bg-linear-to-b from-blue-900/20 via-purple-900/20 to-transparent pointer-events-none"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[600px] bg-purple-500/10 blur-[150px] rounded-full pointer-events-none"></div><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff03_1px,transparent_1px),linear-gradient(to_bottom,#ffffff03_1px,transparent_1px)] bg-[size:60px_60px] pointer-events-none"></div><div class="max-w-6xl mx-auto px-4 relative z-10"><div class="grid lg:grid-cols-2 gap-16 items-center"><div class="text-center lg:text-left" style="opacity:0;transform:translateX(-30px)"><div class="inline-flex items-center gap-2 bg-green-500/10 border border-green-500/20 rounded-full px-4 py-1.5 mb-6" style="opacity:0;transform:translateY(20px)"><span class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></span><span class="text-sm font-medium text-green-400">æ°¸ä¹
å
è´¹å¼å§</span></div><h2 class="text-4xl md:text-5xl font-bold mb-6 text-white tracking-tight leading-tight">åå¤å¥½åå¸ä½ ç<br/><span class="text-transparent bg-clip-text bg-linear-to-r from-blue-400 to-purple-400">ä¸ä¸ä¸ªé¡¹ç®äºåï¼</span></h2><p class="text-lg text-gray-400 mb-8 max-w-lg">å å
¥æ°ååå¼åè
ä¸åä½è
çè¡åãæ è®ºæ¯ä¸ªäººå客ã产åè½å°é¡µè¿æ¯ AI æ¼ç¤ºï¼å³å»ä¸çº¿ï¼
3å
¨ç访é®ã</p><div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start"><a class="group px-8 py-4 rounded-xl bg-white text-black font-bold text-lg hover:bg-gray-100 transition-all shadow-[0_0_40px_rgba(255,255,255,0.2)] hover:shadow-[0_0_60px_rgba(255,255,255,0.3)] hover:scale-105 transform duration-200 flex items-center justify-center gap-2" href="/dashboard">å
è´¹å¼å§é¨ç½²<svg class="w-5 h-5 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a><a class="px-8 py-4 rounded-xl bg-white/5 border border-white/10 text-white font-medium text-lg hover:bg-white/10 hover:border-white/20 transition-all flex items-center justify-center gap-2" href="/features">äºè§£æ´å¤åè½</a></div><div class="mt-8 flex items-center gap-6 justify-center lg:justify-start text-sm text-gray-500"><div class="flex items-center gap-2"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>æ éä¿¡ç¨å¡</div><div class="flex items-center gap-2"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>æ°¸ä¹
å
è´¹é¢åº¦</div><div class="flex items-center gap-2"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>ç§çº§é¨ç½²</div></div></div><div class="hidden lg:block" style="opacity:0;transform:translateX(30px)"><div class="bg-[#0A0C10] border border-white/10 rounded-xl overflow-hidden shadow-2xl max-w-md mx-auto"><div class="h-8 bg-white/5 border-b border-white/5 flex items-center px-4 gap-2"><div class="flex gap-1.5"><div class="w-3 h-3 rounded-full bg-red-500/50"></div><div class="w-3 h-3 rounded-full bg-yellow-500/50"></div><div class="w-3 h-3 rounded-full bg-green-500/50"></div></div><span class="text-xs text-gray-500 ml-2 font-mono">terminal</span></div><div class="p-4 font-mono text-sm h-48 overflow-hidden"></div></div></div></div></div></section><!--$--><!--/$--></main><footer class="relative overflow-hidden border-t border-white/10 bg-[#020202] pt-12 pb-8 sm:pt-16 lg:pt-20 lg:pb-10"><div aria-hidden="true" class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-blue-400/40 to-transparent"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="mb-10 flex flex-col gap-8 lg:mb-16 lg:flex-row lg:gap-12"><div class="flex flex-col items-center gap-5 border-b border-white/10 pb-8 text-center sm:items-start sm:text-left lg:w-1/4 lg:border-b-0 lg:pb-0"><svg width="160" height="32" viewBox="0 0 160 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="sm:-ml-4" aria-label="ä¸ç Logo"><defs><linearGradient id="circle_bg" x1="0" y1="0" x2="40" y2="40" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#1e1b4b"></stop> <stop offset="100%" stop-color="#2e1065"></stop> </linearGradient><linearGradient id="triangle_gradient" x1="20" y1="10" x2="20" y2="32" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#6366f1"></stop> <stop offset="50%" stop-color="#8b5cf6"></stop> <stop offset="100%" stop-color="#ec4899"></stop> </linearGradient><linearGradient id="dark_text_gradient" x1="0" y1="0" x2="0" y2="100%" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#dedede"></stop><stop offset="100%" stop-color="#a0aec0"></stop></linearGradient><filter id="text_shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="1" stdDeviation="1" flood-color="#000000" flood-opacity="0.5"></feDropShadow></filter></defs><g><circle cx="20" cy="20" r="20" fill="url(#circle_bg)"></circle><circle cx="20" cy="20" r="19" stroke="white" stroke-opacity="0.1" stroke-width="1"></circle><path d="M20 11L30 29H10L20 11Z" fill="url(#triangle_gradient)" class="drop-shadow-sm"></path></g><g transform="translate(48, 0)">
3<text x="0" y="29" fill="url(#dark_text_gradient)" filter="url(#text_shadow)" font-size="24" font-weight="900" font-family="PingFang SC, Microsoft YaHei, system-ui, sans-serif" letter-spacing="0.02em">ä¸ç </text><g transform="translate(54, 0)"><text x="0" y="17" fill="url(#triangle_gradient)" font-size="12" font-weight="900" font-family="Manrope, Inter, system-ui, sans-serif" letter-spacing="0.1em" style="text-transform:uppercase">up</text><text x="0" y="31" font-size="12" font-family="Manrope, Inter, system-ui, sans-serif" font-weight="900" letter-spacing="0.1em"><tspan fill="url(#triangle_gradient)" style="text-transform:uppercase">ma</tspan><tspan fill="white" fill-opacity="0.4" font-weight="600" font-size="10" dx="2">.cn</tspan></text></g></g></svg><p class="max-w-sm text-sm leading-relaxed text-gray-400 sm:max-w-xs">ä¸ä¸º AI åä½è
æé çä¸ç«å¼ä»£ç åå¸å¹³å°ã<br/>æ éè¿ç»´ï¼ä¸æ³¨äºä½ çåæã</p><a href="mailto:[email protected]" class="inline-flex min-h-11 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 text-sm font-medium text-gray-300 transition-colors hover:border-white/20 hover:bg-white/[0.06] hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg>[email protected]</a></div><nav class="divide-y divide-white/10 rounded-lg border border-white/10 bg-white/[0.02] md:hidden" aria-label="页è导èª"><details class="group" open=""><summary class="flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [&::-webkit-details-marker]:hidden"><span>产ååè½</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><ul class="grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/global-cdn"><span>å
¨ç CDN</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/free-ssl"><span>å
è´¹ SSL</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/custom-domains"><span>èªå®ä¹åå</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/password-protection"><span>å¯ç ä¿æ¤</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/instant-rollback"><span>ç§çº§åæ»</span></a></li></ul></details><details class="group"><summary class="flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [&::-webkit-details-marker]:hidden"><span>æç®¡åºæ¯</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><ul class="grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/personal-website"><span>个人ç½ç«æç®¡</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/student-hosting"><span>å¦çä½ä¸æç®¡</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/resume"><span>ç®åæç®¡</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/portfolio"><span>ä½åéæç®¡</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/link-in-bio"><span>导èªé¡µæç®¡</span></a></li></ul></details>
3<details class="group"><summary class="flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [&::-webkit-details-marker]:hidden"><span>æ¡æ¶é¨ç½²</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><ul class="grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-html"><span>HTML é¨ç½²</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-react"><span>React é¨ç½²</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-vue"><span>Vue é¨ç½²</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/host-pdf"><span>PDF æç®¡</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-deepseek"><span>DeepSeek é¨ç½²</span></a></li></ul></details><details class="group"><summary class="flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [&::-webkit-details-marker]:hidden"><span>å¼åå·¥å
·</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><ul class="grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/json-formatter"><span>JSON æ ¼å¼å</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/regex"><span>æ£åæµè¯</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/ip"><span>IP æ¥è¯¢</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/ping"><span>Ping æ£æµ</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors font-medium text-blue-300 hover:text-blue-200" href="/tools"><span>æ¥çå
¨é¨</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></details><details class="group"><summary class="flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [&::-webkit-details-marker]:hidden"><span>èµæºæ¯æ</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><ul class="grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/pricing"><span>ä»·æ ¼</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/docs"><span>ä½¿ç¨æå</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/blog"><span>å客</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/legal/privacy"><span>éç§</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/legal/terms"><span>æ¡æ¬¾</span></a></li></ul></details></nav><nav class="hidden text-left md:grid md:grid-cols-3 md:gap-x-10 md:gap-y-10 lg:ml-auto lg:grid-cols-5 lg:gap-x-8" aria-label="页è导èª"><div class="min-w-0"><h3 class="mb-4 text-sm font-semibold text-gray-200">产ååè½</h3><ul class="space-y-2 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/global-cdn"><span>å
¨ç CDN</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/free-ssl"><span>å
è´¹ SSL</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/custom-domains"><span>èªå®ä¹åå</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/password-protection"><span>å¯ç ä¿æ¤</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/instant-rollback"><span>ç§çº§åæ»</span></a></li></ul></div><div class="min-w-0"><h3 class="mb-4 text-sm font-semibold text-gray-200">æç®¡åºæ¯</h3><ul class="space-y-2 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/personal-website"><span>个人ç½ç«æç®¡</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/student-hosting"><span>å¦çä½ä¸æç®¡</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/resume"><span>ç®åæç®¡</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/portfolio"><span>ä½åéæç®¡</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/link-in-bio"><span>导èªé¡µæç®¡</span></a></li></ul></div><div class="min-w-0"><h3 class="mb-4 text-sm font-semibold text-gray-200">æ¡æ¶é¨ç½²</h3><ul class="space-y-2 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-html"><span>HTML é¨ç½²</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-react"><span>React é¨ç½²</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-vue"><span>Vue é¨ç½²</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/host-pdf"><span>PDF æç®¡</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-deepseek"><span>DeepSeek é¨ç½²</span></a></li></ul></div><div class="min-w-0"><h3 class="mb-4 text-sm font-semibold text-gray-200">å¼åå·¥å
·</h3><ul class="space-y-2 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/json-formatter"><span>JSON æ ¼å¼å</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/regex"><span>æ£åæµè¯</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/ip"><span>IP æ¥è¯¢</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/ping"><span>Ping æ£æµ</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors font-medium text-blue-300 hover:text-blue-200" href="/tools"><span>æ¥çå
¨é¨</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div><div class="min-w-0"><h3 class="mb-4 text-sm font-semibold text-gray-200">èµæºæ¯æ</h3><ul class="space-y-2 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/pricing"><span>ä»·æ ¼</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/docs"><span>ä½¿ç¨æå</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/blog"><span>å客</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/legal/privacy"><span>éç§</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/legal/terms"><span>æ¡æ¬¾</span></a></li></ul></div></nav></div><div class="flex flex-col items-center justify-between gap-5 border-t border-white/10 pt-6 sm:pt-8 md:flex-row"><div class="flex flex-col items-center gap-2 text-center text-sm text-gray-600 sm:flex-row sm:gap-4 sm:text-left"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="hover:text-gray-400 transition-colors">粤ICPå¤2023011358å·-3</a><p>© 2025 UpMa. All rights reserved.</p></div><div class="flex items-center gap-2"><a class="grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white" aria-label="Twitter" href="#"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path></svg></a><a class="grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white" aria-label="GitHub" href="#"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158
3-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg></a><a class="grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white" aria-label="Discord" href="#"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.5151.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.419-2.1568 2.419zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.419-2.1568 2.419z" clip-rule="evenodd"></path></svg></a></div></div></div></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
3<script src="/_next/static/chunks/de81b9ff91d90478.js" id="_R_" async=""></script>
3<script>(self.__next_f=self.__next_f||[]).push([0])</script>
3<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[756132,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\"],\"default\"]\n4:I[886281,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\"],\"PreviewCacheProvider\"]\n5:I[92337,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"default\"]\n6:I[64226,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"default\"]\n15:I[954354,[],\"default\"]\n:HL[\"/_next/static/chunks/d35f63c56af26677.css\",\"style\"]\n:HL[\"/_next/static/chunks/a4c94fca0c700d6c.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.29207c2f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
3<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"snPJzlrBIDHApgrpBbW3-\",\"c\":[\"\",\"?_rsc=16pid\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/d35f63c56af26677.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/a4c94fca0c700d6c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/733d483dbb25b2a8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/e61992e38fd16c06.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/db81d66fdcac06eb.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/61148fb845518522.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"bg-[#050505] text-white\",\"children\":[[\"$\",\"div\",null,{\"className\":\"fixed inset-0 pointer-events-none overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 left-1/4 w-96 h-96 bg-purple-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-1/4 w-96 h-96 bg-blue-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob animation-delay-2000\"}],[\"$\",\"div\",null,{\"className\":\"absolute -bottom-32 left-1/3 w-96 h-96 bg-pink-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob animation-delay-3000\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[url('/noise.svg')] opacity-26\"}]]}],[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"children\":[\"$\",\"main\",null,{\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"footer\",null,{\"className\":\"relative overflow-hidden border-t border-white/10 bg-[#020202] pt-12 pb-8 sm:pt-16 lg:pt-20 lg:pb-10\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":\"true\",\"className\":\"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-blue-400/40 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-10 flex flex-col gap-8 lg:mb-16 lg:flex-row lg:gap-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-5 border-b border-white/10 pb-8 text-center sm:items-start sm:text-left lg:w-1/4 lg:border-b-0 lg:pb-0\",\"children\":[[\"$\",\"svg\",null,{\"width\":160,\"height\"
3:32,\"viewBox\":\"0 0 160 40\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"sm:-ml-4\",\"aria-label\":\"ä¸ç Logo\",\"children\":[[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"id\":\"circle_bg\",\"x1\":\"0\",\"y1\":\"0\",\"x2\":\"40\",\"y2\":\"40\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"offset\":\"0%\",\"stopColor\":\"#1e1b4b\"}],\" \",[\"$\",\"stop\",null,{\"offset\":\"100%\",\"stopColor\":\"#2e1065\"}],\" \"]}],[\"$\",\"linearGradient\",null,{\"id\":\"triangle_gradient\",\"x1\":\"20\",\"y1\":\"10\",\"x2\":\"20\",\"y2\":\"32\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[\"$L7\",\" \",\"$L8\",\" \",\"$L9\",\" \"]}],\"$La\",\"$Lb\"]}],\"$Lc\",\"$Ld\"]}],\"$Le\",\"$Lf\"]}],\"$L10\",\"$L11\"]}],\"$L12\"]}]]}]]}]]}],{\"children\":[\"$L13\",{},null,false,false]},null,false,false]},null,false,false],\"$L14\",false]],\"m\":\"$undefined\",\"G\":[\"$15\",[]],\"S\":true}\n"])</script>
3<script>self.__next_f.push([1,"16:I[8331,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\"],\"\"]\n22:I[948705,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n23:I[320505,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n24:I[688797,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n25:I[329039,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n36:I[802718,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"ViewportBoundary\"]\n38:I[802718,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"MetadataBoundary\"]\n39:\"$Sreact.suspense\"\n7:[\"$\",\"stop\",null,{\"offset\":\"0%\",\"stopColor\":\"#6366f1\"}]\n8:[\"$\",\"stop\",null,{\"offset\":\"50%\",\"stopColor\":\"#8b5cf6\"}]\n9:[\"$\",\"stop\",null,{\"offset\":\"100%\",\"stopColor\":\"#ec4899\"}]\na:[\"$\",\"linearGradient\",null,{\"id\":\"dark_text_gradient\",\"x1\":\"0\",\"y1\":\"0\",\"x2\":\"0\",\"y2\":\"100%\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"offset\":\"0%\",\"stopColor\":\"#dedede\"}],[\"$\",\"stop\",null,{\"offset\":\"100%\",\"stopColor\":\"#a0aec0\"}]]}]\nb:[\"$\",\"filter\",null,{\"id\":\"text_shadow\",\"x\":\"-20%\",\"y\":\"-20%\",\"width\":\"140%\",\"height\":\"140%\",\"children\":[\"$\",\"feDropShadow\",null,{\"dx\":\"0\",\"dy\":\"1\",\"stdDeviation\":\"1\",\"floodColor\":\"#000000\",\"floodOpacity\":0.5}]}]\nc:[\"$\",\"g\",null,{\"children\":[[\"$\",\"circle\",null,{\"cx\":\"20\",\"cy\":\"20\",\"r\":\"20\",\"fill\":\"url(#circle_bg)\"}],[\"$\",\"circle\",null,{\"cx\":\"20\",\"cy\":\"20\",\"r\":\"19\",\"stroke\":\"white\",\"strokeOpacity\":\"0.1\",\"strokeWidth\":\"1\"}],[\"$\",\"path\",null,{\"d\":\"M20 11L30 29H10L20 11Z\",\"fill\":\"url(#triangle_gradient)\",\"className\":\"drop-shadow-sm\"}]]}]\nd:[\"$\",\"g\",null,{\"transform\":\"translate(48, 0)\",\"children\":[[\"$\",\"text\",null,{\"x\":\"0\",\"y\":\"29\",\"fill\":\"url(#dark_text_gradient)\",\"filter\":\"url(#text_shadow)\",\"fontSize\":\"24\",\"fontWeight\":\"900\",\"fontFamily\":\"PingFang SC, Microsoft YaHei, system-ui, sans-serif\",\"letterSpacing\":\"0.02em\",\"children\":\"ä¸ç \"}],[\"$\",\"g\",null,{\"transform\":\"translate(54, 0)\",\"children\":[[\"$\",\"text\",null,{\"x\":\"0\",\"y\":\"17\",\"fill\":\"url(#triangle_gradient)\",\"fontSize\":\"12\",\"fontWeight\":\"900\",\"fontFamily\":\"Manrope, Inter, system-ui, sans-serif\",\"letterSpacing\":\"0.1em\",\"style\":{\"textTransform\":\"uppercase\"},\"children\":\"up\"}],[\"$\",\"text\",null,{\"x\":\"0\",\"y\":\"31\",\"fontSize\":\"12\",\"fontFamily\":\"Manrope, Inter, system-ui, sans-serif\",\"fontWeight\":\"900\",\"letterSpacing\":\"0.1em\",\"children\":[[\"$\",\"tspan\",null,{\"fill\":\"url(#triangle_gradien"])</script>
3<script>self.__next_f.push([1,"t)\",\"style\":{\"textTransform\":\"uppercase\"},\"children\":\"ma\"}],[\"$\",\"tspan\",null,{\"fill\":\"white\",\"fillOpacity\":\"0.4\",\"fontWeight\":\"600\",\"fontSize\":\"10\",\"dx\":\"2\",\"children\":\".cn\"}]]}]]}]]}]\ne:[\"$\",\"p\",null,{\"className\":\"max-w-sm text-sm leading-relaxed text-gray-400 sm:max-w-xs\",\"children\":[\"ä¸ä¸º AI åä½è
æé çä¸ç«å¼ä»£ç åå¸å¹³å°ã\",[\"$\",\"br\",null,{}],\"æ éè¿ç»´ï¼ä¸æ³¨äºä½ çåæã\"]}]\nf:[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]\",\"className\":\"inline-flex min-h-11 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 text-sm font-medium text-gray-300 transition-colors hover:border-white/20 hover:bg-white/[0.06] hover:text-white\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-mail h-4 w-4\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"132q7q\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"}],[\"$\",\"rect\",\"izxlao\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\"}],\"$undefined\"]}],\"[email protected]\"]}]\n"])</script>
3<script>self.__next_f.push([1,"10:[\"$\",\"nav\",null,{\"className\":\"divide-y divide-white/10 rounded-lg border border-white/10 bg-white/[0.02] md:hidden\",\"aria-label\":\"页è导èª\",\"children\":[[\"$\",\"details\",\"产ååè½\",{\"className\":\"group\",\"open\":true,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"span\",null,{\"children\":\"产ååè½\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"qrunsl\",{\"d\":\"m6 9 6 6 6-6\"}],\"$undefined\"]}]]}],[\"$\",\"ul\",null,{\"className\":\"grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm\",\"children\":[[\"$\",\"li\",\"å
¨ç CDN\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/global-cdn\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"å
¨ç CDN\"}],null]}]}],[\"$\",\"li\",\"å
è´¹ SSL\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/free-ssl\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"å
è´¹ SSL\"}],null]}]}],[\"$\",\"li\",\"èªå®ä¹åå\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/custom-domains\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"èªå®ä¹åå\"}],null]}]}],[\"$\",\"li\",\"å¯ç ä¿æ¤\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/password-protection\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"å¯ç ä¿æ¤\"}],null]}]}],[\"$\",\"li\",\"ç§çº§åæ»\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/instant-rollback\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"ç§çº§åæ»\"}],null]}]}]]}]]}],[\"$\",\"details\",\"æç®¡åºæ¯\",{\"className\":\"group\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"span\",null,{\"children\":\"æç®¡åºæ¯\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"qrunsl\",{\"d\":\"m6 9 6 6 6-6\"}],\"$undefined\"]}]]}],[\"$\",\"ul\",null,{\"className\":\"grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm\",\"children\":[[\"$\",\"li\",\"个人ç½ç«æç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/personal-website\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"个人ç½ç«æç®¡\"}],null]}]}],[\"$\",\"li\",\"å¦çä½ä¸æç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/student-hosting\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"å¦çä½ä¸æç®¡\"}],null]}]}],[\"$\",\"li\",\"ç®åæç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/resume\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"ç®åæç®¡\"}],null]}]}],[\"$\",\"li\",\"ä½åéæç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/portfolio\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"ä½åéæç®¡\"}],null]}]}],[\"$\",\"li\",\"导èªé¡µæç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/link-in-bio\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[\"$L17\",null]}]}]]}]]}],\"$L18\",\"$L19\",\"$L1a\"]}]\n"])</script>
3<script>self.__next_f.push([1,"11:[\"$\",\"nav\",null,{\"className\":\"hidden text-left md:grid md:grid-cols-3 md:gap-x-10 md:gap-y-10 lg:ml-auto lg:grid-cols-5 lg:gap-x-8\",\"aria-label\":\"页è导èª\",\"children\":[[\"$\",\"div\",\"产ååè½\",{\"className\":\"min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-4 text-sm font-semibold text-gray-200\",\"children\":\"产ååè½\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"å
¨ç CDN\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/global-cdn\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"å
¨ç CDN\"}],null]}]}],[\"$\",\"li\",\"å
è´¹ SSL\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/free-ssl\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"å
è´¹ SSL\"}],null]}]}],[\"$\",\"li\",\"èªå®ä¹åå\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/custom-domains\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"èªå®ä¹åå\"}],null]}]}],[\"$\",\"li\",\"å¯ç ä¿æ¤\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/password-protection\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"å¯ç ä¿æ¤\"}],null]}]}],[\"$\",\"li\",\"ç§çº§åæ»\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/instant-rollback\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"ç§çº§åæ»\"}],null]}]}]]}]]}],[\"$\",\"div\",\"æç®¡åºæ¯\",{\"className\":\"min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-4 text-sm font-semibold text-gray-200\",\"children\":\"æç®¡åºæ¯\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"个人ç½ç«æç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/personal-website\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"个人ç½ç«æç®¡\"}],null]}]}],[\"$\",\"li\",\"å¦çä½ä¸æç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/student-hosting\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"å¦çä½ä¸æç®¡\"}],null]}]}],[\"$\",\"li\",\"ç®åæç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/resume\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"ç®åæç®¡\"}],null]}]}],[\"$\",\"li\",\"ä½åéæç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/portfolio\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"ä½åéæç®¡\"}],null]}]}],[\"$\",\"li\",\"导èªé¡µæç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/link-in-bio\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"导èªé¡µæç®¡\"}],null]}]}]]}]]}],[\"$\",\"div\",\"æ¡æ¶é¨ç½²\",{\"className\":\"min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-4 text-sm font-semibold text-gray-200\",\"children\":\"æ¡æ¶é¨ç½²\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"HTML é¨ç½²\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-html\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"HTML é¨ç½²\"}],null]}]}],[\"$\",\"li\",\"React é¨ç½²\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-react\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"React é¨ç½²\"}],null]}]}],[\"$\",\"li\",\"Vue é¨ç½²\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-vue\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[\"$L1b\",null]}]}],\"$L1c\",\"$L1d\"]}]]}],\"$L1e\",\"$L1f\"]}]\n"])</script>
3<script>self.__next_f.push([1,"20:T4eb,M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.5151.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.419-2.1568 2.419zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.419-2.1568 2.419z"])</script>
3<script>self.__next_f.push([1,"12:[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-between gap-5 border-t border-white/10 pt-6 sm:pt-8 md:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-2 text-center text-sm text-gray-600 sm:flex-row sm:gap-4 sm:text-left\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://beian.miit.gov.cn/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-gray-400 transition-colors\",\"children\":\"粤ICPå¤2023011358å·-3\"}],[\"$\",\"p\",null,{\"children\":\"© 2025 UpMa. All rights reserved.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"$L16\",null,{\"href\":\"#\",\"className\":\"grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white\",\"aria-label\":\"Twitter\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-5 h-5\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"path\",null,{\"d\":\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\"}]}]}],[\"$\",\"$L16\",null,{\"href\":\"#\",\"className\":\"grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white\",\"aria-label\":\"GitHub\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-5 h-5\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z\",\"clipRule\":\"evenodd\"}]}]}],[\"$\",\"$L16\",null,{\"href\":\"#\",\"className\":\"grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white\",\"aria-label\":\"Discord\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-5 h-5\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"$20\",\"clipRule\":\"evenodd\"}]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"21:Tb5d,"])</script>
3<script>self.__next_f.push([1,"[{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"ä¸ç (Shangma)\",\"url\":\"https://www.upma.cn\"},{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"ä¸ç \",\"url\":\"https://www.upma.cn\",\"logo\":\"https://www.upma.cn/logo.png\",\"sameAs\":[\"https://twitter.com/shangma_cn\",\"https://github.com/shangma\"]},{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"è¿éä¸»è¦æ¯ææç®¡åªäºç±»åçéæèµæºï¼\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"æä»¬æ¯æå 乿æçéææä»¶é¨ç½²ãå
æ¬ï¼æ®éç HTML ç½é¡µãPDF ææ¡£ãå¾çç´ æï¼ä»¥å React/Vue çæ¡æ¶æå»ºåç dist ç®å½ãæ 论æ¯ä¸ªäººåå®¢è¿æ¯äº§åæ¼ç¤ºï¼é½è½ä¸é®ä¸çº¿ã\"}},{\"@type\":\"Question\",\"name\":\"æ¯æ DeepSeek / ChatGPT / Gemini / v0.dev çæç代ç åï¼\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"å®ç¾æ¯æãæ è®ºæ¯ v0.devãBolt.new 导åºç项ç®ï¼è¿æ¯ DeepSeekãChatGPTãGemini ç´æ¥çæç HTML åæä»¶ï¼é½å¯ä»¥ç´æ¥é¨ç½²ãæ éé
ç½®å¤æçå¼åç¯å¢ï¼å³ä¼ å³ç¨ã\"}},{\"@type\":\"Question\",\"name\":\"ä¸ç Upma æ¯å
è´¹çåï¼æéèè´¹ç¨åï¼\",\"acceptedA
3nswer\":{\"@type\":\"Answer\",\"text\":\"æ°¸ä¹
å
è´¹ï¼ä¸æ éèè´¹ç¨ãFree å¥é¤æ¯æ 2 个项ç®åæ¯æ 1GB æµéï¼è¿å¯¹äºä¸ªäººå客ãä½åéææ¼ç¤º Demo æ¥è¯´é常足å¤ãæ éä»»ä½è´¹ç¨å³å¯å¼å§ä½¿ç¨ã\"}},{\"@type\":\"Question\",\"name\":\"ææ¯å°ç½ï¼ä¸æä»£ç æä¹é¨ç½²ï¼\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"é常ç®åãå¦ææ¨æ¯ç¨ AI å代ç ï¼åªéæ AI çæçæä»¶ä¸è½½å°çµèï¼ç¶åææä»¶å¤¹æå
¥æä»¬çä¸ä¼ åºå³å¯ãå
¨ç¨å¯è§åæä½ï¼æ é使ç¨å½ä»¤è¡ã\"}},{\"@type\":\"Question\",\"name\":\"æå¯ä»¥ç»å®èªå·±çåååï¼HTTPS æ¯å
è´¹çåï¼\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"å½ç¶å¯ä»¥ãææé¡¹ç®é½æ¯æç»å®æ¨ç个æ§åååï¼å¦ www.yourname.comï¼ãæä»¬ä¼èªå¨ä¸ºæ¨ç³è¯·å¹¶ç»æ Let's Encrypt SSL è¯ä¹¦ï¼å
¨èªå¨é
ç½®ï¼æ°¸ä¹
å
è´¹ã\"}},{\"@type\":\"Question\",\"name\":\"å½å
访é®é度æä¹æ ·ï¼\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"é常快ãæä»¬å¨å
¨çé¨ç½²äº 280+ è¾¹ç¼èç¹ãé对å½å
ç¨æ·ï¼æä»¬ç¹å«ä¼åäºé¦æ¸¯ CN2 GIA é«é线路ï¼ç¡®ä¿æ¨çç½ç«å¨ä¸å½å¤§éä¹è½ç§çº§æå¼ï¼æ é»æç¦æ¼ã\"}},{\"@type\":\"Question\",\"name\":\"å
费项ç®çç½ç«ä¼âä¼ç âåï¼\",\"acceptedA
3nswer\":{\"@type\":\"Answer\",\"text\":\"ä¸ä¼ãè¿ä¹æ¯æä»¬åºå«äºå
¶ä»å¹³å°çä¼å¿ãæ¨çéæç½ç«ä¸æ¦é¨ç½²ï¼å
¨å¤©å 24 å°æ¶å¨çº¿ï¼å
¨ç CDN éæ¶ååºï¼æ°¸ä¸ä¼ç ã\"}},{\"@type\":\"Question\",\"name\":\"æ¯æèªå¨åé¨ç½² (CI/CD) åï¼\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"æ¯æãæä»¬æä¾äºä¸é¨ç CLI å½ä»¤è¡å·¥å
·ãæ¨å¯ä»¥å°å
¶éæå° GitHub Actions æä»»ä½ CI æµç¨ä¸ï¼å®ç°ä»£ç æäº¤å³èªå¨æ´æ°ä¸çº¿ã\"}}]}]"])</script>
3<script>self.__next_f.push([1,"13:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$21\"}}],[\"$\",\"$L22\",null,{}],[\"$\",\"$L23\",null,{}],[\"$\",\"section\",null,{\"className\":\"bg-[#0A0C10]/30 pt-20\",\"children\":[[\"$\",\"$L24\",null,{}],[\"$\",\"$L25\",null,{}]]}],[\"$\",\"div\",null,{\"className\":\"py-24 bg-black/20\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-16\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl sm:text-3xl font-bold mb-2 sm:mb-4\",\"children\":\"å·¥ä½åç\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400\",\"children\":\"ç®å䏿¥ï¼çè³æ éæ³¨åå³å¯é¢è§\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-3 gap-12 relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden md:block absolute top-12 left-[16%] right-[16%] h-0.5 bg-gradient-to-r from-blue-500/20 via-purple-500/20 to-green-500/20\"}],[[\"$\",\"div\",\"0\",{\"className\":\"relative flex flex-col items-center text-center group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-8 h-8 text-blue-400\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"2\",\"d\":\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"}]}]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-white mb-3\",\"children\":\"ä¸ä¼ ä½ ç项ç®\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400 leading-relaxed max-w-xs\",\"children\":\"ç´æ¥æå
¥ä»£ç æä»¶å¤¹ï¼HTML/Distï¼æ Zip å缩å
ã\"}]]}],[\"$\",\"div\",\"1\",{\"className\":\"relative flex flex-col items-center text-center group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50\",\"children\":\"$L26\"}],\"$L27\",\"$L28\"]}],\"$L29\"]]}]]}]}],\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\"],[\"$L30\",\"$L31\",\"$L32\",\"$L33\",\"$L34\"],\"$L35\"]}]\n"])</script>
3<script>self.__next_f.push([1,"14:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L36\",null,{\"children\":\"$L37\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L38\",null,{\"children\":[\"$\",\"$39\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L3a\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
3<script>self.__next_f.push([1,"3b:I[768093,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n3c:I[716924,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n3d:I[90226,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n3e:I[182630,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n3f:I[300704,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n40:I[445869,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n41:I[802718,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"OutletBoundary\"]\n17:[\"$\",\"span\",null,{\"children\":\"导èªé¡µæç®¡\"}]\n"])</script>
3<script>self.__next_f.push([1,"18:[\"$\",\"details\",\"æ¡æ¶é¨ç½²\",{\"className\":\"group\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"span\",null,{\"children\":\"æ¡æ¶é¨ç½²\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"qrunsl\",{\"d\":\"m6 9 6 6 6-6\"}],\"$undefined\"]}]]}],[\"$\",\"ul\",null,{\"className\":\"grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm\",\"children\":[[\"$\",\"li\",\"HTML é¨ç½²\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-html\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"HTML é¨ç½²\"}],null]}]}],[\"$\",\"li\",\"React é¨ç½²\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-react\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"React é¨ç½²\"}],null]}]}],[\"$\",\"li\",\"Vue é¨ç½²\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-vue\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Vue é¨ç½²\"}],null]}]}],[\"$\",\"li\",\"PDF æç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/host-pdf\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"PDF æç®¡\"}],null]}]}],[\"$\",\"li\",\"DeepSeek é¨ç½²\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-deepseek\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"DeepSeek é¨ç½²\"}],null]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"19:[\"$\",\"details\",\"å¼åå·¥å
·\",{\"className\":\"group\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"span\",null,{\"children\":\"å¼åå·¥å
·\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"qrunsl\",{\"d\":\"m6 9 6 6 6-6\"}],\"$undefined\"]}]]}],[\"$\",\"ul\",null,{\"className\":\"grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm\",\"children\":[[\"$\",\"li\",\"JSON æ ¼å¼å\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/json-formatter\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"JSON æ ¼å¼å\"}],null]}]}],[\"$\",\"li\",\"æ£åæµè¯\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/regex\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"æ£åæµè¯\"}],null]}]}],[\"$\",\"li\",\"IP æ¥è¯¢\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/ip\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"IP æ¥è¯¢\"}],null]}]}],[\"$\",\"li\",\"Ping æ£æµ\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/ping\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Ping æ£æµ\"}],null]}]}],[\"$\",\"li\",\"æ¥çå
¨é¨\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors font-medium text-blue-300 hover:text-blue-200\",\"children\":[[\"$\",\"span\",null,{\"children\":\"æ¥çå
¨é¨\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"1a:[\"$\",\"details\",\"èµæºæ¯æ\",{\"className\":\"group\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"span\",null,{\"children\":\"èµæºæ¯æ\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"qrunsl\",{\"d\":\"m6 9 6 6 6-6\"}],\"$undefined\"]}]]}],[\"$\",\"ul\",null,{\"className\":\"grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm\",\"children\":[[\"$\",\"li\",\"ä»·æ ¼\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/pricing\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"ä»·æ ¼\"}],null]}]}],[\"$\",\"li\",\"ä½¿ç¨æå\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/docs\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"ä½¿ç¨æå\"}],null]}]}],[\"$\",\"li\",\"å客\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/blog\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"å客\"}],null]}]}],[\"$\",\"li\",\"éç§\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/legal/privacy\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"éç§\"}],null]}]}],[\"$\",\"li\",\"æ¡æ¬¾\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/legal/terms\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"æ¡æ¬¾\"}],null]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"1b:[\"$\",\"span\",null,{\"children\":\"Vue é¨ç½²\"}]\n1c:[\"$\",\"li\",\"PDF æç®¡\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/host-pdf\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"PDF æç®¡\"}],null]}]}]\n1d:[\"$\",\"li\",\"DeepSeek é¨ç½²\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-deepseek\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"DeepSeek é¨ç½²\"}],null]}]}]\n"])</script>
3<script>self.__next_f.push([1,"1e:[\"$\",\"div\",\"å¼åå·¥å
·\",{\"className\":\"min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-4 text-sm font-semibold text-gray-200\",\"children\":\"å¼åå·¥å
·\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"JSON æ ¼å¼å\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/json-formatter\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"JSON æ ¼å¼å\"}],null]}]}],[\"$\",\"li\",\"æ£åæµè¯\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/regex\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"æ£åæµè¯\"}],null]}]}],[\"$\",\"li\",\"IP æ¥è¯¢\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/ip\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"IP æ¥è¯¢\"}],null]}]}],[\"$\",\"li\",\"Ping æ£æµ\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/ping\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Ping æ£æµ\"}],null]}]}],[\"$\",\"li\",\"æ¥çå
¨é¨\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors font-medium text-blue-300 hover:text-blue-200\",\"children\":[[\"$\",\"span\",null,{\"children\":\"æ¥çå
¨é¨\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"1f:[\"$\",\"div\",\"èµæºæ¯æ\",{\"className\":\"min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-4 text-sm font-semibold text-gray-200\",\"children\":\"èµæºæ¯æ\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"ä»·æ ¼\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/pricing\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"ä»·æ ¼\"}],null]}]}],[\"$\",\"li\",\"ä½¿ç¨æå\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/docs\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"ä½¿ç¨æå\"}],null]}]}],[\"$\",\"li\",\"å客\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/blog\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"å客\"}],null]}]}],[\"$\",\"li\",\"éç§\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/legal/privacy\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"éç§\"}],null]}]}],[\"$\",\"li\",\"æ¡æ¬¾\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/legal/terms\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"æ¡æ¬¾\"}],null]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"26:[\"$\",\"svg\",null,{\"className\":\"w-8 h-8 text-purple-400\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"2\",\"d\":\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"}]}]\n27:[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-white mb-3\",\"children\":\"èªå¨è¯å«æå»º\"}]\n28:[\"$\",\"p\",null,{\"className\":\"text-gray-400 leading-relaxed max-w-xs\",\"children\":\"æºè½è¯å« HTMLéæç« æ React/Vue å端项ç®ï¼èªå¨é
ç½®ç¯å¢ã\"}]\n29:[\"$\",\"div\",\"2\",{\"className\":\"relative flex flex-col items-center text-center group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-8 h-8 text-green-400\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"2\",\"d\":\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064\"}]}]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-white mb-3\",\"children\":\"å
¨çåå\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400 leading-relaxed max-w-xs\",\"children\":\"ç§çº§é¨ç½²å°å
¨ç 300+ è¾¹ç¼èç¹ï¼èªå¨é
ç½® HTTPS å CDNã\"}]]}]\n2a:[\"$\",\"$L3b\",null,{}]\n2b:[\"$\",\"$L3c\",null,{}]\n2c:[\"$\",\"$L3d\",null,{}]\n2d:[\"$\",\"$L3e\",null,{}]\n2e:[\"$\",\"$L3f\",null,{}]\n2f:[\"$\",\"$L40\",null,{}]\n30:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/bec9bc27fd316f44.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n31:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/75f964463e43185f.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n32:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/d7b8a6adcb687647.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n33:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/f95229c85107bf47.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n34:[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0dc97eab4bbef92a.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n35:[\"$\",\"$L41\",null,{\"children\":[\"$\",\"$39\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@42\"}]}]\n"])</script>
3<script>self.__next_f.push([1,"43:I[986150,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"default\"]\n44:I[96923,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"Providers\"]\n45:I[293264,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"PlansProvider\"]\n"])</script>
3<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"zh-CN\",\"suppressHydrationWarning\":true,\"className\":\"scroll-smooth\",\"children\":[\"$\",\"body\",null,{\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased overflow-x-hidden bg-gray-50 dark:bg-[#050505] text-slate-900 dark:text-white\",\"children\":[[\"$\",\"$L43\",null,{\"color\":\"linear-gradient(to right, #6366f1, #8b5cf6, #ec4899)\",\"initialPosition\":0.08,\"crawlSpeed\":200,\"height\":3,\"crawl\":true,\"showSpinner\":false,\"showForHashAnchor\":false,\"easing\":\"ease\",\"speed\":200,\"shadow\":\"0 0 10px #8b5cf6,0 0 5px #8b5cf6\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"ä¸ç \\\",\\\"applicationCategory\\\":\\\"DeveloperApplication\\\",\\\"operatingSystem\\\":\\\"Web\\\",\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\"},\\\"description\\\":\\\"A platform to deploy AI-generated code (DeepSeek, ChatGPT, Claude) to the web instantly.\\\"}\"}}],[\"$\",\"$L44\",null,{\"children\":[\"$\",\"$L45\",null,{\"initialConfig\":{\"plans\":{\"FREE\":{\"id\":\"FREE\",\"name\":\"Free\",\"description\":\"é¢å个人å¼åè
ãå¦çåç®åé¡¹ç®æ¼ç¤ºã\",\"popular\":false,\"pricing\":{\"monthly\":0,\"annual\":0},\"limits\":{\"maxProjects\":2,\"maxUploadSize\":10485760,\"maxStorage\":104857600,\"maxBandwidth\":1073741824,\"maxDomains\":0,\"hasCustomDomain\":false,\"hasSSL\":false,\"hasAnalytics\":false,\"hasPasswordProtection\":false,\"hasBranding\":true,\"maxVersionHistory\":3,\"maxTeamMembers\":1,\"buildQueue\":\"standard\",\"cdnTier\":\"shared\",\"supportLevel\":\"community\",\"hasCleanUrls\":false,\"rateLimitBytes\":524288,\"maxFormsPerProject\":1,\"maxFormSubmissionsPerMonth\":10,\"formRetentionDays\":10,\"hasFormWebhook\":false,\"hasFormOpenMode\":false},\"features\":[\"2 个项ç®\",\"æ¯æ 1GB æµé\",\"忬¡ä¸ä¼ 10MB\",\"æ»åå¨ 100MB\",\"å
置表åï¼1 个 / æ¯æ 10 次æäº¤ï¼\",\"è¡¨åæ°æ®ä¿ç 10 天\",\"æ åæå»ºéå\",\"å¯é¢å¤èªå®ä¹åå\",\"èªå¨ SSL è¯ä¹¦\",\"å³ä¸è§åå¨æç®¡äºä¸ç æ è¯\"],\"aiCreditGrant\":{\"monthly\":{\"credits\":0,\"expiresInDays\":0,\"validityLabel\":\"æ èµ é积å\"},\"annual\":{\"credits\":0,\"expiresInDays\":0,\"validityLabel\":\"æ èµ é积å\"}}},\"PRO\":{\"id\":\"PRO\",\"name\":\"Pro\",\"description\":\"é¢åä¸ä¸å¼åè
ãç产ç¯å¢ååä¸é¡¹ç®ã\",\"popular\":true,\"pricing\":{\"monthly\":19.9,\"annual\":199},\"limits\":{\"maxProjects\":50,\"maxUploadSize\":209715200,\"maxStorage\":5368709120,\"maxBandwidth\":107374182400,\"maxDomains\":10,\"hasCustomDomain\":true,\"hasSSL\":true,\"hasAnalytics\":true,\"hasPasswordProtection\":true,\"hasBranding\":false,\"maxVersionHistory\":10,\"maxTeamMembers\":1,\"buildQueue\":\"turbo\",\"cdnTier\":\"global\",\"supportLevel\":\"email\",\"hasCleanUrls\":true,\"rateLimitBytes\":2097152,\"maxFormsPerProject\":10,\"maxFormSubmissionsPerMonth\":1000,\"formRetentionDays\":180,\"hasFormWebhook\":true,\"hasFormOpenMode\":true},\"features\":[\"50 个项ç®\",\"æ¯æ 100GB æµé\",\"忬¡ä¸ä¼ 200MB\",\"å
置表åï¼æ¯æ 1 忬¡æäº¤ï¼\",\"å
¨çå é CDN (馿¸¯/æ¥æ¬ CN2)\",\"èªå®ä¹åå (10个)\",\"èªå¨ SSL è¯ä¹¦\",\"ç»è®¡åæ \u0026 访客æç»\",\"ç½ç«è®¿é®å¯ç \",\"å»é¤æç®¡äºä¸ç æ è¯\",\"Clean URLs (éè .html åç¼)\"],\"aiCreditGrant\":{\"monthly\":{\"credits\":50,\"expiresInDays\":30,\"validityLabel\":\"30 å¤©æææ\"},\"annual\":{\"credits\":500,\"expiresInDays\":365,\"validityLabel\":\"ä¸å¹´æææ\"}}},\"TEAM\":{\"id\":\"TEAM\",\"name\":\"Team\",\"description\":\"é¢åä¼ä¸ãå
¬å¸åéè¦åä½çå·¥ä½å®¤å¢éã\",\"popular\":false,\"pricing\":{\"monthly\":199,\"annual\":1999},\"limits\":{\"maxProjects\":-1,\"maxUploadSize\":524288000,\"maxStorage\":53687091200,\"maxBandwidth\":1099511627776,\"maxDomains\":100,\"hasCustomDomain\":true,\"hasSSL\":true,\"hasAnalytics\":true,\"hasPasswordProtection\":true,\"hasBranding\":false,\"maxVersionHistory\":-1,\"maxTeamMembers\":5,\"buildQueue\":\"dedicated\",\"cdnTier\":\"enterprise\",\"supportLevel\":\"dedicated\",\"hasCleanUrls\":true,\"rateLimitBytes\":5242880,\"maxFormsPerProject\":100,\"maxFormSubmissionsPerMonth\":10000,\"formRetentionDays\":365,\"hasFormWebhook\":true,\"hasFormOpenMode\":true},\"features\":[\"æ é项ç®\",\"æ¯æ 1TB æµé\",\"忬¡ä¸ä¼ 500MB\",\"å
置表åï¼æ¯æ 1 䏿¬¡æäº¤ï¼\",\"ç¬äº«æéæå»ºå®ä¾\",\"å¢éåä½ (5人)\",\"èªå
3®ä¹åå (100个)\",\"ç»è®¡åæ \u0026 访客æç»\",\"ç½ç«è®¿é®å¯ç \",\"ä¼å
工忝æ\",\"Clean URLs (éè .html åç¼)\"],\"aiCreditGrant\":{\"monthly\":{\"credits\":500,\"expiresInDays\":30,\"validityLabel\":\"30 å¤©æææ\"},\"annual\":{\"credits\":5000,\"expiresInDays\":365,\"validityLabel\":\"ä¸å¹´æææ\"}}}},\"features\":[{\"category\":\"æå»ºä¸åå¨\",\"items\":[{\"name\":\"é¡¹ç®æ°é\",\"free\":\"2 个\",\"pro\":\"50 个\",\"team\":\"æ é\"},{\"name\":\"忬¡ä¸ä¼ éå¶\",\"free\":\"10 MB\",\"pro\":\"200 MB\",\"team\":\"500 MB\"},{\"name\":\"åå¨ç©ºé´\",\"free\":\"100 MB\",\"pro\":\"5 GB\",\"team\":\"50 GB\"},{\"name\":\"æå»ºéå\",\"free\":\"æ å (æé)\",\"pro\":\"Turbo (3x é度)\",\"team\":\"ç¬äº«å®ä¾ (æé)\"}]},{\"category\":\"ååä¸ç½ç»\",\"items\":[{\"name\":\"带宽éå¶\",\"free\":\"5 Mbps\",\"pro\":\"20 Mbps\",\"team\":\"100 Mbps\"},{\"name\":\"ææµééå¶\",\"free\":\"1 GB (æ¯æé¢å¤è´ä¹°)\",\"pro\":\"100 GB (æ¯æé¢å¤è´ä¹°)\",\"team\":\"1 TB (æ¯æé¢å¤è´ä¹°)\"},{\"name\":\"CDN èç¹\",\"free\":\"å
±äº« (HK/US/EU)\",\"pro\":\"å
¨çå é (å«é¦æ¸¯ CN2)\",\"team\":\"å
¨çä¼ä¸çº§\"},{\"name\":\"èªå®ä¹åå\",\"free\":\"å¯é¢å¤è´ä¹°\",\"pro\":\"10 个 (æ¯æé¢å¤è´ä¹°)\",\"team\":\"100个 (æ¯æé¢å¤è´ä¹°)\"},{\"name\":\"èªå¨ç®¡ç/ç»æ SSL\",\"free\":\"â (èªå¨ç»æ)\",\"pro\":\"â (èªå¨ç»æ)\",\"team\":\"â (èªå¨ç»æ)\"}]},{\"category\":\"表åä¸çº¿ç´¢æ¶é\",\"items\":[{\"name\":\"æ´»è·è¡¨åæ°\",\"free\":\"1 个\",\"pro\":\"10 个\",\"team\":\"100 个\"},{\"name\":\"æ¯æè¡¨åæäº¤æ¬¡æ°\",\"free\":\"10 次\",\"pro\":\"1000 次\",\"team\":\"1 䏿¬¡\"},{\"name\":\"è¡¨åæ°æ®ä¿ç\",\"free\":\"10 天\",\"pro\":\"180 天\",\"team\":\"1 å¹´\"},{\"name\":\"Open Mode \u0026 Webhook\",\"free\":\"â\",\"pro\":\"â\",\"team\":\"â\"}]},{\"category\":\"é«çº§åè½\",\"items\":[{\"name\":\"ç½ç«è®¿é®å¯ç \",\"free\":\"â\",\"pro\":\"â\",\"team\":\"â\"},{\"name\":\"ç»è®¡åæ \u0026 访客æç»\",\"free\":\"â\",\"pro\":\"â\",\"team\":\"â\"},{\"name\":\"å»åçå (éèæç®¡äºæ è¯)\",\"free\":\"â\",\"pro\":\"â\",\"team\":\"â\"},{\"name\":\"çæ¬åæ»\",\"free\":\"â\",\"pro\":\"æè¿ 10 ä¸ªçæ¬\",\"team\":\"æ é\"},{\"name\":\"å¢éåä½\",\"free\":\"â\",\"pro\":\"â\",\"team\":\"5 åæå\"},{\"name\":\"Clean URLs (éè .html åç¼)\",\"free\":\"â\",\"pro\":\"â\",\"team\":\"â\"},{\"name\":\"ææ¯æ¯æ\",\"free\":\"ç¤¾åºæ¯æ\",\"pro\":\"ä¼å
é®ä»¶\",\"team\":\"24h ä¸å±å·¥å\"}]}]},\"children\":\"$L46\"}]}],\"$L47\",\"$L48\",\"$L49\"]}]}]\n"])</script>
3<script>self.__next_f.push([1,"37:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
3<script>self.__next_f.push([1,"4a:I[376193,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"UserProvider\"]\n4b:I[408821,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/8f11cc485796c631.js\"],\"default\"]\n4c:I[754219,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"Toaster\"]\n4d:I[421721,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"\"]\n"])</script>
3<script>self.__next_f.push([1,"46:[\"$\",\"$L4a\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$4b\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/8f11cc485796c631.js\",\"async\":true}]],\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:children:0:props:children:1:props:children:2:props:children:props:children:props:notFound:0:1:props:style\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$0:f:0:1:1:children:0:props:children:1:props:children:2:props:children:props:children:props:notFound:0:1:props:children:props:children:1:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:children:0:props:children:1:props:children:2:props:children:props:children:props:notFound:0:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:1:children:0:props:children:1:props:children:2:props:children:props:children:props:notFound:0:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]\n"])</script>
3<script>self.__next_f.push([1,"47:[\"$\",\"$L4c\",null,{\"position\":\"top-right\",\"theme\":\"system\",\"richColors\":true,\"closeButton\":true,\"gap\":24,\"visibleToasts\":5,\"toastOptions\":{\"className\":\"shadow-2xl border\",\"style\":{\"padding\":\"16px\",\"borderRadius\":\"12px\",\"boxShadow\":\"0 6px 20px 2px rgba(0, 0, 0, 0.2)\"}}}]\n48:[\"$\",\"$L4d\",null,{\"id\":\"la-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n !function(p){\\\"use strict\\\";!function(t){var s=window,e=document,i=p,c=\\\"\\\".concat(\\\"https:\\\"===e.location.protocol?\\\"https://\\\":\\\"http://\\\",\\\"sdk.51.la/js-sdk-pro.min.js\\\"),n=e.createElement(\\\"script\\\"),r=e.getElementsByTagName(\\\"script\\\")[0];n.type=\\\"text/javascript\\\",n.setAttribute(\\\"charset\\\",\\\"UTF-8\\\"),n.async=!0,n.src=c,n.id=\\\"LA_COLLECT\\\",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids\u0026\u0026o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:\\\"3OdiScgzn1QbhLyj\\\",ck:\\\"3OdiScgzn1QbhLyj\\\",autoTrack:true,hashMode:true});\\n \"}]\n49:[\"$\",\"$L4d\",null,{\"id\":\"crisp-chat\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.$crisp=[];window.CRISP_WEBSITE_ID=\\\"0dd55be2-d5f3-462c-8ce0-984d1ae05ac7\\\";(function(){d=document;s=d.createElement(\\\"script\\\");s.src=\\\"/crisp/l.js\\\";s.async=1;d.getElementsByTagName(\\\"head\\\")[0].appendChild(s);})();\\n \"}]\n"])</script>
3<script>self.__next_f.push([1,"4e:I[414638,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"IconMark\"]\n"])</script>
3<script>self.__next_f.push([1,"3a:[[\"$\",\"title\",\"0\",{\"children\":\"å
è´¹éæç½ç«æç®¡å¹³å° - HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½² | ä¸ç Upma\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"ä¸ç Upma æä¾å
è´¹éæç½ç«æç®¡æå¡ï¼æ¯æ HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½²ï¼åæ¶å
¼å®¹å¾çä¸ä¼ ä¸å¤é¾ãéé
DeepSeek/ChatGPT/Gemini çæç½é¡µï¼å
ç½®èªå®ä¹ååãHTTPSãå
¨ç CDN ä¸çæ¬åæ»ã\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"å
è´¹éæç½ç«æç®¡å¹³å°,å
è´¹ç½ç«æç®¡å¹³å°,éæç½ç«æç®¡,HTML æç®¡,PDF æç®¡,AI ç½ç«ä¸é®é¨ç½²,AI ç½é¡µåå¸,AI 代ç é¨ç½²,å¾çå¤é¾,DeepSeek ç½é¡µåå¸,ChatGPT ç½é¡µåå¸,Gemini ç½é¡µåå¸\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://www.upma.cn\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"å
è´¹éæç½ç«æç®¡å¹³å° - HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½² | ä¸ç Upma\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"æ¯æ HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½²ï¼å
¼å®¹å¾çä¸ä¼ ä¸å¤é¾ï¼ç«å³è·å¾ HTTPS 龿¥ã\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://www.upma.cn\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://www.upma.cn/logo.png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"512\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"512\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"ä¸ç - å
è´¹éææç®¡å¹³å°\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"å
è´¹éæç½ç«æç®¡å¹³å° - HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½² | ä¸ç Upma\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"æ¯æ HTML/PDF ä¸ AI ç½ç«ä¸é®é¨ç½²ï¼å
¼å®¹å¾çä¸ä¼ ä¸å¤é¾ï¼ç«å³è·å¾ HTTPS 龿¥ã\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://www.upma.cn/logo.png\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image:width\",\"content\":\"512\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image:height\",\"content\":\"512\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image:alt\",\"content\":\"ä¸ç - å
è´¹éææç®¡å¹³å°\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.441ae040.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L4e\",\"20\",{}]]\n"])</script>
3<script>self.__next_f.push([1,"42:null\n"])</script>
3</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.