/* ==========================================================================
   Y2K Admin Kit v1.0
   玻璃拟态 + 暗色暖金主题 — 与 Y2Ksoft 130 套视觉系统一致
   可独立引用： <link rel="stylesheet" href="admin-kit/admin-kit.css">
   ========================================================================== */
:root{
  --ak-bg-0:#0a0e1a;
  --ak-bg-1:#11172a;
  --ak-bg-2:#1a2238;
  --ak-glass:rgba(255,255,255,0.06);
  --ak-glass-strong:rgba(255,255,255,0.10);
  --ak-border:rgba(255,255,255,0.10);
  --ak-border-strong:rgba(255,255,255,0.18);
  --ak-text:#e8ecf5;
  --ak-text-dim:#9aa3bb;
  --ak-text-mute:#6b7593;
  --ak-gold:#f0c270;
  --ak-gold-2:#e0a55c;
  --ak-blue:#4a9eff;
  --ak-green:#3ecf8e;
  --ak-red:#ff6b6b;
  --ak-orange:#ff9b6b;
  --ak-radius:12px;
  --ak-radius-sm:8px;
  --ak-shadow:0 8px 32px rgba(0,0,0,0.4);
  --ak-shadow-soft:0 4px 16px rgba(0,0,0,0.25);
}

/* 基础重置 */
.ak-hidden{display:none !important}
.ak-flex{display:flex}
.ak-flex-1{flex:1}
.ak-row{display:flex;gap:12px;align-items:center}
.ak-col{display:flex;flex-direction:column;gap:12px}
.ak-grow{flex:1}
.ak-mt8{margin-top:8px}
.ak-mt16{margin-top:16px}
.ak-mt24{margin-top:24px}
.ak-mb16{margin-bottom:16px}
.ak-text-dim{color:var(--ak-text-dim)}
.ak-text-gold{color:var(--ak-gold)}
.ak-text-red{color:var(--ak-red)}
.ak-text-green{color:var(--ak-green)}
.ak-text-sm{font-size:12px}
.ak-text-bold{font-weight:600}

/* 玻璃面板 */
.ak-panel{
  background:var(--ak-glass);
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  border:1px solid var(--ak-border);
  border-radius:var(--ak-radius);
  box-shadow:var(--ak-shadow-soft);
  padding:20px;
}
.ak-panel-title{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:16px;padding-bottom:12px;
  border-bottom:1px solid var(--ak-border);
}
.ak-panel-title h3{margin:0;font-size:16px;font-weight:600;color:var(--ak-text)}

/* 按钮 */
.ak-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;border-radius:var(--ak-radius-sm);
  background:var(--ak-glass-strong);
  border:1px solid var(--ak-border);
  color:var(--ak-text);font-size:13px;cursor:pointer;
  transition:all 0.18s;font-family:inherit;
}
.ak-btn:hover{background:rgba(255,255,255,0.14);border-color:var(--ak-border-strong);transform:translateY(-1px)}
.ak-btn:active{transform:translateY(0)}
.ak-btn-primary{background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold-2));color:#1a1207;border-color:transparent;font-weight:600}
.ak-btn-primary:hover{filter:brightness(1.1)}
.ak-btn-danger{background:rgba(255,107,107,0.15);border-color:rgba(255,107,107,0.4);color:var(--ak-red)}
.ak-btn-danger:hover{background:rgba(255,107,107,0.25)}
.ak-btn-success{background:rgba(62,207,142,0.15);border-color:rgba(62,207,142,0.4);color:var(--ak-green)}
.ak-btn-sm{padding:5px 10px;font-size:12px}
.ak-btn-lg{padding:11px 22px;font-size:14px}
.ak-btn:disabled{opacity:0.5;cursor:not-allowed}

/* 表单 */
.ak-form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.ak-form-row label{font-size:12px;color:var(--ak-text-dim);font-weight:500}
.ak-input,.ak-select,.ak-textarea{
  background:rgba(0,0,0,0.25);
  border:1px solid var(--ak-border);
  border-radius:var(--ak-radius-sm);
  padding:9px 12px;color:var(--ak-text);font-size:13px;
  font-family:inherit;outline:none;transition:all 0.15s;
  width:100%;box-sizing:border-box;
}
.ak-input:focus,.ak-select:focus,.ak-textarea:focus{
  border-color:var(--ak-gold);
  background:rgba(0,0,0,0.4);
  box-shadow:0 0 0 3px rgba(240,194,112,0.12);
}
.ak-textarea{min-height:80px;resize:vertical;font-family:inherit}
.ak-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ak-form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

/* 表格 */
.ak-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.ak-table th{
  text-align:left;padding:11px 12px;font-weight:600;
  color:var(--ak-text-dim);font-size:12px;
  background:rgba(0,0,0,0.2);
  border-bottom:1px solid var(--ak-border);
  position:sticky;top:0;z-index:1;
}
.ak-table td{padding:10px 12px;border-bottom:1px solid var(--ak-border);color:var(--ak-text)}
.ak-table tr:hover td{background:rgba(255,255,255,0.03)}
.ak-table-wrap{max-height:560px;overflow:auto;border-radius:var(--ak-radius-sm);border:1px solid var(--ak-border)}
.ak-table-wrap::-webkit-scrollbar{width:8px;height:8px}
.ak-table-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:4px}
.ak-table-toolbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}

/* 标签/徽章 */
.ak-tag{
  display:inline-block;padding:2px 8px;border-radius:4px;
  font-size:11px;font-weight:500;
  background:rgba(74,158,255,0.15);color:var(--ak-blue);
  border:1px solid rgba(74,158,255,0.3);
}
.ak-tag-gold{background:rgba(240,194,112,0.15);color:var(--ak-gold);border-color:rgba(240,194,112,0.3)}
.ak-tag-green{background:rgba(62,207,142,0.15);color:var(--ak-green);border-color:rgba(62,207,142,0.3)}
.ak-tag-red{background:rgba(255,107,107,0.15);color:var(--ak-red);border-color:rgba(255,107,107,0.3)}
.ak-tag-gray{background:rgba(255,255,255,0.06);color:var(--ak-text-dim);border-color:var(--ak-border)}

/* 模态框 */
.ak-modal-mask{
  position:fixed;inset:0;background:rgba(0,0,0,0.6);
  backdrop-filter:blur(6px);z-index:9999;
  display:flex;align-items:center;justify-content:center;
  animation:ak-fade 0.18s;
}
.ak-modal{
  background:var(--ak-bg-1);
  border:1px solid var(--ak-border-strong);
  border-radius:var(--ak-radius);
  box-shadow:var(--ak-shadow);
  max-width:90vw;max-height:90vh;width:560px;
  display:flex;flex-direction:column;
  animation:ak-slide-up 0.22s;
}
.ak-modal-lg{width:800px}
.ak-modal-xl{width:1100px}
.ak-modal-header{
  padding:16px 20px;border-bottom:1px solid var(--ak-border);
  display:flex;align-items:center;justify-content:space-between;
}
.ak-modal-header h3{margin:0;font-size:16px}
.ak-modal-close{
  background:none;border:none;color:var(--ak-text-dim);
  font-size:22px;cursor:pointer;line-height:1;padding:0 4px;
}
.ak-modal-close:hover{color:var(--ak-text)}
.ak-modal-body{padding:20px;overflow:auto;flex:1}
.ak-modal-footer{
  padding:14px 20px;border-top:1px solid var(--ak-border);
  display:flex;justify-content:flex-end;gap:8px;
}

/* Toast */
.ak-toast{
  position:fixed;top:24px;right:24px;z-index:10000;
  background:var(--ak-bg-1);border:1px solid var(--ak-border-strong);
  border-radius:var(--ak-radius);padding:12px 18px;
  box-shadow:var(--ak-shadow);
  display:flex;align-items:center;gap:10px;
  animation:ak-slide-in 0.22s;min-width:240px;
}
.ak-toast-success{border-left:3px solid var(--ak-green)}
.ak-toast-error{border-left:3px solid var(--ak-red)}
.ak-toast-warn{border-left:3px solid var(--ak-orange)}
.ak-toast-info{border-left:3px solid var(--ak-blue)}

/* 确认框 */
.ak-confirm-body{padding:8px 0;font-size:14px;line-height:1.6}
.ak-confirm-body strong{color:var(--ak-gold)}

/* KPI 卡片 */
.ak-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}
.ak-kpi{
  background:var(--ak-glass);
  backdrop-filter:blur(16px);
  border:1px solid var(--ak-border);
  border-radius:var(--ak-radius);
  padding:18px;
  position:relative;overflow:hidden;
}
.ak-kpi::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--ak-gold),transparent);
}
.ak-kpi-label{font-size:12px;color:var(--ak-text-dim);margin-bottom:6px}
.ak-kpi-value{font-size:26px;font-weight:700;color:var(--ak-text)}
.ak-kpi-unit{font-size:13px;color:var(--ak-text-dim);margin-left:4px}
.ak-kpi-delta{font-size:11px;margin-top:4px}
.ak-kpi-delta-up{color:var(--ak-green)}
.ak-kpi-delta-down{color:var(--ak-red)}

/* Tab */
.ak-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ak-border);margin-bottom:18px}
.ak-tab{
  padding:10px 18px;background:none;border:none;
  color:var(--ak-text-dim);cursor:pointer;font-size:13px;
  border-bottom:2px solid transparent;
  transition:all 0.15s;font-family:inherit;
}
.ak-tab:hover{color:var(--ak-text)}
.ak-tab.active{color:var(--ak-gold);border-bottom-color:var(--ak-gold);font-weight:600}

/* 进度条 */
.ak-progress{height:6px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden;margin:8px 0}
.ak-progress-bar{height:100%;background:linear-gradient(90deg,var(--ak-gold),var(--ak-gold-2));transition:width 0.3s}

/* 空状态 */
.ak-empty{
  padding:60px 20px;text-align:center;color:var(--ak-text-mute);
}
.ak-empty-icon{font-size:48px;margin-bottom:12px;opacity:0.4}

/* 复选框 */
.ak-check{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px}
.ak-check input{accent-color:var(--ak-gold);cursor:pointer}

/* 头像/角色色块 */
.ak-avatar{
  width:32px;height:32px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:600;font-size:13px;color:#fff;
  background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold-2));
}
.ak-avatar-blue{background:linear-gradient(135deg,#4a9eff,#2a7edf)}
.ak-avatar-green{background:linear-gradient(135deg,#3ecf8e,#2eb37a)}
.ak-avatar-red{background:linear-gradient(135deg,#ff6b6b,#d54e4e)}

/* 动画 */
@keyframes ak-fade{from{opacity:0}to{opacity:1}}
@keyframes ak-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes ak-slide-in{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}

/* ===== 打印样式 ===== */
@media print{
  body * { visibility:hidden !important; }
  .ak-print-area, .ak-print-area * { visibility:visible !important; }
  .ak-print-area{
    position:absolute;left:0;top:0;width:100%;
    background:#fff !important;color:#000 !important;
    padding:20px;
  }
  .ak-no-print{display:none !important}
  @page { size:A4; margin:15mm; }
  .ak-print-page-break{page-break-after:always}
}
.ak-print-area{
  background:#fff;color:#000;padding:24px;
  font-family:'Microsoft YaHei',sans-serif;
}
.ak-print-area h1{font-size:22px;margin:0 0 8px;text-align:center}
.ak-print-area .ak-print-meta{
  display:flex;justify-content:space-between;
  border-bottom:1px solid #999;padding-bottom:8px;margin-bottom:16px;
  font-size:12px;color:#666;
}
.ak-print-area table{width:100%;border-collapse:collapse;font-size:12px}
.ak-print-area th{background:#f0f0f0 !important;color:#000 !important;
  border:1px solid #999;padding:8px;text-align:left;font-weight:600}
.ak-print-area td{border:1px solid #999;padding:6px 8px;color:#000}
.ak-print-area .ak-print-footer{
  margin-top:30px;display:flex;justify-content:space-between;
  font-size:12px;color:#666;
}
.ak-print-area .ak-print-sign{
  width:200px;border-top:1px solid #000;padding-top:4px;
  text-align:center;margin-top:40px;
}