@font-face {
    font-family: myFont;
    src: url('../fonts/HarmonyOS_SansTC_Regular.ttf');
}

html,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
.uk-button,
.uk-navbar-nav>li>a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a,
span {
    font-family: myFont !important;
}
/* 自定义滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
    transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
body {
    background: #eee;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
    font-size: 12px;
    MARGIN: 0;
    color: #222;
}
html {
    scroll-behavior: smooth;
}

.a_logo {
    letter-spacing: 2px;
}
.my-radius-5 {
    border-radius: 5px;
}
.my-radius-10 {
    border-radius: 8px;
}
.my-radius-15 {
    border-radius: 15px;
}

.my-radius-30 {
    border-radius: 30px;
}

.my-radius-50 {
    border-radius: 50px;
}
.my-radius-left-50{ border-radius: 50px 0 0 50px; }
.my-radius-right-50{ border-radius:0 50px 50px 0; }
.my-radius-top-10{ border-radius: 8px 8px 0 0 ; }
.my-radius-bottom-10{ border-radius:  0 0 8px 8px;}
.uk-padding-small-left{ padding-left:20px; }
.uk-text-white{ color: #fff; }
.a_avatar {
    width: 15px;
    height: 15px;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 1.3rem;
    margin-right: 10px;
}

.menu-header {
    line-height: 2.6rem;
    transition: all 0.2s ease;
}

.menu-header:hover {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 0 15px;
    cursor: pointer;
}

.menu-header:hover i {
    color: #1e87f0;
}

.menu-content>li {
    margin: 0;
    padding: 0 30px;
}

.menu-content>li>a {
    display: flex;
    font-size: 13px;
    transition: all 0.2s ease;
    color: #666;
}

.menu-content>li>a:hover {
    color: #1e87f0;
    text-decoration: none;
    margin-left: 10px;
}

.menu-content>::before {
    margin-bottom: -1.3em;
}

/* Active state for expanded menu items */
.menu-header.active i {
    color: #1e87f0;
}
.menu-header b{ font-size: 13px; }
.x-button{ color: #1e87f0; }
.x-button:hover{ text-decoration: none; color: #1975d1!important; }

.uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 15px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%231e87f0%22%20d%3D%22M6%208l6-8H0z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 6px 4px;
}
.x-padding{ padding: 0 8px; }
.x-break{ display: block; width: 50px;}
.uk-list-bullet>::before {
    content: "";
    display: list-item;
    position: relative;
    left: -30px;
    width: 30px;
    height: 2.5em;
    margin-bottom: -2.0em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%
}
.fixed-header-table {
    width: 100%; /* 保持表格宽度100%（可根据需求调整） */
    border-collapse: collapse; /* 合并边框（可选） */
    /* overflow: auto; 允许内容滚动 */
    position: relative; /* 定位基准 */
}

.fixed-header-table thead {
  position: sticky; /* 粘性定位 */
  top: 126px; /* 固定在顶部 */
    background-color: #eee; /* 表头背景色（可自定义） */
  z-index: 100; /* 确保表头在内容上方 */
  line-height: 46px;
}
.fixed-header-table th,
.fixed-header-table td {
  padding: 12px;
  text-align: center;
  border: 1px solid #ddd; /* 可选边框样式 */
  font-size: 12px;
  color: #222;
}
.all-table th,
.all-table td
{ border: 1px solid #ddd; /* 可选边框样式 */ }
/* 鼠标悬停效果（可选） */
.fixed-header-table tbody tr:hover {
  background-color: #f5f5f5;
}
/* .table-container{ height: 600px; overflow-y: auto;} */
label {
    cursor: pointer!important;
}

/*old style*/

table {
     BORDER-TOP: 0px;
     BORDER-LEFT: 0px;
     BORDER-BOTTOM: 2px
}

select {

     FONT-SIZE: 12px;

     COLOR: #000000;
     background-color: #E0E2F1;

}

a {
     TEXT-DECORATION: none;
     color: #000000
}

a:hover {
     text-decoration: underline;
}


textarea,
input,
object {
     font-size: 12px;
}

td {
     BORDER-RIGHT: 1px;
     BORDER-TOP: 0px;
     FONT-SIZE: 12px;
     COLOR: #000000;
}

.b {
     background: #F7F7F7;
}




.hr {
     border-top: 1px solid #739ACE;
     border-bottom: 0;
     border-left: 0;
     border-right: 0;
}

.bold {
     font-weight: bold;
}

.smalltxt {
     font-size: 12px;
     color: #000000;
}



button {
     font-size: 11px;
}

a.button:link {
     height: 20px;
     line-height: 20px;
     border: 1px solid #98b7e0;
     border-radius: 3px;
     cursor: pointer;
     background-color: #739ACE;
     text-align: center;
     text-decoration: none;
     color: #FFF;
     display: inline-block;
     clear: both;
     margin: 3px;
     padding: 5px 20px;
     white-space: nowrap;
}

a.button:visited {

     height: 20px;
     line-height: 20px;
     border: 1px solid #98b7e0;
     cursor: pointer;
     background-color: #739ACE;
     text-align: center;
     text-decoration: none;
     color: #FFF;
     display: inline-block;
     clear: both;
}

a.button:hover {

     height: 20px;
     line-height: 20px;
     border: 1px solid #98b7e0;
     cursor: pointer;
     background-color: #547cb4;
     text-align: center;
     text-decoration: none;
     color: #FFF;
     display: inline-block;
     clear: both;
}

a.button:active {


     height: 20px;
     line-height: 20px;
     border: 1px solid #98b7e0;
     cursor: pointer;
     background-color: #6f9ddd;
     text-align: center;
     text-decoration: none;
     color: #FFF;
     display: inline-block;
     clear: both;
}
/* 自定义滚动条样式 */
.x-table{
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
}
.x-table::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.x-table::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.x-table::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
    transition: background 0.3s ease;
}

.x-table::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
/* 返回顶部按钮样式 */
    .x-top-button {
        position: fixed;
        width:36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 1.5rem;
        bottom: 1.5rem;
        background: #1e87f0;
        color: white;
        border-radius: 50%;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        z-index: 50;
        cursor: pointer;
        text-decoration: none;
    }
    
    .x-top-button.visible {
        opacity: 1;
        visibility: visible;
    }
    
    .x-top-button:hover {
        background: #1d4ed8;
        text-decoration: none;
        color: #FFF;
    }
.x-fixed{ position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.uk-height-xsmall{ min-height:116px; }
.fixed-header-table1 {
    width: 100%; /* 保持表格宽度100%（可根据需求调整） */
    border-collapse: collapse; /* 合并边框（可选） */
    /* overflow: auto; 允许内容滚动 */
    position: relative; /* 定位基准 */
}

.fixed-header-table1 thead {
  position: sticky; /* 粘性定位 */
  top: 0; /* 固定在顶部 */
    background-color: #eee; /* 表头背景色（可自定义） */
  z-index: 100; /* 确保表头在内容上方 */
  line-height: 46px;
}
.fixed-header-table1 th,
.fixed-header-table1 td {
  padding: 12px;
  text-align: center;
  border: 1px solid #ddd; /* 可选边框样式 */
  font-size: 12px;
  color: #222;
}

/*background*/
.login-container {
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.animated-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    
    /* 基础渐变背景 */
    background: linear-gradient(-45deg, #1e87f0, #c3e1ff, #1e87f0, #53a9ff);
    background-size: 400% 400%;
    
    /* 渐变流动动画 */
    animation: gradientShift 15s ease infinite;
}

/* 添加一些抽象几何形状 */
.animated-bg::before,
.animated-bg::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    opacity: 0.1;
    animation: float 20s ease-in-out infinite;
}

.animated-bg::before {
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.8);
    top: 10%;
    left: 10%;
    animation-delay: 0s;
}

.animated-bg::after {
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.6);
    bottom: 15%;
    right: 15%;
    animation-delay: -10s;
}

/* 粒子效果容器 */
.particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.particle {
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    animation: particleFlow 20s linear infinite;
}

/* 安全波纹效果 */
.sonar-wave {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    opacity: 0;
    animation: sonarPulse 7s ease-out infinite;
}

/* 登录表单样式 */
.login-form {
    background: rgba(255, 255, 255, 0.95);
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    width: 400px;
    backdrop-filter: blur(10px);
}

/* 动画定义 */
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes float {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-20px) scale(1.05); }
}

@keyframes particleFlow {
    0% { 
        transform: translateX(100vw) translateY(var(--y)) scale(var(--size));
        opacity: 0;
    }
    10% { opacity: 0.6; }
    90% { opacity: 0.6; }
    100% { 
        transform: translateX(-100px) translateY(var(--y)) scale(var(--size));
        opacity: 0;
    }
}

@keyframes sonarPulse {
    0% { 
        width: 100px; 
        height: 100px;
        opacity: 0.8;
    }
    100% { 
        width: min(100vw, 100vh); 
        height: min(100vw, 100vh);
        opacity: 0;
    }
}