1<!doctype html> 2<html lang="zh-CN"> 3 <meta charset="UTF-8"> 4 <meta content="width=device-width, initial-scale=1.0" name="viewport"> 5 <title>Z-library - 宿¹ Z-libä¸æå ¥å£. å è´¹ä¸è½½çµå书</title> 6 <meta name="keywords" content="zlibraryï¼zlibraryå ¥å£ï¼zlibraryç»å½å ¥å£ï¼zlibrary䏿å®ç½ï¼zlibraryéåç½åï¼zlibraryæ°åå¾ä¹¦é¦" /> 7<meta name="description" content="ZLibraryï¼ç®ç§°"Z-Lib"ï¼èª2009å¹´æç«ä»¥æ¥ï¼å·²åå±æä¸ºå ¨çæåºå¤§çå è´¹æ°åå¾ä¹¦é¦ä¹ä¸ï¼å ¶æ ¸å¿ä½¿å½æ¯æç ´ç¥è¯è·åçç»æµå£åã该平å°ç±å¿æ¿è åæèµ è å ±åç»´æ¤ï¼æªè³2025å¹´ï¼å ¶æ°æ®åºå·²æ¶å½è¶ è¿2300䏿¬çµå书å8480ä¸ç¯å¦æ¯æç« ï¼è¦çæå¦ãç§æãèºæ¯ã人æçå ¨å¦ç§é¢åï¼æ¯æè¿30ç§è¯è¨èµæºï¼å æ¬ä¸æï¼ã"> 8
8<script src="https://cdn.tailwindcss.com/3.4.16"></script>
8 9
9<script> 10 tailwind.config = { 11 darkMode: `class` 12 } 13 </script>
13 14 <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"> 15
15<script src="https://jsdelivr.topthink.com/npm/chart.js"></script>
15 16 <style> 17 @import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap"; 18 19 :root { 20 --primary: #5e6ad2; 21 --primary-light: #8a94e0; 22 --secondary: #f5f5f7; 23 --text-primary: #1a1a1a; 24 --text-secondary: #6b7280; 25 --background: #fff; 26 --card-bg: #f9fafb; 27 --border: #e5e7eb; 28 } 29 30 .dark { 31 --primary: #8a94e0; 32 --primary-light: #5e6ad2; 33 --secondary: #1f2937; 34 --text-primary: #f9fafb; 35 --text-secondary: #9ca3af; 36 --background: #111827; 37 --card-bg: #1f2937; 38 --border: #374151; 39 } 40 41 body { 42 background-color: var(--background); 43 color: var(--text-primary); 44 font-family: 'Noto Sans SC', sans-serif; 45 transition: background-color .3s, color .3s; 46 } 47 48 .card { 49 background-color: var(--card-bg); 50 border: 1px solid var(--border); 51 transition: transform .2s, box-shadow .2s, border-color .2s; 52 } 53 54 .card:hover { 55 border-color: var(--primary-light); 56 transform: translateY(-2px); 57 box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); 58 } 59 60 .btn { 61 transition: transform .1s, background-color .2s; 62 } 63 64 .btn:hover { 65 transform: scale(1.02); 66 } 67 68 .fade-in { 69 animation: .8s ease-in-out fadeIn; 70 } 71 72 @keyframes fadeIn { 73 0% { 74 opacity: 0; 75 transform: translateY(10px); 76 } 77 78 to { 79 opacity: 1; 80 transform: translateY(0); 81 } 82 } 83 84 .section-title { 85 display: inline-block; 86 position: relative; 87 } 88 89 .section-title:after { 90 content: ""; 91 background-color: var(--primary); 92 width: 40%; 93 height: 3px; 94 transition: width .3s; 95 position: absolute; 96 bottom: -5px; 97 left: 0; 98 } 99 100 .section-title:hover:after { 101 width: 100%; 102 } 103 104 .chart-container { 105 width: 100%; 106 height: 300px; 107 position: relative; 108 } 109 110 .progress-bar { 111 background-color: var(--primary); 112 border-radius: 4px; 113 height: 8px; 114 transition: width 1s ease-in-out; 115 } 116 117 .scroll-reveal { 118 opacity: 0; 119 transition: opacity .6s, transform .6s; 120 transform: translateY(20px); 121 } 122 123 .scroll-reveal.active { 124 opacity: 1; 125 transform: translateY(0); 126 } 127 </style> 128 129 <body class="min-h-screen"> 130 <header class="sticky top-0 z-50 bg-opacity-90 backdrop-blur-sm" style="background-color: var(--background)"> 131 <div class="container mx-auto px-4 py-4 flex justify-between items-center"> 132 <div class="flex items-center space-x-2"> 133 <i class="fas fa-book-open text-2xl" style="color: var(--primary)"></i> 134 <h1 class="text-xl font-bold">ZLibrary</h1> 135 </div> 136 <div class="flex items-center space-x-4"> 137 <button class="p-2 rounded-full hover:bg-opacity-10 hover:bg-gray-500" id="theme-toggle"> 138 <i class="fas fa-moon dark:hidden" style="color: var(--text-primary)"></i> 139 <i class="fas fa-sun hidden dark:block" style="color: var(--text-primary)"></i> 140 </button> 141 </div> 142 </div> 143 </header> 144 <main class="container mx-auto px-4 py-8 max-w-5xl"> 145 <section class="mb-16 fade-in"> 146 <div class="text-center mb-12"> 147 <h1 class="text-4xl md:text-5xl font-bold mb-4">ZLibraryï¼å ¨çæå¤§çå è´¹æ°åå¾ä¹¦é¦</h1> 148 <p class="text-lg" style="color: var(--text-secondary)">æç ´ç¥è¯è·åçç»æµå£åï¼é塿°åé 读ä½éª</p> 149 </div> 150 <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12"> 151 <div class="card rounded-xl p-6 scroll-reveal"> 152 <div class="flex items-center mb-4"> 153 <div class="w-12 h-12 rounded-full flex items-center justify-center mr-4" style="background-color: var(--primary-light)"> 154 <i class="fas fa-database text-white text-xl"></i> 155 </div> 156 <h3 class="text-xl font-semibold">æµ·éèµæº</h3> 157 </div> 158 <p class="mb-4">æ¶å½è¶ è¿ <span class="font-bold">2300 䏿¬çµå书</span> å <span class="font-bold">8480 ä¸ç¯å¦æ¯æç« </span>ï¼è¦çå ¨å¦ç§é¢å</p> 159 <div class="flex items-center">
160 <span class="text-sm px-2 py-1 rounded-full" style="background-color: var(--primary-light); color: #fff"> å ¨çé¢å </span> 161 </div> 162 </div> 163 <div class="card rounded-xl p-6 scroll-reveal" style="animation-delay: .2s"> 164 <div class="flex items-center mb-4"> 165 <div class="w-12 h-12 rounded-full flex items-center justify-center mr-4" style="background-color: var(--primary-light)"> 166 <i class="fas fa-language text-white text-xl"></i> 167 </div> 168 <h3 class="text-xl font-semibold">å¤è¯è¨æ¯æ</h3> 169 </div> 170 <p class="mb-4">æ¯æè¿ <span class="font-bold">30 ç§è¯è¨</span> èµæºï¼å æ¬ç®ç¹ä½ä¸æ</p> 171 <div class="flex items-center"> 172 <span class="text-sm px-2 py-1 rounded-full" style="background-color: var(--primary-light); color: #fff"> å½é å </span> 173 </div> 174 </div> 175 <div class="card rounded-xl p-6 scroll-reveal" style="animation-delay: .4s"> 176 <div class="flex items-center mb-4"> 177 <div class="w-12 h-12 rounded-full flex items-center justify-center mr-4" style="background-color: var(--primary-light)"> 178 <i class="fas fa-users text-white text-xl"></i> 179 </div> 180 <h3 class="text-xl font-semibold">ç¨æ·å ±å</h3> 181 </div> 182 <p class="mb-4">éç¨ "ç¨æ·å ±å" 模å¼ï¼å 许读è ä¸ä¼ ååä½åæåäº«å ¬å ±é¢åèµæº</p> 183 <div class="flex items-center"> 184 <span class="text-sm px-2 py-1 rounded-full" style="background-color: var(--primary-light); color: #fff"> 弿ºç²¾ç¥ </span> 185 </div> 186 </div> 187 </div> 188 </section> 189 <section class="mb-16 scroll-reveal"> 190 <h2 class="section-title text-2xl md:text-3xl font-bold mb-8">å®ç½ä¸å®¢æ·ç«¯å ¥å£</h2> 191 <div class="card rounded-xl p-8 mb-8"> 192 <p class="mb-4">客æ·ç«¯æ¯å¤©å¯ä¸è½½20æ¬ä¹¦ï¼æ¯ç½é¡µçå¤10æ¬ãæ¯éåç«ç¨³å®ã强çå»ºè®®éæ©å®¢æ·ç«¯ä¸è½½ï¼æ¯æWindowsï¼Macï¼å®åææºçç³»ç»</p> 193 <div class="flex space-x-4"> 194 <a href="https://zlib.ggonav.com/" target="_blank" class="btn bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md">å®ç½|éåå ¥å£</a> 195 <a href="https://zlibxxs.xxsnav.com/" target="_blank" class="btn bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md">å¤ç¨å°å</a> 196 <a href="https://wangpan.z-library.click/" target="_blank" class="btn bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md">客æ·ç«¯ä¸è½½ï¼å«æ éä¸è½½çï¼</a> 197 <a href="https://www.ggonav.com/sites/5813.html" target="_blank" class="btn bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md">2025å è´¹çµå书ç½ç«</a> 198 </div> 199 </div> 200 </section> 201 <section class="mb-16 scroll-reveal"> 202 <h2 class="section-title text-2xl md:text-3xl font-bold mb-8">ä¸ãå¼è¨ï¼éå¡ç¥è¯è·åæ¹å¼çé©å½æ§å¹³å°</h2> 203 <div class="card rounded-xl p-8 mb-8"> 204 <p class="mb-4">ZLibraryï¼ç®ç§° "Z-Lib"ï¼èª 2009 å¹´æç«ä»¥æ¥ï¼å·²åå±æä¸ºå ¨çæåºå¤§çå è´¹æ°åå¾ä¹¦é¦ä¹ä¸ï¼å ¶æ ¸å¿ä½¿å½æ¯æç ´ç¥è¯è·åçç»æµå£åã该平å°ç±å¿æ¿è åæèµ è å ±åç»´æ¤ï¼æªè³ 2024 å¹´ï¼å ¶æ°æ®åºå·²æ¶å½è¶ è¿ <span class="font-bold">2300 䏿¬çµå书</span> å <span class="font-bold">8480 ä¸ç¯å¦æ¯æç« </span>ï¼è¦çæå¦ãç§æãèºæ¯ã人æçå ¨å¦ç§é¢åï¼æ¯æè¿ 30 ç§è¯è¨èµæºï¼å æ¬ä¸æï¼ã</p> 205 <p class="mb-4">ä¸ä¼ ç»å¾ä¹¦é¦ä¸åï¼ZLibrary éç¨ "ç¨æ·å ±å" 模å¼ï¼å 许æ®é读è ä¸ä¼ ååä½åæåäº«å ¬å ±é¢åèµæºï¼ä¾å¦ä¸ä½ç¾å½å¤§å¦çæ¾éè¿å¹³å°åå¸ä¸ªäººæ°åç弿ºç¼ç¨æç¨ï¼ç´¯è®¡ä¸è½½éè¶ 10 䏿¬¡ã</p> 206 <p>å ¶éè¥å©æ§è´¨ä¸è°·æå¾ä¹¦é¦é¡¹ç®å½¢æé²æå¯¹æ¯ï¼ç¨æ·æ 鿝ä»ä»»ä½è´¹ç¨å³å¯äº«åæ 广åå¹²æ°çé 读ä½éªï¼ä» ééè¿æèµ æå å®¹è´¡ç®æ¢åé«çº§åè½ã</p> 207 </div> 208 </section> 209 <section class="mb-16 scroll-reveal"> 210 <h2 class="section-title text-2xl md:text-3xl font-bold mb-8">äºãåå±åç¨ï¼ä»èæ ¹é¡¹ç®å°ç¥è¯å ±äº«å·¨å¤´</h2> 211 <div class="card rounded-xl p-8 mb-8"> 212 <div class="relative"> 213 <div class="absolute left-0 top-0 bottom-0 w-1" style="background-color: var(--primary-light)"></div> 214 <div class="relative pl-8 pb-8"> 215 <div class="absolute left-0 top-0 w-6 h-6 rounded-full flex items-center justify-center" style="background-color: var(--primary)">
216 <span class="text-white text-xs">1</span> 217 </div> 218 <h3 class="text-xl font-semibold mb-2">2009 å¹´ï¼èæ ¹èµ·æº</h3> 219 <p>æåä» ä¸ºä¸ä¸ªå°åçµåä¹¦å ±äº«ç¤¾åºï¼ç±å¿æ¿è ç»´æ¤ã</p> 220 </div> 221 <div class="relative pl-8 pb-8"> 222 <div class="absolute left-0 top-0 w-6 h-6 rounded-full flex items-center justify-center" style="background-color: var(--primary)"> 223 <span class="text-white text-xs">2</span> 224 </div> 225 <h3 class="text-xl font-semibold mb-2">2015 å¹´åï¼ææ°å¢é¿</h3> 226 <p>弿¾ç¨æ·ä¸ä¼ åè½åï¼èµæºéåææ°çº§å¢é¿ï¼è³ 2022 å¹´çªç ´åä¸çº§è书éã</p> 227 </div> 228 <div class="relative pl-8 pb-8"> 229 <div class="absolute left-0 top-0 w-6 h-6 rounded-full flex items-center justify-center" style="background-color: var(--primary)"> 230 <span class="text-white text-xs">3</span> 231 </div> 232 <h3 class="text-xl font-semibold mb-2">2022 å¹´ï¼åºå¯¹å°é</h3> 233 <p>ç¾å½æ¿åºæ¥å°ä¸»ååäºä»¶æä¸ºè½¬æç¹ï¼å¹³å°éå³å¯å¨åå¸å¼éåç½ç»ï¼å¦ imi123.cnãsinglelogin.reï¼ï¼å¹¶éè¿ Telegram é¢é "Z-Access" ä¿ææå¡è¿ç»æ§ã</p> 234 </div> 235 <div class="relative pl-8"> 236 <div class="absolute left-0 top-0 w-6 h-6 rounded-full flex items-center justify-center" style="background-color: var(--primary)"> 237 <span class="text-white text-xs">4</span> 238 </div> 239 <h3 class="text-xl font-semibold mb-2">2023 å¹´è³ä»ï¼åå±ä¼åä½ç³»</h3> 240 <p>å¼å ¥åå±ä¼åä½ç³»ï¼å°ç¨æ·å为 <span class="font-bold">游客ï¼5 æ¬/天ï¼</span>ã<span class="font-bold">注åä¼åï¼10 æ¬/天ï¼</span> å <span class="font-bold">æèµ ä¼åï¼æ éå¶ï¼</span>ï¼æèµ éé¢è¾¾ 10 ç¾å å³å¯è§£éäºç«¯åæ¥ãæ¹éä¸è½½å éçåè½ã</p> 241 <p class="mt-2">å¼å¾å ³æ³¨çæ¯ï¼å ¶ä¸æç¨æ·å æ¯ä» 2020 å¹´ç 12% è·åè³ 2024 å¹´ç 35%ï¼æ¨å¨å¹³å°æ°å¢ç®ç¹ä½ä¸ææ£ç´¢ç³»ç»åæ¬å°åæ¨èç®æ³ã</p> 242 </div> 243 </div> 244 </div> 245 </section> 246 <section class="mb-16 scroll-reveal"> 247 <h2 class="section-title text-2xl md:text-3xl font-bold mb-8">ä¸ãåè½ç¹ç¹ï¼è¶ è¶ä¼ ç»å¾ä¹¦é¦çæ°åååæ°</h2> 248 <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-8"> 249 <div class="card rounded-xl p-6"> 250 <div class="flex items-center mb-4"> 251 <div class="w-10 h-10 rounded-full flex items-center justify-center mr-3" style="background-color: var(--primary-light)"> 252 <i class="fas fa-search text-white"></i> 253 </div> 254 <h3 class="text-xl font-semibold">æºè½æ£ç´¢ç³»ç»</h3> 255 </div> 256 <ul class="space-y-3"> 257 <li class="flex"> 258 <i class="fas fa-check-circle mt-1 mr-2" style="color: var(--primary)"></i> 259 <span>æ¯æ <span class="font-bold">"å¸¸è§æç´¢"</span>ï¼ææ é¢/ä½è /ISBNï¼ä¸ <span class="font-bold">"å ¨ææç´¢"</span>ï¼ç²¾åå®ä½æ®µè½ï¼ï¼ä¾å¦è¾å ¥ãç¾å¹´å¤ç¬ãISBN "9787544291170" å¯ç´æ¥è·³è½¬è³é©¬å°å æ¯ä½åéã</span> 260 </li> 261 <li class="flex"> 262 <i class="fas fa-check-circle mt-1 mr-2" style="color: var(--primary)"></i> 263 <span>é«çº§çéå¨å å« <span class="font-bold">年份ï¼1800 - 2025ï¼</span>ã<span class="font-bold">è¯è¨</span>ï¼å«å°è¯ç§å¦æ¯ç¦å¸éè¯ï¼ã<span class="font-bold">æä»¶æ ¼å¼</span>ï¼EPUB/PDF/MOBI çï¼ï¼ç ç©¶è å¯å¿«ééå® 1900 - 1950 å¹´é´è±æçå¿çå¦ä¸èã</span> 264 </li> 265 </ul> 266 </div> 267 <div class="card rounded-xl p-6"> 268 <div class="flex items-center mb-4"> 269 <div class="w-10 h-10 rounded-full flex items-center justify-center mr-3" style="background-color: var(--primary-light)"> 270 <i class="fas fa-mobile-alt text-white"></i> 271 </div> 272 <h3 class="text-xl font-semibold">å¤ç»ç«¯çæé¾</h3> 273 </div> 274 <ul class="space-y-3"> 275 <li class="flex">
276 <i class="fas fa-check-circle mt-1 mr-2" style="color: var(--primary)"></i> 277 <span>æ¯æ Kindle æ¨éãé®ç®±æ¥æ¶ãGoogle Drive 忥ï¼ç¨æ·çè³è½å°ãç»æµå¦äººãæå¿ PDF ç´æ¥åéè³ iPad ç Notability åºç¨æ¹æ³¨ã</span> 278 </li> 279 <li class="flex"> 280 <i class="fas fa-check-circle mt-1 mr-2" style="color: var(--primary)"></i> 281 <span>ç¬å "Z-Access" Telegram æºå¨äººï¼åé "/search éååå¦" å³å¯è·åææ°ææã</span> 282 </li> 283 </ul> 284 </div> 285 <div class="card rounded-xl p-6"> 286 <div class="flex items-center mb-4"> 287 <div class="w-10 h-10 rounded-full flex items-center justify-center mr-3" style="background-color: var(--primary-light)"> 288 <i class="fas fa-graduation-cap text-white"></i> 289 </div> 290 <h3 class="text-xl font-semibold">妿¯ç ç©¶æ¯æ</h3> 291 </div> 292 <ul class="space-y-3"> 293 <li class="flex"> 294 <i class="fas fa-check-circle mt-1 mr-2" style="color: var(--primary)"></i> 295 <span>æä¾ <span class="font-bold">åèæç®èªå¨çæ</span> å·¥å ·ï¼éå®ãèªç¶ãæå论æåå¯å¯¼åº APA/MLA æ ¼å¼å¼æã</span> 296 </li> 297 <li class="flex"> 298 <i class="fas fa-check-circle mt-1 mr-2" style="color: var(--primary)"></i> 299 <span>æç®ç®¡çåè½æ¯æå建个人书åï¼ä¾å¦çç©ç³»å¦çå¯å°ãååå éæåããç»èçç©å¦ç²¾è¦ãå½ç±»è³ "å®éªææ¯" æ¶è夹ã</span> 300 </li> 301 </ul> 302 </div> 303 <div class="card rounded-xl p-6"> 304 <div class="flex items-center mb-4"> 305 <div class="w-10 h-10 rounded-full flex items-center justify-center mr-3" style="background-color: var(--primary-light)"> 306 <i class="fas fa-users text-white"></i> 307 </div> 308 <h3 class="text-xl font-semibold">社群äºå¨ç½ç»</h3> 309 </div> 310 <ul class="space-y-3"> 311 <li class="flex"> 312 <i class="fas fa-check-circle mt-1 mr-2" style="color: var(--primary)"></i> 313 <span>ç¨æ·å¯å¯¹ä¹¦ç±è¿è¡ <span class="font-bold">è±ç£å¼è¯å</span>ï¼æä½åå²ç±å¥½è å¯¹ãæªç®ãç èä¸é¢éãçæ·±åº¦ä¹¦è¯ç´¯è®¡è·å¾ 3000 次ç¹èµã</span> 314 </li> 315 <li class="flex"> 316 <i class="fas fa-check-circle mt-1 mr-2" style="color: var(--primary)"></i> 317 <span>弿¾ "ç¥è¯ä¼ç¹" æ¿åï¼2024 å¹´æåä¼ç¹ç¿»è¯ãåæ¡¥ä¸ä¸çºªå²ãé¿æä¼¯è¯çæ¬ã</span> 318 </li> 319 </ul> 320 </div> 321 </div> 322 </section> 323 <section class="mb-16 scroll-reveal"> 324 <h2 class="section-title text-2xl md:text-3xl font-bold mb-8">åãä½¿ç¨æåï¼ä»æ°æå°é«é¶ç¨æ·çè¿é¶è·¯å¾</h2> 325 <div class="card rounded-xl p-8 mb-8"> 326 <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> 327 <div> 328 <h3 class="text-xl font-semibold mb-4 flex items-center"> 329 <i class="fas fa-map-signs mr-2" style="color: var(--primary)"></i> 330 åºç¡è®¿é®æµç¨ 331 </h3> 332 <div class="space-y-4"> 333 <div class="p-4 rounded-lg" style="background-color: var(--secondary)"> 334 <h4 class="font-medium mb-2">éåéæ©</h4> 335 <p>ä¼å è®¿é®æå°éè½å强ç singlelogin.re æéè¿å¿ åºæç´¢ç±ç±³å¯¼èª "www.imi123.cn" è·åææ°ååã</p> 336 </div> 337 <div class="p-4 rounded-lg" style="background-color: var(--secondary)"> 338 <h4 class="font-medium mb-2">å¿«éä¸è½½</h4> 339 <p>æªæ³¨åç¨æ·è¾å ¥ãä¸ä½ã书åï¼5 ç§å å¯å®æ PDF ä¸è½½ï¼é 5 æ¬/天ï¼ã</p> 340 </div> 341 </div> 342 </div> 343 <div> 344 <h3 class="text-xl font-semibold mb-4 flex items-center"> 345 <i class="fas fa-key mr-2" style="color: var(--primary)"></i> 346 ä¼åç¹æè§£é 347 </h3> 348 <div class="space-y-4"> 349 <div class="p-4 rounded-lg" style="background-color: var(--secondary)"> 350 <h4 class="font-medium mb-2">æèµ å级</h4> 351 <p>æ¯ä» 10 ç¾å åï¼æ¯æ¥ä¸è½½ä¸éè§£é¤ï¼ä¸ 1GB çã大è±ç¾ç§å ¨ä¹¦ãPDF ä¸è½½æ¶é´ä» 15 åé缩çè³ 3 åéã</p> 352 </div> 353 <div class="p-4 rounded-lg" style="background-color: var(--secondary)"> 354 <h4 class="font-medium mb-2">妿¯å éå </h4> 355 <p>æèµ ä¼åå¯ç³è¯·ä¼å ç´¢å¼æå¡ï¼ä¾å¦æåè·åãæ³å¶åãé¢å°æ¬è®ºæã</p> 356 </div> 357 </div> 358 </div> 359 <div> 360 <h3 class="text-xl font-semibold mb-4 flex items-center"> 361 <i class="fas fa-shield-alt mr-2" style="color: var(--primary)"></i> 362 é£é©è§é¿çç¥ 363 </h3> 364 <div class="space-y-4"> 365 <div class="p-4 rounded-lg" style="background-color: var(--secondary)"> 366 <h4 class="font-medium mb-2">å å¯é®ç®±</h4> 367 <p>ä½¿ç¨ ProtonMail çå å¯é®ç®±æ³¨åï¼é¿å ä¸»æµæå¡åæ¦æªéªè¯é®ä»¶ã</p> 368 </div> 369 <div class="p-4 rounded-lg" style="background-color: var(--secondary)"> 370 <h4 class="font-medium mb-2">Tor æµè§å¨</h4> 371 <p>éè¿ Tor æµè§å¨è®¿é®.onionéåï¼å®ç°å®å ¨å¿åä¸è½½ã</p> 372 </div> 373 </div> 374 </div> 375 </div> 376 </div> 377 </section> 378 <section class="mb-16 scroll-reveal"> 379 <h2 class="section-title text-2xl md:text-3xl font-bold mb-8">
379äºãäºè®®ä¸æªæ¥ï¼ç¥è¯å¹³æè¿å¨çååå</h2> 380 <div class="card rounded-xl p-8 mb-8"> 381 <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> 382 <div> 383 <p class="mb-4">尽管 ZLibrary å çæé®é¢å±¡éè¯è®¼ï¼ä½å ¶ 2024 å¹´æ¨åºç "åä½è åºé" è¯å¾å¹³è¡¡åæ¹å©çï¼ç¨æ·ä¸è½½åçæä¿æ¤ä½åæ¶ï¼å¹³å°èªå¨ä»æèµ æ± ä¸åé 0.1 ç¾å ç»åä½è ã</p> 384 <p>䏿¤åæ¶ï¼ç津大å¦ç ç©¶æ¾ç¤ºï¼åå±ä¸å½å®¶å»å¦çéè¿ ZLibrary è·åææçæ¯ä¾é«è¾¾ 67%ï¼æ¾èé使è²ä¸å¹³çã</p> 385 </div> 386 <div> 387 <h3 class="text-xl font-semibold mb-4">æªæ¥å±æ</h3> 388 <p class="mb-4">æªæ¥ï¼å¹³å°è®¡åæ´ååºå龿æ¯ï¼å®ç°èµæºæº¯æºä¸çæèªå¨åç»ç®ï¼è¿æå°æä¸ºæ°ååºçä¸çé¢ è¦æ§åæ°ã</p> 389 390 </div> 391 </div> 392 </div> 393 </div> 394 </section> 395 <section class="mb-16 scroll-reveal"> 396 <h2 class="section-title text-2xl md:text-3xl font-bold mb-8">èµæºåå¸ç»è®¡</h2> 397 <div class="card rounded-xl p-8"> 398 <div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> 399 <div> 400 <h3 class="text-xl font-semibold mb-4">èµæºç±»ååå¸</h3> 401 <div class="chart-container"> 402 <canvas id="resourceChart"></canvas> 403 </div> 404 </div> 405 <div> 406 <h3 class="text-xl font-semibold mb-4">ç¨æ·ä¸è½½è¶å¿</h3> 407 <div class="chart-container"> 408 <canvas id="trendChart"></canvas> 409 </div> 410 </div> 411 </div> 412 </div> 413 </section> 414 </main> 415 <footer class="py-8 border-t" style="border-color: var(--border)"> 416 <div class="container mx-auto px-4"> 417 <div class="flex flex-col md:flex-row justify-between items-center"> 418 <div class="mb-4 md:mb-0"> 419 <p class="text-sm" style="color: var(--text-secondary)">è§å¾å¾ä¸éï¼é£å°±æä½Ctrl+Dé®ç»åï¼ææ¬ç½ç«å å ¥ä½ çæµè§å¨æ¶è夹å§ï¼</p> 420 </div> 421 <div class="flex items-center"> 422 <span class="text-sm font-medium mr-2" style="color: var(--text-secondary)">æ°å导èªç½</span> 423 <span class="font-bold" style="color: var(--primary)">© 2025 ZLibraryæ°åå¾ä¹¦é¦</span> 424 </div> 425 </div> 426 </div> 427 </footer> 428
428<script> 429 const themeToggle = document.getElementById(`theme-toggle`); 430 if (window.matchMedia && window.matchMedia(`(prefers-color-scheme: dark)`).matches) { 431 document.documentElement.classList.add(`dark`); 432 } 433 themeToggle.addEventListener(`click`, () => { 434 document.documentElement.classList.toggle(`dark`); 435 }); 436 const scrollRevealElements = document.querySelectorAll(`.scroll-reveal`); 437 const revealOnScroll = () => { 438 for (let a = 0; a < scrollRevealElements.length; a++) { 439 const b = scrollRevealElements[a].getBoundingClientRect().top; 440 const c = window.innerHeight; 441 if (b < c - 100) { 442 scrollRevealElements[a].classList.add(`active`); 443 } 444 } 445 }; 446 window.addEventListener(`scroll`, revealOnScroll); 447 window.addEventListener(`load`, revealOnScroll); 448 const ctxResource = document.getElementById(`resourceChart`).getContext(`2d`); 449 const resourceChart = new Chart(ctxResource, { 450 type: `pie`, 451 data: { 452 labels: [`çµå书`, `妿¯æç« `, `å ¶ä»èµæº`], 453 datasets: [{ 454 data: [800, 8400, 200], 455 backgroundColor: [ 456 `rgba(94, 106, 210, 0.8)`, 457 `rgba(94, 106, 210, 0.6)`, 458 `rgba(94, 106, 210, 0.4)` 459 ], 460 borderColor: [ 461 `rgba(94, 106, 210, 1)`, 462 `rgba(94, 106, 210, 0.8)`, 463 `rgba(94, 106, 210, 0.6)` 464 ], 465 borderWidth: 1 466 }] 467 }, 468 options: { 469 responsive: true, 470 maintainAspectRatio: false, 471 plugins: { 472 legend: { 473 position: `bottom`, 474 labels: { 475 padding: 20, 476 font: { 477 size: 12 478 } 479 } 480 }, 481 tooltip: { 482 callbacks: { 483 label: (a => { 484 let b = a.label || ``; 485 if (b) { 486 b += `: `; 487 } 488 if (a.parsed.r) { 489 b += a.formattedValue; 490 } 491 return b; 492 }) 493 } 494 } 495 } 496 } 497 }); 498 const ctxTrend = document.getElementById(`trendChart`).getContext(`2d`); 499 const trendChart = new Chart(ctxTrend, { 500 type: `line`, 501 data: { 502 labels: [`2020`, `2021`, `2022`, `2023`, `2024`], 503 datasets: [{ 504 label: `æ¥åä¸è½½é(䏿¬¡)`, 505 data: [12, 18, 25, 32, 40], 506 fill: false, 507 borderColor: `rgba(94, 106, 210, 1)`, 508 tension: 0.4,
509 pointBackgroundColor: `rgba(94, 106, 210, 1)`, 510 pointRadius: 4 511 }] 512 }, 513 options: { 514 responsive: true, 515 maintainAspectRatio: false, 516 scales: { 517 y: { 518 beginAtZero: true, 519 ticks: { 520 callback: (a => a + `ä¸`) 521 } 522 } 523 }, 524 plugins: { 525 legend: { 526 position: `top` 527 } 528 } 529 } 530 }); 531 </script>
531 532 </body> 533</html> 534
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.