1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>Kuaishou Video Downloader</title> 7 <link rel="preconnect" href="https://fonts.googleapis.com"> 8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 9 <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&display=swap" rel="stylesheet"> 10 <style> 11 /* Inline critical CSS for instantaneous loading skeleton */ 12 body { margin: 0; padding: 0; background-color: #ffffff; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } 13 .skeleton-wrapper { min-height: 100vh; background-color: #ffffff; } 14 .skeleton-container { width: 100%; max-width: 42rem; margin: 0 auto; padding: 0.75rem 0.75rem; box-sizing: border-box; } 15 @media (min-width: 640px) { .skeleton-container { padding: 1rem 1rem; } } 16 @media (min-width: 768px) { .skeleton-container { padding: 1.5rem 1.5rem; } } 17 18 .skeleton-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; height: 2.5rem; background-color: #f1f5f9; border-radius: 0.75rem; padding: 0.25rem; box-sizing: border-box; margin-bottom: 0.75rem; } 19 @media (min-width: 640px) { .skeleton-tabs { height: 2.75rem; margin-bottom: 1rem; } } 20 21 .skeleton-tab { display: flex; align-items: center; justify-content: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 500; color: #64748b; border-radius: 0.5rem; } 22 .skeleton-tab-active { background-color: #ffffff; color: #0f172a; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); } 23 24 .skeleton-icon { width: 1rem; height: 1rem; stroke-width: 2; stroke: currentColor; fill: none; stroke-linecap: round; stroke-linejoin: round; } 25 .skeleton-tab-text { display: none; } 26 @media (min-width: 640px) { .skeleton-tab-text { display: inline; } } 27 28 .skeleton-input-wrapper { position: relative; margin-top: 0.5rem; } 29 .skeleton-input { width: 100%; height: 3rem; background-color: #ffffff; border-radius: 0.75rem; border: 1px solid rgba(249, 115, 22, 0.2); padding-left: 2.5rem; box-sizing: border-box; color: #94a3b8; font-size: 0.875rem; display: flex; align-items: center; } 30 @media (min-width: 640px) { .skeleton-input { height: 3.5rem; padding-left: 3rem; font-size: 1rem; } } 31 32 .skeleton-input-icon { position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: #94a3b8; width: 1rem; height: 1rem; } 33 @media (min-width: 640px) { .skeleton-input-icon { left: 1rem; width: 1.25rem; height: 1.25rem; } } 34 35 .skeleton-footer { margin-top: 0.75rem; text-align: center; font-size: 11px; color: #64748b; padding: 0 0.5rem; } 36 @media (min-width: 640px) { .skeleton-footer { margin-top: 1rem; } } 37 </style> 38
38<script type="module" crossorigin src="/assets/index-BxTT1qca.js"></script>
38 39 <link rel="stylesheet" crossorigin href="/assets/index-BLWCqizp.css"> 40 </head> 41 <body> 42 <div id="root"> 43 <div class="skeleton-wrapper"> 44 <div class="skeleton-container"> 45 <div class="skeleton-tabs"> 46 <div class="skeleton-tab skeleton-tab-active"> 47 <svg class="skeleton-icon" viewBox="0 0 24 24"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg> 48 <span class="skeleton-tab-text">Single</span> 49 </div> 50 <div class="skeleton-tab"> 51 <svg class="skeleton-icon" viewBox="0 0 24 24"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg> 52 <span class="skeleton-tab-text">Batch</span> 53 </div> 54 <div class="skeleton-tab"> 55 <svg class="skeleton-icon" viewBox="0 0 24 24"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg> 56 <span class="skeleton-tab-text">History</span> 57 </div> 58 </div> 59 60 <div class="skeleton-input-wrapper"> 61 <svg class="skeleton-icon skeleton-input-icon" viewBox="0 0 24 24"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg> 62 <div class="skeleton-input">https://kwai.com/... or https://kuaishou.com/...</div> 63 </div> 64 65 <div class="skeleton-footer"> 66 This tool is for personal use only. Please respect copyright laws. 67 </div> 68 </div> 69 </div> 70 </div> 71 </body> 72</html> 73
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.