/* ============================================================
   pages/css/portal.css — 客户门户样式
   ponytail: 从 portal.html 内联样式提取
   ============================================================ */

/* ── 布局 ─────────────────────────────────────────────── */
.portal-container { max-width:800px; margin:0 auto; padding:20px 16px 80px }
.portal-card {
  background:var(--ct-bg-card); border:1px solid var(--ct-gray-200);
  border-radius:12px; padding:var(--ct-space-lg); margin-bottom:var(--ct-space-md);
  transition:box-shadow .2s;
}
.portal-card:hover { box-shadow:0 2px 8px rgba(0,0,0,.06); }
.portal-card h3 { margin:0 0 var(--ct-space-md); font-size:1rem; color:var(--ct-teal-700); }
.portal-section-header {
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:8px;
}
.portal-label { font-size:.8rem; color:var(--ct-gray-400); margin-bottom:2px; }
.portal-value { font-size:.95rem; font-weight:500; }

/* ── 服务宫格 ──────────────────────────────────────────── */
.ct-services-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px;
  margin:16px 0; max-width:100%;
}
.ct-service-card {
  cursor:pointer; text-align:center; transition:all .2s;
  padding:20px; border-radius:12px;
}
.ct-service-card:hover { border-color:var(--ct-teal-400); transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,.06); }
.ct-service-card:active { transform:translateY(0) scale(.97); }
.ct-service-card .ct-service-icon { font-size:2rem; margin-bottom:6px; }

/* ── 门户专属卡片样式 ────────────────────────────────── */
.portal-card .ct-flex-between {
  display:flex; justify-content:space-between; align-items:center;
}
.ct-col-span-full { grid-column:1/-1; }

/* ── 响应式 ────────────────────────────────────────────── */
@media(max-width:768px){
  .ct-services-grid { grid-template-columns:repeat(2,1fr); }
  .portal-container { padding:16px; }
  .portal-card { padding:var(--ct-space-md); }
}
@media(max-width:400px){
  .portal-container { padding:8px; }
  .portal-card { padding:12px; }
}