/* A6 设计令牌 + 共用组件（与 home.php / header 对齐） */
:root {
  --v-bg: #f3f5f9;
  --v-ink: #0b1224;
  --v-body: #334155;
  --v-muted: #64748d;
  --v-faint: #94a3b8;
  --v-primary: #533afd;
  --v-primary-2: #7c3aed;
  --v-accent: #ff6a00;
  --v-accent-2: #ff8a00;
  --v-ok: #15be53;
  --v-warn: #f59e0b;
  --v-bad: #ea2261;
  --v-card: #fff;
  --v-line: #e8eef8;
  --v-line-2: #e5edf5;
  --v-radius: 16px;
  --v-radius-sm: 10px;
  --v-pill: 999px;
  --v-container: 1440px;
}

.a6-wrap {
  width: 100%;
  max-width: var(--v-container);
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.a6-panel {
  background: var(--v-card);
  border: 1px solid var(--v-line);
  border-radius: var(--v-radius);
  box-shadow: 0 2px 10px rgba(6, 27, 49, 0.04);
}

.a6-panel-h {
  margin: 0;
  padding: 13px 16px;
  font-size: 13px;
  font-weight: 800;
  color: var(--v-ink);
  border-bottom: 1px solid #f1f5f9;
  background: linear-gradient(90deg, #eef2ff, #fff);
  border-radius: var(--v-radius) var(--v-radius) 0 0;
}

.a6-floor-h {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 0 2px;
}
.a6-floor-h h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--v-ink);
}
.a6-floor-h h2 small {
  font-size: 12px;
  font-weight: 600;
  color: var(--v-faint);
  margin-left: 8px;
}
.a6-floor-h a {
  font-size: 12px;
  color: var(--v-muted);
  text-decoration: none;
  font-weight: 650;
}
.a6-floor-h a:hover { color: var(--v-primary); }

.a6-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 1100px) { .a6-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .a6-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } }

.a6-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 16px;
  border-radius: var(--v-pill);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid var(--v-line-2);
  background: #fff;
  color: var(--v-body);
  cursor: pointer;
}
.a6-btn:hover { border-color: #b9b9f9; color: var(--v-primary); background: #f8f7ff; }
.a6-btn-primary {
  background: linear-gradient(135deg, var(--v-primary), var(--v-primary-2));
  color: #fff;
  border-color: transparent;
}
.a6-btn-primary:hover { color: #fff; filter: brightness(1.05); }
.a6-btn-dark {
  background: var(--v-ink);
  color: #fff;
  border-color: transparent;
}
.a6-btn-dark:hover { background: #1a2238; color: #fff; }