/* ============================================
   首页 index.php 专属样式
   统计卡片 + 功能快捷入口
   ============================================ */

/* ===== 统计卡片 ===== */
.stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 10px;
}
.stat-card {
    background: var(--card);
    border: 1px solid var(--border);
    padding: 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: box-shadow .15s, transform .1s;
}
.stat-card:hover {
    box-shadow: 0 3px 14px rgba(0,0,0,.08);
    transform: translateY(-1px);
}
.stat-icon {
    width: 56px; height: 56px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.si-cat { background: #fef2f2; color: var(--accent); }
.si-img { background: #eff6ff; color: #2563eb; }
.si-data { background: #f0fdf4; color: #16a34a; }
.si-xl { background: #faf5ff; color: #7c3aed; }
.si-up { background: #fffbeb; color: #d97706; }
.stat-num {
    font-size: 28px;
    font-weight: 700;
    color: var(--dark);
    line-height: 1.2;
}
.stat-label { font-size: 13px; color: var(--muted); margin-top: 2px; }

/* ===== 功能快捷入口 ===== */
.quick-grid { display: flex; flex-direction: column; gap: 12px; }
.quick-entry {
    display: flex;
    align-items: center; gap: 18px;
    padding: 20px 24px;
    background: var(--card);
    border: 1px solid var(--border);
    text-decoration: none;
    color: var(--text);
    transition: box-shadow .15s, border-color .15s;
}
.quick-entry:hover {
    box-shadow: 0 3px 14px rgba(0,0,0,.08);
    border-color: var(--accent);
    color: var(--text);
}
.qe-icon {
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
}
.qe-search { background: #dc2626; }
.qe-data   { background: #2563eb; }
.qe-xl     { background: #7c3aed; }
.qe-calc   { background: #d97706; }
.qe-print  { background: #059669; }
.qe-nejing { background: #6366f1; }
.qe-unit   { background: #0891b2; }
.qe-dev    { background: #94a3b8; }

/* 禁用态占位 */
.qe-disabled { opacity: .45; pointer-events: none; }
.qe-disabled .qe-arrow { color: #94a3b8; }
.qe-body { flex: 1; min-width: 0; }
.qe-title { font-size: 17px; font-weight: 600; color: var(--dark); margin-bottom: 3px; }
.qe-desc { font-size: 13px; color: var(--muted); line-height: 1.45; }
.qe-arrow {
    font-size: 26px;
    color: var(--muted);
    flex-shrink: 0;
    transition: color .15s;
}
.quick-entry:hover .qe-arrow { color: var(--accent); }

/* ===== 首页响应式 ===== */
@media (max-width: 600px) {
    .stat-grid { grid-template-columns: repeat(2,1fr); gap: 12px; }
    .stat-card { padding: 16px; gap: 12px; }
    .stat-icon { width:44px;height:44px; }
    .stat-icon svg{width:22px;height:22px}
    .stat-num { font-size:22px; }
    .quick-entry { padding: 14px 16px; gap: 14px; }
    .qe-icon { width:48px;height:48px;border-radius:6px;}
    .qe-icon svg{width:28px;height:28px}
    .qe-title { font-size:15px; }
    .qe-desc { font-size:12.5px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
}