|
|
@@ -1,32 +1,66 @@
|
|
|
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="none">
|
|
|
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="none">
|
|
|
<defs>
|
|
|
- <linearGradient id="kg" x1="0" y1="0" x2="1" y2="1">
|
|
|
- <stop offset="0%" stop-color="#E74C3C"/>
|
|
|
- <stop offset="100%" stop-color="#F39C12"/>
|
|
|
+ <!-- Metallic silver-white radial background -->
|
|
|
+ <radialGradient id="metalBg" cx="0.5" cy="0.45" r="0.6">
|
|
|
+ <stop offset="0%" stop-color="#FFFFFF"/>
|
|
|
+ <stop offset="25%" stop-color="#F2F4F7"/>
|
|
|
+ <stop offset="60%" stop-color="#D8DDE3"/>
|
|
|
+ <stop offset="85%" stop-color="#BCC3CC"/>
|
|
|
+ <stop offset="100%" stop-color="#A8B0BC"/>
|
|
|
+ </radialGradient>
|
|
|
+
|
|
|
+ <!-- Brushed metal overlay -->
|
|
|
+ <linearGradient id="metalOverlay" x1="0" y1="0" x2="1" y2="1">
|
|
|
+ <stop offset="0%" stop-color="rgba(255,255,255,0.5)"/>
|
|
|
+ <stop offset="20%" stop-color="rgba(255,255,255,0.1)"/>
|
|
|
+ <stop offset="50%" stop-color="rgba(255,255,255,0.3)"/>
|
|
|
+ <stop offset="75%" stop-color="rgba(0,0,0,0.05)"/>
|
|
|
+ <stop offset="100%" stop-color="rgba(0,0,0,0.12)"/>
|
|
|
</linearGradient>
|
|
|
+
|
|
|
+ <!-- K letter gradient - deep blue from kailin brand -->
|
|
|
+ <linearGradient id="kGrad" x1="0.1" y1="0.1" x2="0.9" y2="0.9">
|
|
|
+ <stop offset="0%" stop-color="#0037C4"/>
|
|
|
+ <stop offset="40%" stop-color="#002FA7"/>
|
|
|
+ <stop offset="100%" stop-color="#001D6E"/>
|
|
|
+ </linearGradient>
|
|
|
+
|
|
|
+ <!-- Subtle shadow -->
|
|
|
+ <filter id="softShadow" x="-5%" y="-5%" width="115%" height="115%">
|
|
|
+ <feDropShadow dx="0" dy="3" stdDeviation="10" flood-color="#00000020"/>
|
|
|
+ </filter>
|
|
|
+
|
|
|
+ <!-- Inner shadow for depth -->
|
|
|
+ <filter id="innerShadow">
|
|
|
+ <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>
|
|
|
+ <feOffset dx="0" dy="2" result="offsetBlur"/>
|
|
|
+ <feComposite in="SourceGraphic" in2="offsetBlur" operator="over"/>
|
|
|
+ </filter>
|
|
|
</defs>
|
|
|
- <!-- Kirin body - stylized dragon/deer hybrid -->
|
|
|
- <path d="M64 208 Q64 144 96 112 Q128 80 160 112 Q192 144 192 208" stroke="url(#kg)" stroke-width="10" fill="none" stroke-linecap="round"/>
|
|
|
- <!-- Neck -->
|
|
|
- <path d="M128 80 Q128 48 128 40" stroke="url(#kg)" stroke-width="10" fill="none" stroke-linecap="round"/>
|
|
|
- <!-- Head -->
|
|
|
- <ellipse cx="128" cy="36" rx="18" ry="16" stroke="url(#kg)" stroke-width="6" fill="#1a1a2e"/>
|
|
|
- <!-- Antler left -->
|
|
|
- <path d="M114 24 Q104 8 92 16 Q100 24 110 24" stroke="#F39C12" stroke-width="4" fill="none" stroke-linecap="round"/>
|
|
|
- <!-- Antler right -->
|
|
|
- <path d="M142 24 Q152 8 164 16 Q156 24 146 24" stroke="#F39C12" stroke-width="4" fill="none" stroke-linecap="round"/>
|
|
|
- <!-- Eye -->
|
|
|
- <circle cx="122" cy="34" r="3" fill="#F39C12"/>
|
|
|
- <circle cx="134" cy="34" r="3" fill="#F39C12"/>
|
|
|
- <!-- Scale patterns on body -->
|
|
|
- <path d="M88 140 Q96 136 104 140" stroke="#F39C12" stroke-width="2" fill="none" opacity="0.6"/>
|
|
|
- <path d="M104 152 Q112 148 120 152" stroke="#F39C12" stroke-width="2" fill="none" opacity="0.6"/>
|
|
|
- <path d="M120 164 Q128 160 136 164" stroke="#F39C12" stroke-width="2" fill="none" opacity="0.6"/>
|
|
|
- <path d="M136 152 Q144 148 152 152" stroke="#F39C12" stroke-width="2" fill="none" opacity="0.6"/>
|
|
|
- <path d="M152 140 Q160 136 168 140" stroke="#F39C12" stroke-width="2" fill="none" opacity="0.6"/>
|
|
|
- <!-- Fire pearls -->
|
|
|
- <circle cx="80" cy="180" r="6" fill="#E74C3C" opacity="0.3"/>
|
|
|
- <circle cx="176" cy="180" r="6" fill="#E74C3C" opacity="0.3"/>
|
|
|
- <!-- K mark -->
|
|
|
- <text x="128" y="210" text-anchor="middle" font-family="serif" font-size="28" font-weight="bold" fill="#E74C3C">麒</text>
|
|
|
+
|
|
|
+ <!-- Rounded rect background -->
|
|
|
+ <rect x="72" y="72" width="880" height="880" rx="192" fill="url(#metalBg)" filter="url(#softShadow)"/>
|
|
|
+
|
|
|
+ <!-- Border ring -->
|
|
|
+ <rect x="72" y="72" width="880" height="880" rx="192" fill="none" stroke="#94A0B0" stroke-width="2.5"/>
|
|
|
+ <rect x="80" y="80" width="864" height="864" rx="186" fill="none" stroke="rgba(255,255,255,0.55)" stroke-width="1.5"/>
|
|
|
+
|
|
|
+ <!-- Brushed metal overlay -->
|
|
|
+ <rect x="72" y="72" width="880" height="880" rx="192" fill="url(#metalOverlay)"/>
|
|
|
+
|
|
|
+ <!-- Stylized K - geometric/tech style -->
|
|
|
+ <g transform="translate(512, 512)">
|
|
|
+ <!-- Main K form - modern geometric -->
|
|
|
+ <path d="
|
|
|
+ M -320 -320 L -220 -320 L -220 80
|
|
|
+ L -220 80 L 160 -320 L 280 -320
|
|
|
+ L -40 0 L 300 320 L 180 320
|
|
|
+ L -100 80 L -220 80 L -220 320 L -320 320 Z
|
|
|
+ " fill="url(#kGrad)"/>
|
|
|
+
|
|
|
+ <!-- Subtle highlight on left edge -->
|
|
|
+ <path d="
|
|
|
+ M -320 -320 L -260 -320 L -260 320 L -320 320 Z
|
|
|
+ " fill="rgba(255,255,255,0.12)"/>
|
|
|
+ </g>
|
|
|
</svg>
|