
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <!-- 核心修复：添加 maximum-scale=1.0, user-scalable=no 防止 iOS 意外缩放导致的布局放大 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <title>中吉通</title>
    <link rel="shortcut icon" href="https://img.krgz.cc/images/favicon.ico" type="image/x-icon">
    
    <!-- Theme Color -->
    <meta name="description" content="中吉通 - 专注于吉尔吉斯斯坦华人生活指南、留学服务、快递物流与求职招聘信息的综合平台。">
    <meta name="keywords" content="吉尔吉斯斯坦, 比什凯克, 留学, 快递, 求职, 招聘, 华人, 中吉通, 便民服务">
    <meta name="author" content="中吉通">
    <meta name="theme-color" content="#ffffff" />
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <link rel="icon" href="https://img.krgz.cc/icons/icon-192.png" type="image/png" />
    <link rel="apple-touch-icon" href="https://img.krgz.cc/icons/icon-192.png">

    <style>
      /* --- Big Bang Intro Animations --- */
      @keyframes portal-awaken {
       0% { transform: scale(0); opacity: 0; box-shadow: 0 0 0 transparent; border: 0px solid #fff; }
       30% { transform: scale(0.18); opacity: 1; box-shadow: 0 0 30px 10px #00f3ff, inset 0 0 15px #bc13fe; border: 2px solid #fff; }
       60% { transform: scale(1); opacity: 1; box-shadow: 0 0 80px 30px #00f3ff, inset 0 0 40px #bc13fe; border: 4px solid #fff; }
       100% { transform: scale(35); opacity: 0; box-shadow: 0 0 400px 200px #00f3ff; border: 20px solid #fff; }
      }
      @keyframes nebula-fade {
       0% { opacity: 0; transform: scale(0.7); filter: blur(40px); }
       40% { opacity: 1; transform: scale(1.05); filter: blur(70px); }
       100% { opacity: 0.85; transform: scale(1); filter: blur(60px); }
      }
      @keyframes text-materialize {
       0% { opacity: 0; transform: scale(0.85) translateY(20px); filter: blur(12px) brightness(2); }
       60% { opacity: 1; filter: blur(1px) brightness(1.2); }
       100% { opacity: 1; transform: scale(1) translateY(0); filter: blur(0px) brightness(1); }
      }
      @keyframes foil-shine {
       0% { background-position: 200% center; }
       100% { background-position: -100% center; }
      }
      
      .nebula { position: absolute; border-radius: 50%; z-index: 1; animation: nebula-fade 3.5s ease-out forwards; opacity: 0; pointer-events: none; }
      .n1 { width: 60vw; height: 60vw; max-width: 600px; max-height: 600px; background: rgba(0, 243, 255, 0.18); top: -10%; left: -10%; }
      .n2 { width: 50vw; height: 50vw; max-width: 500px; max-height: 500px; background: rgba(188, 19, 254, 0.18); bottom: -10%; right: -10%; }
      
      .star-portal { position: absolute; width: 100px; height: 100px; border-radius: 50%; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; z-index: 50; animation: portal-awaken 1.6s cubic-bezier(0.5, 0, 0.1, 1) forwards; background: transparent; pointer-events: none; }
      
      .brand-content { position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; opacity: 0; transform: scale(0.85) translateY(20px); animation: text-materialize 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.85s forwards; }
      
      .splash-logo-box { width: 88px; height: 88px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.15); border-radius: 24px; padding: 16px; margin-bottom: 24px; box-shadow: 0 12px 40px rgba(0,0,0,0.85), inset 0 1px 1px rgba(255,255,255,0.3); }
      .splash-logo-box img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 14px; filter: drop-shadow(0 4px 12px rgba(0,0,0,0.5)); }
      
      .brand-text-epic { margin: 0; font-size: 34px; font-weight: 800; letter-spacing: 0.18em; background: linear-gradient( -45deg, #ffffff 35%, #00f3ff 50%, #ffffff 65% ); background-size: 300% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: foil-shine 2.4s ease-in-out infinite 1.5s; text-shadow: 0 4px 24px rgba(0, 243, 255, 0.35); }
      .tagline-epic { margin-top: 12px; font-size: 11px; font-weight: 600; letter-spacing: 0.4em; color: rgba(255,255,255,0.7); text-transform: uppercase; }
      
      /* Global scrollbar suppression for WebKit & Android WebView */
      * { scrollbar-width: none !important; -ms-overflow-style: none !important; }
      ::-webkit-scrollbar, *::-webkit-scrollbar, html::-webkit-scrollbar, body::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; background: transparent !important; }
      ::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb { display: none !important; }
      ::-webkit-scrollbar-track, *::-webkit-scrollbar-track { display: none !important; }
      
      :root {
        --bg-main: #f8fafc;
        --bg-card: #ffffff;
        --logo-border: #475569;
        --s-50: #f8fafc;
        --s-100: #f1f5f9;
        --s-200: #e2e8f0;
        --s-300: #cbd5e1;
        --s-400: #94a3b8;
        --s-500: #64748b;
        --s-600: #475569;
        --s-700: #334155;
        --s-800: #1e293b;
        --s-900: #0f172a;
        --s-950: #020617;
        --p-50: #f0fdf4;
        --p-100: #dcfce7;
        --p-200: #bbf7d0;
        --p-500: #22c55e;
        --p-600: #16a34a;
        --p-700: #15803d;
        --p-900: #14532d;
        --footer-bg: linear-gradient(135deg, #0f1a2e 0%, #1c2e4a 100%);
        --footer-text: #f5f5f5;
        --footer-text-muted: #bdc3c7;
        --footer-accent: #d4af37;
        --footer-border: rgba(212, 175, 55, 0.2);
        --footer-shimmer: rgba(212, 175, 55, 0.1);
      }
      [data-theme="dark"] {
        --bg-main: #0c1017;
        --bg-card: #151b26;
        --logo-border: #334155;
        --s-50: #101520;
        --s-100: #18202e;
        --s-200: #242f44;
        --s-300: #334155;
        --s-400: #64748b;
        --s-500: #94a3b8;
        --s-600: #cbd5e1;
        --s-700: #cbd5e1;
        --s-800: #e2e8f0;
        --s-900: #f1f5f9;
        --s-950: #f8fafc;
        --p-50: #0d2818;
        --p-100: #143d23;
        --p-200: #1b5330;
        --p-500: #22c55e;
        --p-600: #4ade80;
        --p-700: #86efac;
        --p-900: #bbf7d0;
        --footer-bg: linear-gradient(135deg, #0b0f17 0%, #151b26 100%);
        --footer-text: #e2e8f0;
        --footer-text-muted: #94a3b8;
        --footer-accent: #60a5fa;
        --footer-border: rgba(255, 255, 255, 0.1);
        --footer-shimmer: rgba(255, 255, 255, 0.05);
      }
      [data-theme="cat"] {
        --bg-main: #fffcfd;
        --bg-card: #ffffff;
        --logo-border: #f9a8d4;
        --s-50: #fff0f5;
        --s-100: #ffe4e9;
        --s-200: #fecdd3;
        --s-300: #fda4af;
        --s-400: #fb7185;
        --s-500: #f43f5e;
        --s-600: #be123c;
        --s-700: #9f1239;
        --s-800: #881337;
        --s-900: #4c0519;
        --s-950: #4c0519;
        --p-50: #fff1f2;
        --p-100: #ffe4e6;
        --p-200: #fbcfe8;
        --p-500: #f687b3;
        --p-600: #e879f9;
        --p-700: #be185d;
        --p-900: #831843;
        --footer-bg: linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%);
        --footer-text: #590d22;
        --footer-text-muted: #800f2f;
        --footer-accent: #ffffff;
        --footer-border: rgba(255, 255, 255, 0.6);
        --footer-shimmer: rgba(255, 255, 255, 0.5);
      }
      [data-theme="christmas"] {
        --bg-main: #f6fafd;
        --bg-card: #ffffff;
        --logo-border: #86efac;
        --s-50: #f1f5f9;
        --s-100: #e2e8f0;
        --s-200: #cbd5e1;
        --s-300: #94a3b8;
        --s-400: #64748b;
        --s-500: #475569;
        --s-600: #334155;
        --s-700: #1e293b;
        --s-800: #0f172a;
        --s-900: #020617;
        --s-950: #020617;
        --p-50: #fef2f2;
        --p-100: #fee2e2;
        --p-200: #fecaca;
        --p-500: #ef4444;
        --p-600: #dc2626;
        --p-700: #b91c1c;
        --p-900: #7f1d1d;
        --footer-bg: linear-gradient(135deg, #14532d 0%, #b45309 100%);
        --footer-text: #ffffff;
        --footer-text-muted: #e5e5e5;
        --footer-accent: #fbbf24;
        --footer-border: rgba(255, 255, 255, 0.2);
        --footer-shimmer: rgba(255, 255, 255, 0.2);
      }
      [data-theme="cny"] {
        --bg-main: #fffcf5;
        --bg-card: #ffffff;
        --logo-border: #fca5a5;
        --s-50: #fafaf9;
        --s-100: #f5f5f5;
        --s-200: #e7e5e4;
        --s-300: #d6d3d1;
        --s-400: #a8a29e;
        --s-500: #78716c;
        --s-600: #57534e;
        --s-700: #44403c;
        --s-800: #292524;
        --s-900: #1c1917;
        --s-950: #0c0a09;
        --p-50: #fff1f2;
        --p-100: #ffe4e6;
        --p-200: #fecdd3;
        --p-500: #f43f5e;
        --p-600: #e11d48;
        --p-700: #be123c;
        --p-900: #881337;
        --footer-bg: linear-gradient(135deg, #9f1239 0%, #b45309 100%);
        --footer-text: #ffffff;
        --footer-text-muted: #fed7aa;
        --footer-accent: #fcd34d;
        --footer-border: rgba(252, 211, 77, 0.3);
        --footer-shimmer: rgba(252, 211, 77, 0.2);
      }
      [data-theme="cyberpunk"] {
        --bg-main: #0c0a1d;
        --bg-card: #16132e;
        --logo-border: #06b6d4;
        --s-50: #130f2e;
        --s-100: #1d1842;
        --s-200: #2a235c;
        --s-300: #3d3480;
        --s-400: #6366f1;
        --s-500: #818cf8;
        --s-600: #a5b4fc;
        --s-700: #c7d2fe;
        --s-800: #e0e7ff;
        --s-900: #ffffff;
        --s-950: #ffffff;
        --p-50: #083344;
        --p-100: #164e63;
        --p-200: #155e75;
        --p-500: #06b6d4;
        --p-600: #22d3ee;
        --p-700: #67e8f9;
        --p-900: #ec4899;
        --footer-bg: linear-gradient(135deg, #0f0c29 0%, #24243e 50%, #302b63 100%);
        --footer-text: #ffffff;
        --footer-text-muted: #a5b4fc;
        --footer-accent: #22d3ee;
        --footer-border: rgba(34, 211, 238, 0.3);
        --footer-shimmer: rgba(236, 72, 153, 0.2);
      }
      [data-theme="sakura"] {
        --bg-main: #fff8fa;
        --bg-card: #ffffff;
        --logo-border: #f472b6;
        --s-50: #fff0f5;
        --s-100: #fce7f3;
        --s-200: #fbcfe8;
        --s-300: #f472b6;
        --s-400: #e879f9;
        --s-500: #db2777;
        --s-600: #be185d;
        --s-700: #9d174d;
        --s-800: #831843;
        --s-900: #500724;
        --s-950: #3b0217;
        --p-50: #ecfdf5;
        --p-100: #d1fae5;
        --p-200: #a7f3d0;
        --p-500: #10b981;
        --p-600: #059669;
        --p-700: #047857;
        --p-900: #064e3b;
        --footer-bg: linear-gradient(135deg, #fbcfe8 0%, #f472b6 50%, #e879f9 100%);
        --footer-text: #831843;
        --footer-text-muted: #9d174d;
        --footer-accent: #059669;
        --footer-border: rgba(244, 114, 182, 0.4);
        --footer-shimmer: rgba(255, 255, 255, 0.5);
      }
      [data-theme="ocean"] {
        --bg-main: #f0f7ff;
        --bg-card: #ffffff;
        --logo-border: #38bdf8;
        --s-50: #f0f9ff;
        --s-100: #e0f2fe;
        --s-200: #bae6fd;
        --s-300: #7dd3fc;
        --s-400: #38bdf8;
        --s-500: #0284c7;
        --s-600: #0369a1;
        --s-700: #075985;
        --s-800: #0c4a6e;
        --s-900: #082f49;
        --s-950: #031926;
        --p-50: #ecfeff;
        --p-100: #cffaff;
        --p-200: #a5f3fc;
        --p-500: #06b6d4;
        --p-600: #0891b2;
        --p-700: #0e7490;
        --p-900: #164e63;
        --footer-bg: linear-gradient(135deg, #075985 0%, #0369a1 50%, #0891b2 100%);
        --footer-text: #ffffff;
        --footer-text-muted: #bae6fd;
        --footer-accent: #38bdf8;
        --footer-border: rgba(56, 189, 248, 0.3);
        --footer-shimmer: rgba(255, 255, 255, 0.2);
      }
      [data-theme="autumn"] {
        --bg-main: #fffdf7;
        --bg-card: #ffffff;
        --logo-border: #f59e0b;
        --s-50: #fffbeb;
        --s-100: #fef3c7;
        --s-200: #fde68a;
        --s-300: #fcd34d;
        --s-400: #fbbf24;
        --s-500: #d97706;
        --s-600: #b45309;
        --s-700: #92400e;
        --s-800: #78350f;
        --s-900: #451a03;
        --s-950: #280e02;
        --p-50: #fff7ed;
        --p-100: #ffedd5;
        --p-200: #fed7aa;
        --p-500: #ea580c;
        --p-600: #c2410c;
        --p-700: #9a3412;
        --p-900: #7c2d12;
        --footer-bg: linear-gradient(135deg, #78350f 0%, #92400e 50%, #c2410c 100%);
        --footer-text: #ffffff;
        --footer-text-muted: #fde68a;
        --footer-accent: #fbbf24;
        --footer-border: rgba(251, 191, 36, 0.3);
        --footer-shimmer: rgba(255, 255, 255, 0.2);
      }
      [data-theme="lavender"] {
        --bg-main: #faf7ff;
        --bg-card: #ffffff;
        --logo-border: #c084fc;
        --s-50: #f3e8ff;
        --s-100: #e9d5ff;
        --s-200: #d8b4fe;
        --s-300: #c084fc;
        --s-400: #a855f7;
        --s-500: #9333ea;
        --s-600: #7e22ce;
        --s-700: #6b21a8;
        --s-800: #581c87;
        --s-900: #3b0764;
        --s-950: #240046;
        --p-50: #fdf4ff;
        --p-100: #fae8ff;
        --p-200: #f5d0fe;
        --p-500: #d946ef;
        --p-600: #c026d3;
        --p-700: #a21caf;
        --p-900: #701a75;
        --footer-bg: linear-gradient(135deg, #4c1d95 0%, #581c87 50%, #701a75 100%);
        --footer-text: #ffffff;
        --footer-text-muted: #e9d5ff;
        --footer-accent: #e879f9;
        --footer-border: rgba(232, 121, 249, 0.3);
        --footer-shimmer: rgba(255, 255, 255, 0.2);
      }
      [data-theme="forest"] {
        --bg-main: #f3faf6;
        --bg-card: #ffffff;
        --logo-border: #34d399;
        --s-50: #ecfdf5;
        --s-100: #d1fae5;
        --s-200: #a7f3d0;
        --s-300: #6ee7b7;
        --s-400: #34d399;
        --s-500: #10b981;
        --s-600: #059669;
        --s-700: #047857;
        --s-800: #065f46;
        --s-900: #064e3b;
        --s-950: #022c22;
        --p-50: #f0fdf4;
        --p-100: #dcfce7;
        --p-200: #bbf7d0;
        --p-500: #22c55e;
        --p-600: #16a34a;
        --p-700: #15803d;
        --p-900: #14532d;
        --footer-bg: linear-gradient(135deg, #064e3b 0%, #047857 50%, #14532d 100%);
        --footer-text: #ffffff;
        --footer-text-muted: #a7f3d0;
        --footer-accent: #34d399;
        --footer-border: rgba(52, 211, 153, 0.3);
        --footer-shimmer: rgba(255, 255, 255, 0.2);
      }
      .theme-decor { display: none; position: absolute; pointer-events: none; }
      [data-theme="cat"] .card-container, 
      [data-theme="christmas"] .card-container, 
      [data-theme="cny"] .card-container,
      [data-theme="cyberpunk"] .card-container,
      [data-theme="sakura"] .card-container,
      [data-theme="ocean"] .card-container,
      [data-theme="autumn"] .card-container,
      [data-theme="lavender"] .card-container,
      [data-theme="forest"] .card-container { overflow: visible; }
      [data-theme="cat"] .cat-ears, [data-theme="cat"] .cat-paw { display: block; }
      .cat-ears { top: -12px; width: 38px; height: 38px; background-color: var(--bg-card); border: 2px solid var(--s-300); border-bottom: none; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 0; }
      .cat-ear-left { left: 20px; border-top-left-radius: 26px; border-top-right-radius: 6px; border-bottom-right-radius: 4px; transform: rotate(-12deg); }
      .cat-ear-right { right: 20px; border-top-right-radius: 26px; border-top-left-radius: 6px; border-bottom-left-radius: 4px; transform: rotate(12deg); }
      .cat-ears::after { content: ''; position: absolute; bottom: 2px; width: 20px; height: 20px; background: linear-gradient(to bottom, var(--p-200), var(--p-100)); opacity: 0.8; }
      .cat-ear-left::after { left: 6px; border-top-left-radius: 18px; border-top-right-radius: 4px; border-bottom-right-radius: 8px; }
      .cat-ear-right::after { right: 6px; border-top-right-radius: 18px; border-top-left-radius: 4px; border-bottom-left-radius: 8px; }
      [data-theme="cat"] .card-container:hover .cat-ear-left { transform: rotate(-22deg) translateY(-6px) scale(1.05); }
      [data-theme="cat"] .card-container:hover .cat-ear-right { transform: rotate(22deg) translateY(-6px) scale(1.05); }
      .cat-paw { bottom: -12px; left: -12px; width: 24px; height: 24px; background: var(--p-200); border-radius: 50%; z-index: 25; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); transform: rotate(-15deg); transition: transform 0.3s ease; }
      .cat-paw::before { content: ''; position: absolute; top: -8px; left: 2px; width: 6px; height: 6px; background: var(--p-200); border-radius: 50%; box-shadow: 8px -2px 0 var(--p-200), 16px 2px 0 var(--p-200); }
      [data-theme="cat"] .card-container:hover .cat-paw { transform: rotate(-5deg) scale(1.1); }

      /* Cyberpunk Cyber Neon */
      [data-theme="cyberpunk"] .cyber-bolt,
      [data-theme="cyberpunk"] .cyber-corner,
      [data-theme="cyberpunk"] .cyber-tag { display: flex; }
      .cyber-bolt { top: -12px; right: 12px; font-size: 18px; filter: drop-shadow(0 0 6px #06b6d4) drop-shadow(0 0 10px #ec4899); z-index: 30; animation: cyberGlow 1.8s ease-in-out infinite alternate; }
      @keyframes cyberGlow { 0% { transform: scale(1) rotate(0deg); opacity: 0.8; } 100% { transform: scale(1.2) rotate(10deg); opacity: 1; filter: drop-shadow(0 0 10px #22d3ee) drop-shadow(0 0 16px #f43f5e); } }
      .cyber-corner { width: 10px; height: 10px; border: 2px solid #22d3ee; z-index: 25; pointer-events: none; }
      .cyber-corner-tl { top: -3px; left: -3px; border-right: none; border-bottom: none; border-top-left-radius: 4px; }
      .cyber-corner-br { bottom: -3px; right: -3px; border-left: none; border-top: none; border-bottom-right-radius: 4px; border-color: #ec4899; }
      .cyber-tag { top: -8px; left: 16px; font-size: 9px; font-weight: 900; letter-spacing: 1px; color: #06b6d4; background: #16132e; border: 1px solid #06b6d4; padding: 0px 5px; border-radius: 3px; z-index: 30; box-shadow: 0 0 8px rgba(6,182,212,0.4); }

      /* Sakura Japanese Spring */
      [data-theme="sakura"] .sakura-petal { display: block; }
      .sakura-petal { position: absolute; z-index: 30; filter: drop-shadow(0 2px 4px rgba(244,114,182,0.3)); pointer-events: none; }
      .sakura-petal-1 { top: -12px; right: 10px; font-size: 20px; animation: sakuraSway 3s ease-in-out infinite alternate; }
      .sakura-petal-2 { bottom: -8px; left: 12px; font-size: 16px; animation: sakuraSway 4s ease-in-out infinite reverse; }
      @keyframes sakuraSway { 0% { transform: rotate(-10deg) translateY(0); } 100% { transform: rotate(15deg) translateY(-4px); } }

      /* Ocean Deep Blue */
      [data-theme="ocean"] .ocean-bubble,
      [data-theme="ocean"] .ocean-shell { display: flex; }
      .ocean-bubble { position: absolute; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgba(255,255,255,0.9), rgba(56,189,248,0.4)); border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 2px 6px rgba(14,116,144,0.2); z-index: 30; }
      .ocean-bubble-1 { top: -10px; right: 16px; width: 18px; height: 18px; animation: bubbleFloat 3.5s ease-in-out infinite; }
      .ocean-bubble-2 { top: 12px; right: -8px; width: 12px; height: 12px; animation: bubbleFloat 2.8s ease-in-out 0.5s infinite; }
      .ocean-shell { bottom: -10px; left: 10px; font-size: 18px; z-index: 30; filter: drop-shadow(0 2px 4px rgba(3,105,161,0.25)); transition: transform 0.3s ease; }
      [data-theme="ocean"] .card-container:hover .ocean-shell { transform: scale(1.2) rotate(12deg); }
      @keyframes bubbleFloat { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-6px) scale(1.08); } }

      /* Autumn Golden Leaves */
      [data-theme="autumn"] .autumn-leaf { display: block; }
      .autumn-leaf { position: absolute; z-index: 30; filter: drop-shadow(0 2px 4px rgba(180,83,9,0.25)); }
      .autumn-leaf-1 { top: -14px; right: 12px; font-size: 22px; animation: leafSway 3.2s ease-in-out infinite alternate; }
      .autumn-leaf-2 { top: -8px; right: 32px; font-size: 15px; animation: leafSway 2.5s ease-in-out 0.8s infinite reverse; opacity: 0.9; }
      @keyframes leafSway { 0% { transform: rotate(-12deg) scale(1); } 100% { transform: rotate(18deg) scale(1.1); } }

      /* Lavender Dream */
      [data-theme="lavender"] .lavender-spire,
      [data-theme="lavender"] .lavender-sparkle { display: block; }
      .lavender-spire { top: -14px; right: 14px; font-size: 20px; z-index: 30; filter: drop-shadow(0 2px 6px rgba(168,85,247,0.3)); animation: lavenderPulse 3s ease-in-out infinite alternate; }
      .lavender-sparkle { top: -6px; left: 12px; font-size: 14px; z-index: 30; animation: lavenderSparkle 2s ease-in-out infinite alternate; }
      @keyframes lavenderPulse { 0% { transform: rotate(-5deg); } 100% { transform: rotate(10deg) scale(1.1); } }
      @keyframes lavenderSparkle { 0% { opacity: 0.3; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1.2); } }

      /* Forest Emerald */
      [data-theme="forest"] .forest-sprout,
      [data-theme="forest"] .forest-leaf { display: block; }
      .forest-sprout { top: -12px; left: 14px; font-size: 20px; z-index: 30; filter: drop-shadow(0 2px 4px rgba(5,150,105,0.2)); transform-origin: bottom center; transition: transform 0.3s ease; }
      .forest-leaf { top: -10px; right: 14px; font-size: 18px; z-index: 30; filter: drop-shadow(0 2px 4px rgba(5,150,105,0.2)); animation: forestWave 3s ease-in-out infinite alternate; }
      [data-theme="forest"] .card-container:hover .forest-sprout { animation: sproutBounce 0.6s ease-in-out; }
      @keyframes sproutBounce { 0%, 100% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.25) rotate(-10deg); } }
      @keyframes forestWave { 0% { transform: rotate(-8deg); } 100% { transform: rotate(12deg); } }
      [data-theme="christmas"] .xmas-hat, [data-theme="christmas"] .xmas-tree { display: block; }
      [data-theme="christmas"] .xmas-snowflake { display: flex; }
      [data-theme="christmas"] .card-container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background-color: white; z-index: 20; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
      .xmas-hat { top: -15px; left: -10px; width: 40px; height: 35px; background: #dc2626; border-radius: 30px 30px 5px 5px; transform: rotate(-25deg); box-shadow: 2px 2px 5px rgba(0,0,0,0.1); z-index: 25; }
      .xmas-hat::after { content: ''; position: absolute; bottom: 0; left: -2px; width: 44px; height: 10px; background: white; border-radius: 10px; }
      .xmas-hat::before { content: ''; position: absolute; top: -5px; right: 2px; width: 12px; height: 12px; background: white; border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,0.1); }
      [data-theme="christmas"] .card-container:hover .xmas-hat { animation: swing 1s ease-in-out infinite; }
      @keyframes swing { 0%, 100% { transform: rotate(-25deg); } 50% { transform: rotate(-35deg); } }
      .xmas-snowflake { top: -25px; right: -15px; width: 30px; height: 30px; align-items: center; justify-content: center; font-size: 28px; color: #bae6fd; text-shadow: 0 2px 4px rgba(0,0,0,0.1); z-index: 30; animation: spinSlow 8s linear infinite; }
      .xmas-snowflake::after { content: '❄'; }
      .xmas-tree { bottom: -5px; left: -8px; width: 40px; height: 50px; z-index: 35; display: none; justify-content: center; align-items: flex-end; }
      [data-theme="christmas"] .xmas-tree { display: flex; }
      .xmas-tree::after { content: ''; width: 8px; height: 10px; background: #78350f; border-radius: 1px; position: absolute; bottom: 0; z-index: 10; }
      .xmas-tree::before { content: ''; position: absolute; bottom: 8px; width: 100%; height: 42px; background: linear-gradient(180deg, #4ade80 0%, #16a34a 100%); clip-path: polygon(50% 0%, 15% 35%, 30% 35%, 5% 70%, 25% 70%, 0% 100%, 100% 100%, 75% 70%, 95% 70%, 70% 35%, 85% 35%); filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1)); z-index: 20; }
      [data-theme="cny"] .cny-lantern, [data-theme="cny"] .cny-firecracker, [data-theme="cny"] .cny-knot, [data-theme="cny"] .cny-ribbon { display: block; }
      [data-theme="cny"] .cny-envelope { display: flex; }
      [data-theme="cny"] .card-container { border-color: #fbbf24; }
      .cny-lantern { top: -5px; right: 15px; width: 24px; height: 30px; background: #e11d48; border-radius: 8px; border: 2px solid #fcd34d; box-shadow: 0 4px 6px rgba(0,0,0,0.1); z-index: 25; transform-origin: top center; }
      .cny-lantern::before { content: ''; position: absolute; top: -10px; left: 50%; width: 2px; height: 10px; background: #fcd34d; transform: translateX(-50%); }
      .cny-lantern::after { content: ''; position: absolute; bottom: -15px; left: 50%; width: 4px; height: 15px; background: #fcd34d; transform: translateX(-50%); border-radius: 2px; }
      [data-theme="cny"] .card-container:hover .cny-lantern { animation: sway 2s ease-in-out infinite; }
      @keyframes sway { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 75% { transform: rotate(-5deg); } }
      .cny-firecracker { top: 10px; left: -5px; width: 10px; height: 14px; background: #dc2626; border-radius: 2px; z-index: 30; transform-origin: top center; box-shadow: 0 16px 0 #dc2626, 0 32px 0 #dc2626; animation: shakeCracker 1s ease-in-out infinite alternate; }
      .cny-firecracker::before { content: ''; position: absolute; top: -10px; left: 50%; width: 2px; height: 50px; background: #fcd34d; transform: translateX(-50%); z-index: -1; }
      @keyframes shakeCracker { 0% { transform: rotate(-3deg); } 100% { transform: rotate(3deg); } }
      .cny-envelope { bottom: -8px; left: -8px; width: 26px; height: 34px; background: #dc2626; border: 1px solid #b91c1c; border-radius: 4px; z-index: 30; box-shadow: 2px 4px 8px rgba(0,0,0,0.2); animation: envelopeFloat 3s ease-in-out infinite; align-items: center; justify-content: center; }
      .cny-envelope::before { content: ''; position: absolute; top: 8px; left: 2px; right: 2px; height: 1px; background: rgba(0,0,0,0.1); border-bottom: 1px solid #f87171; }
      .cny-envelope::after { content: '福'; color: #fbbf24; font-size: 16px; font-weight: bold; font-family: serif; text-shadow: 0 1px 1px rgba(0,0,0,0.2); }
      @keyframes envelopeFloat { 0%, 100% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(-4px) rotate(5deg); } }
      .cny-knot { left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; z-index: 30; }
      .cny-knot::before { content: ''; position: absolute; top: 0; left: 50%; width: 16px; height: 16px; background: transparent; border: 3px solid #dc2626; transform: translateX(-50%) rotate(45deg); box-shadow: 0 2px 2px rgba(0,0,0,0.2); }
      .cny-knot::after { content: ''; position: absolute; top: 18px; left: 50%; transform: translateX(-50%); width: 4px; height: 14px; background: #dc2626; box-shadow: -4px 2px 0 #dc2626, 4px 2px 0 #dc2626; }
      .cny-ribbon { top: -10px; left: 20px; right: 20px; height: 6px; border-radius: 3px; background: linear-gradient(90deg, #e11d48, #f43f5e); z-index: 0; }
      .type-place .cny-knot { top: 192px; }
      .type-article .cny-knot { top: 160px; }
    </style>
    <script>
      // Immediately hide splash screen ONLY for automated search crawler bots
      if (typeof navigator !== 'undefined' && /bot|googlebot|crawler|spider|robot|crawling|mediapartners|adsbot/i.test(navigator.userAgent)) {
        document.write('<style>#app-splash-screen { display: none !important; opacity: 0 !important; visibility: hidden !important; z-index: -1 !important; pointer-events: none !important; }</style>');
      }
    </script>
    <script type="module" crossorigin src="/assets/index-BYRskCgs.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-core-NIG2CgmI.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-ui-CO1WA27K.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-live2d-ycXgM-CM.js">
    <link rel="stylesheet" crossorigin href="/assets/index-DVidAZ6d.css">
  </head>
  <body class="bg-[var(--bg-main)] text-slate-900 antialiased transition-colors duration-300">
    <div id="app-splash-screen" style="position: fixed; inset: 0; z-index: 10000; background-color: #000000; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; transition: opacity 0.8s ease, visibility 0.8s ease; will-change: opacity, visibility; font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'PingFang SC', sans-serif;">
      
      <!-- 1. Deep Space Nebulas -->
      <div class="nebula n1"></div>
      <div class="nebula n2"></div>
      
      <!-- 2. The Awakening Portal (Big Bang) -->
      <div class="star-portal"></div>
  
      <!-- 3. Glorious Content Reveal -->
      <div class="brand-content">
        <div class="splash-logo-box">
          <img src="https://img.krgz.cc/images/favicon.jpg" alt="Logo" />
        </div>
        <h2 class="brand-text-epic">中吉通</h2>
        <div class="tagline-epic">中吉综合便民服务平台</div>
        <div class="tagline-epic" style="margin-top: 20px; color: rgba(255,255,255,0.9); font-weight: 500; letter-spacing: 0.08em;">中亚云桥科技有限公司</div>
        <div class="tagline-epic" style="margin-top: 3px; font-size: 8.5px; letter-spacing: 0.15em; opacity: 0.65; text-transform: none;">Central Asia Cloud Bridge LLC</div>
        <div class="tagline-epic" style="margin-top: 12px; color: rgba(255,255,255,0.8); font-size: 10px;">由程远嘉设计推出</div>
        <div class="tagline-epic" style="margin-top: 3px; font-size: 8.5px; letter-spacing: 0.15em; opacity: 0.55; text-transform: none;">Designed by Cheng Yuanjia</div>
      </div>
  
    </div>
    
    <script>
      (function() {
        var splash = document.getElementById('app-splash-screen');
        if (!splash) return;
        window.dismissSplashScreen = function() {
          if (!splash || splash._isDismissed) return;
          splash._isDismissed = true;
          try { sessionStorage.setItem('krgz_splash_shown', '1'); } catch(e) {}
          splash.style.opacity = '0';
          splash.style.visibility = 'hidden';
          splash.style.pointerEvents = 'none';
          setTimeout(function() {
            if (splash && splash.parentNode) {
              splash.parentNode.removeChild(splash);
            }
          }, 800);
        };
        // Fallback auto dismiss after 4.2s to prevent getting stuck
        setTimeout(function() {
          if (typeof window.dismissSplashScreen === 'function') {
            window.dismissSplashScreen();
          }
        }, 4200);
      })();
    </script>
    
    <div id="root"></div>
  <!-- Live2D Cubism 4 Core SDK -->
  <script src="/live2d/live2dcubismcore.min.js?v=4.2.0"></script>
</body>
</html>
