/* 维吾尔语字体, 从右到左*/
@font-face {
    font-family: 'Uzman Tor';
    src: url('/static/fonts/UzmanTor.woff2') format('woff2'),
         url('/static/fonts/UzmanTor.woff') format('woff'),
         url('/static/fonts/UzmanTor.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
  font-family: 'Uzman Tor', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    user-select: none;
    word-wrap : break-word; 
    word-break : keep-all;
}

html, body, button, input, div, span, select, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, article, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, section, small, strike, strong, sub, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, tr, textarea { 
    font-family:"Uzman Tor"!important;
    font-weight: 600;
    font-size: small;
} 
 
a {
  color: #007bff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.uz-effect { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; }
.uz-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.3; animation: float 20s ease-in-out infinite; }
.orb-1 { width: 500px; height: 500px; background: radial-gradient(circle, #3b82f6, #1e40af); top: -100px; left: -100px; }
.orb-2 { width: 600px; height: 600px; background: radial-gradient(circle, #8b5cf6, #6d28d9); bottom: -200px; right: -150px; animation-delay: -7s; }
.orb-3 { width: 350px; height: 350px; background: radial-gradient(circle, #06b6d4, #0891b2); top: 50%; left: 50%; transform: translate(-50%, -50%); animation-delay: -14s; }
@keyframes float { 0%,100% { transform: translate(0,0) scale(1); opacity: 0.2; } 33% { transform: translate(30px,-30px) scale(1.1); opacity: 0.35; } 66% { transform: translate(-20px,20px) scale(0.9); opacity: 0.25; } }
.uz-grid { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(59,130,246,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(59,130,246,0.05) 1px, transparent 1px); background-size: 60px 60px; z-index: -1; animation: gridMove 25s linear infinite; }
@keyframes gridMove { 0% { transform: translate(0,0); } 100% { transform: translate(60px,60px); } }