up

2026-07-03 12:56:27 +08:00
parent 4fac246df0
commit 8042003038
15 changed files with 877 additions and 0 deletions
@@ -0,0 +1,69 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <defs>
+    <style>
+      .bg { fill: #ffffff; }
+      .burst { stroke: #1E1E1E; stroke-width: 18; stroke-linecap: round; fill: none; }
+      .tunnel { stroke: #4687F4; stroke-width: 14; stroke-linecap: round; stroke-linejoin: round; fill: none; }
+      .node { fill: #4687F4; }
+      .keyhole { fill: #ffffff; }
+    </style>
+  </defs>
+  
+  <!-- Background -->
+  <rect class="bg" width="512" height="512" rx="64"/>
+  
+  <!-- ===== RADIATING BURST LINES (global server network / speed) ===== -->
+  <!-- Top -->
+  <line class="burst" x1="256" y1="256" x2="256" y2="64"/>
+  <!-- Top-right -->
+  <line class="burst" x1="256" y1="256" x2="390" y2="110"/>
+  <!-- Top-right close -->
+  <line class="burst" x1="256" y1="256" x2="350" y2="72"/>
+  <!-- Top-left -->
+  <line class="burst" x1="256" y1="256" x2="122" y2="110"/>
+  <!-- Top-left close -->
+  <line class="burst" x1="256" y1="256" x2="162" y2="72"/>
+  <!-- Right -->
+  <line class="burst" x1="256" y1="256" x2="448" y2="256"/>
+  <!-- Left -->
+  <line class="burst" x1="256" y1="256" x2="64" y2="256"/>
+  
+  <!-- ===== ENCRYPTED VPN TUNNELS (branches to clients) ===== -->
+  <!-- Left tunnel: curves down-left to client node -->
+  <path class="tunnel" d="M 218 290 Q 170 310 140 370"/>
+  <!-- Right tunnel: curves down-right to client node -->
+  <path class="tunnel" d="M 294 290 Q 342 310 372 370"/>
+  
+  <!-- ===== VPN CLIENT NODES ===== -->
+  <circle class="node" cx="140" cy="370" r="28"/>
+  <circle class="node" cx="372" cy="370" r="28"/>
+  
+  <!-- ===== CENTRAL VPN HUB (shield-hexagon with lock) ===== -->
+  <!-- Shield/Hexagon central hub -->
+  <path class="node" d="M 256 170 
+           L 330 200 
+           L 330 280 
+           Q 330 338 256 370 
+           Q 182 338 182 280 
+           L 182 200 Z"/>
+  
+  <!-- Lock keyhole (encryption symbol) -->
+  <!-- Lock body -->
+  <rect class="keyhole" x="236" y="245" width="40" height="32" rx="5"/>
+  <!-- Lock shackle -->
+  <path class="keyhole" d="M 246 245 
+           L 246 230 
+           Q 246 215 256 215 
+           Q 266 215 266 230 
+           L 266 245" 
+        fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round"/>
+  <!-- Keyhole dot -->
+  <circle class="node" cx="256" cy="258" r="5"/>
+  <!-- Keyhole slot -->
+  <rect class="node" x="253" y="262" width="6" height="10" rx="2"/>
+  
+  <!-- ===== CONNECTION DOTS on shield (data flow indicator) ===== -->
+  <circle cx="256" cy="195" r="4" fill="#ffffff" opacity="0.6"/>
+  <circle cx="310" cy="220" r="3.5" fill="#ffffff" opacity="0.4"/>
+  <circle cx="202" cy="220" r="3.5" fill="#ffffff" opacity="0.4"/>
+</svg>