/* Sun-Panel 黑金风格主题 By 与末 */

/* 全局 */
* {
    font-family: SanJiBangKaiJianTi-2;
}
/* 字体 */
@font-face {
    font-family: "SanJiBangKaiJianTi-2";
    src: url("../custom/SanJiBangKaiJianTi-2.ttf");
}

/*右上角设置*/
.float-btn{
    background: linear-gradient(145deg, #333 0%, #111 50%, #444 100%);
    border: 1px solid rgba(255, 223, 0, 0.6);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.19);
}

/* 登录页LOGO */
.login-title {
    background: linear-gradient(145deg, rgba(255, 223, 0, 1) 0%, rgba(218, 165, 32, 1) 50%, rgba(184, 134, 11, 1) 100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 登录框背景 */
.login-card {
    background: linear-gradient(145deg, #333 0%, #111 50%, #444 100%)!important;
    border-color: rgba(255, 223, 0, 0.6)!important;
}
/* 搜索框内文字 */
.search-container input[data-v-39e2293b=""]::placeholder {
    color: rgba(255, 223, 0, 0.3)!important;
}
/* 系统状态图标 */
.svg-icon {
    color: #f1c857 !important;
}
/* 系统状态文字 */
.text-xs {
    color: rgba(255, 223, 0, 0.7)!important;
}
/* 系统状态进度条 */
.n-progress-graph-line-fill {
    background-color: rgba(255, 223, 0, 1)!important;
}
/* 系统状态进度条 */
.n-progress-graph-line {
    background-color: rgba(255, 223, 0, 0.5)!important;
}
/* 设置内文字 */
.n-card-header {
    background: linear-gradient(145deg, rgba(255, 223, 0, 1) 0%, rgba(218, 165, 32, 1) 50%, rgba(184, 134, 11, 1) 100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 设置左边导航文字 */
.ml-2 {
    background: linear-gradient(145deg, rgba(255, 223, 0, 1) 0%, rgba(218, 165, 32, 1) 50%, rgba(184, 134, 11, 1) 100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 设置内文字 */
.n-button__content {
    background: linear-gradient(145deg, rgba(255, 223, 0, 1) 0%, rgba(218, 165, 32, 1) 50%, rgba(184, 134, 11, 1) 100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 设置内文字 */
.n-alert-body__content {
    background: linear-gradient(145deg, rgba(255, 223, 0, 1) 0%, rgba(218, 165, 32, 1) 50%, rgba(184, 134, 11, 1) 100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 搜索框背景 */
.search-box .search-container{
    background: linear-gradient(145deg, #333 0%, #111 50%, #444 100%)!important;
    border-color: rgba(255, 223, 0, 0.6)!important;
}
/* 搜索框鼠标悬浮动画 */
.search-box .search-container:hover{
    animation: glow-animation 0.5s ease forwards!important;
}
/* logo 时间 */
.logo,.text-shadow{
    background: linear-gradient(145deg, rgba(255, 223, 0, 1) 0%, rgba(218, 165, 32, 1) 50%, rgba(184, 134, 11, 1) 100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* logo 时间 中间分割符 */
.text-white {
    color: rgba(255, 223, 0, 0.7)!important;
}
/* 卡片内图标 */
.n-avatar{
    color: #f1c857 !important;
}
/* 卡片内文字 */
.w-full .font-semibold {
    background: linear-gradient(145deg, rgba(255, 223, 0, 1) 0%, rgba(218, 165, 32, 1) 50%, rgba(184, 134, 11, 1) 100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 卡片背景 */
.icon-info-box .rounded-2xl {
    font-size: 17px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    background: linear-gradient(145deg, #333 0%, #111 50%, #444 100%);
    border: 1px solid rgba(255, 223, 0, 0.6);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.19);
}
/* 卡片背景悬浮动画 */
.icon-info-box .rounded-2xl:hover {
    animation: glow-animation 0.5s ease forwards;
}

@keyframes glow-animation {
    100% {
        box-shadow: 0 0 10px 5px rgba(255, 223, 0, 0.3);
    }
}