/**
 * 全站用户中心页面背景（candycake_user）
 * 设计对齐：docs/candycake-design-system.md（糖糕绿白主视觉）
 *
 * 由 header.tpl 全局加载，作用域：所有 candycake_user 页面的 .user-center-container
 *
 * 视觉构成（与首页 clientarea.tpl 同步）：
 *   - 底层：左上 / 右上两个品牌绿径向光晕 + 纵向白绿渐变
 *   - 上覆：80×80 极淡网格底纹，mask 让网格从顶部向 50% 处渐隐
 *   - 内容：直接子元素 z-index:1，确保压在装饰层之上
 */

.user-center-container {
  position: relative;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 150, 112, 0.035), transparent 38%),
    radial-gradient(circle at 92% 8%, rgba(34, 150, 112, 0.025), transparent 42%),
    linear-gradient(180deg, #f7fdfa 0%, #fdfffe 50%, #ffffff 100%);
}

.user-center-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(18, 166, 124, 0.015) 1px, transparent 1px),
    linear-gradient(180deg, rgba(18, 166, 124, 0.015) 1px, transparent 1px);
  background-size: 80px 80px;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent 50%);
          mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent 50%);
  pointer-events: none;
  z-index: 0;
}

.user-center-container > * {
  position: relative;
  z-index: 1;
}