@charset "UTF-8";
/* NKOS 核心样式表 (v1.4 - 终极融合版) */

/* 1. 字体定义 */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('../fonts/inter-regular.ttf') format('truetype'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; src: url('../fonts/inter-bold.ttf') format('truetype'); }

/* 2. 全局基础 */
body {
    font-family: 'Inter', system-ui, sans-serif;
    background-color: #F8FAFC;
    color: #0F172A;
    -webkit-font-smoothing: antialiased;
}

/* 3. 组件：卡片 (基础结构沿用您喜欢的版本，增加了细节优化) */
.dashboard-card {
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #E2E8F0;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

@media (hover: hover) {
    .dashboard-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.08);
        border-color: #CBD5E1;
    }
}
.dashboard-card:active { transform: scale(0.98); }

/* 4. 组件：装饰圆 (您要的那种蓝色切角) */
.bg-circle {
    position: absolute;
    border-radius: 50%;
    z-index: 0;
    opacity: 0.4; /* 提高透明度，让颜色更协调 */
    pointer-events: none;
    background-color: #3B82F6;
}

/* 5. 组件：卡片内容层 (确保在装饰圆上面) */
.card-content { position: relative; z-index: 10; }

/* 6. 组件：状态小点 (带呼吸动画) */
.status-point {
    position: relative; display: flex; height: 10px; width: 10px;
}
.status-point .ping {
    position: absolute; display: inline-flex; height: 100%; width: 100%; border-radius: 50%; background-color: #4ade80; opacity: 0.75; animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.status-point .dot {
    position: relative; display: inline-flex; border-radius: 50%; height: 10px; width: 10px; background-color: #22c55e;
}
@keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } }

/* 7. 辅助组件 */
.intranet-badge {
    display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; background-color: #EFF6FF; color: #2563EB; border: 1px solid #DBEAFE; border-radius: 6px; font-size: 11px; font-weight: 600;
}