/* =========================================================
   用户中心（蓝系暗色 · 单文件最终版）
   - 浅色为默认；深色走蓝色系变量（非灰黑）
   - 去除 hover 位移
   - 黑灰/蓝系按钮 + 文件选择按钮
   - 列表标题小号不加粗，空状态小
   - 强力去下划线（收藏/评论标题）
   - 可见焦点 + 降级动效
   ========================================================= */

/* 基础变量（优先读取主题变量） */
.entry--user-center,
.site-main--user-center {
  --uc-gap: var(--gap, 22px);
  --uc-radius: var(--radius, 10px);
  --uc-border: 1px;

  /* 浅色默认（保持原样） */
  --uc-card-bg: var(--card-bg, var(--surface, #fdffee));
  --uc-text: var(--text-color, #222);
  --uc-muted: var(--muted-color, #777);
  --uc-border-color: var(--border-color, rgba(0,0,0,0.08));
  --uc-shadow: var(--shadow-sm, 0 1px 2px rgba(0,0,0,0.05));
  --uc-shadow-lg: var(--shadow-lg, 0 6px 16px rgba(0,0,0,0.10));
  --uc-ring: color-mix(in srgb, #8a8f95 28%, transparent);

  /* 链接/输入默认 */
  --uc-title-link: currentColor;   /* 浅色跟随正文色 */
  --uc-input-bg: transparent;

  /* 浅色按钮（黑灰系） */
  --uc-btn-bg: #1f2328;
  --uc-btn-text: #ffffff;
  --uc-btn-border: rgba(0,0,0,.20);
  --uc-btn-bg-hover: #242a31;

  /* 芯片 */
  --uc-chip-text: var(--uc-text);
  --uc-chip-border: var(--uc-border-color);
  --uc-chip-bg-hover: color-mix(in srgb, var(--uc-text) 8%, transparent);
}

/* 深色：改为蓝色系（与站点暗色观感一致） */
.dark .entry--user-center,
.dark .site-main--user-center {
  /* 夜空蓝背景体系 */
  --uc-card-bg: #1b1b3a;                         /* 卡片：深蓝紫 */
  --uc-text: #e6e6f0;                            /* 正文：偏冷白 */
  --uc-muted: #8080b9;                           /* 次级：蓝灰 */
  --uc-border-color: rgba(255,255,255,0.08);     /* 细边框 */
  --uc-shadow: 0 1px 2px rgba(0,0,0,0.45);
  --uc-shadow-lg: 0 6px 18px rgba(0,0,0,0.35);
  --uc-ring: color-mix(in srgb, #8080b9 30%, transparent);

  --uc-title-link: #a9a9c8;                      /* 列表标题链接带轻微蓝紫 */

  /* 输入背景：透明以承接卡片色；如需更深可改为 #141635 */
  --uc-input-bg: transparent;

  /* 按钮：深蓝系胶囊 */
  --uc-btn-bg: #101023;
  --uc-btn-text: #e6e6f0;
  --uc-btn-border: rgba(128,128,185,.25);
  --uc-btn-bg-hover: #17173a;

  /* 芯片 hover 也走蓝紫调 */
  --uc-chip-text: var(--uc-text);
  --uc-chip-border: var(--uc-border-color);
  --uc-chip-bg-hover: color-mix(in srgb, #8080b9 14%, transparent);
}

/* 布局 */
.entry--user-center .uc-row,
.site-main--user-center .uc-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--uc-gap);
  margin-bottom: var(--uc-gap);
}
@media (min-width: 820px) {
  .entry--user-center .uc-row,
  .site-main--user-center .uc-row { grid-template-columns: 1fr 1fr; }
}

/* 卡片（变量驱动） */
.entry--user-center .uc-card,
.site-main--user-center .uc-card {
  background: var(--uc-card-bg);
  color: var(--uc-text);
  border: var(--uc-border) solid var(--uc-border-color);
  border-radius: var(--uc-radius);
  box-shadow: var(--uc-shadow);
  padding: 18px 18px 14px;
  transition: box-shadow .16s ease, background-color .16s ease, border-color .16s ease;
}
.entry--user-center .uc-card:hover,
.site-main--user-center .uc-card:hover { box-shadow: var(--uc-shadow-lg); }
.entry--user-center .uc-card.uc-wide,
.site-main--user-center .uc-card.uc-wide { grid-column: 1 / -1; }

/* 卡片标题 */
.entry--user-center .uc-card > .entry-title,
.site-main--user-center .uc-card > .entry-title {
  font-size: clamp(16px, 1.6vw, 18px);
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--uc-border-color);
  font-weight: 600;
}

/* 表单 */
.entry--user-center .uc-form .field,
.site-main--user-center .uc-form .field { margin-bottom: 14px; }
.entry--user-center .uc-form label,
.site-main--user-center .uc-form label {
  display:block; font-size:13px; color: var(--uc-muted); margin-bottom:6px;
}
.entry--user-center .uc-form input[type="text"],
.entry--user-center .uc-form input[type="email"],
.entry--user-center .uc-form input[type="password"],
.entry--user-center .uc-form input[type="file"],
.entry--user-center .uc-form select,
.entry--user-center .uc-form textarea,
.site-main--user-center .uc-form input[type="text"],
.site-main--user-center .uc-form input[type="email"],
.site-main--user-center .uc-form input[type="password"],
.site-main--user-center .uc-form input[type="file"],
.site-main--user-center .uc-form select,
.site-main--user-center .uc-form textarea {
  width:100%; box-sizing:border-box;
  border:1px solid var(--uc-border-color);
  background: var(--uc-input-bg);
  color:var(--uc-text);
  border-radius: calc(var(--uc-radius) - 2px);
  padding:10px 12px; outline:none;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.entry--user-center .uc-form textarea,
.site-main--user-center .uc-form textarea { resize: vertical; min-height: 150px; }
.entry--user-center .uc-form :is(input, select, textarea):focus,
.site-main--user-center .uc-form :is(input, select, textarea):focus {
  border-color: color-mix(in srgb, #666 40%, var(--uc-border-color));
  box-shadow: 0 0 0 3px var(--uc-ring);
}
.entry--user-center .uc-form .hint,
.site-main--user-center .uc-form .hint { font-size: 12px; color: var(--uc-muted); margin-top: 4px; }
.entry--user-center .uc-form .actions,
.site-main--user-center .uc-form .actions { display:flex; align-items:center; gap:10px; }

/* 按钮（变量驱动） */
.entry--user-center .button,
.site-main--user-center .button {
  appearance:none;
  border:1px solid var(--uc-btn-border);
  background: var(--uc-btn-bg);
  color:var(--uc-btn-text);
  padding:9px 14px; line-height:1; border-radius:999px; font-weight:600;
  box-shadow:0 1px 0 rgba(0,0,0,.04), 0 2px 8px rgba(0,0,0,.08);
  transition: background-color .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease;
  text-decoration:none;
}
.entry--user-center .button:hover,
.site-main--user-center .button:hover { background: var(--uc-btn-bg-hover); }
.entry--user-center .button[disabled],
.site-main--user-center .button[disabled] { opacity:.6; cursor:not-allowed; }

/* 次按钮 */
.entry--user-center .button.button-secondary,
.site-main--user-center .button.button-secondary {
  background: transparent; color: var(--uc-text); border-color: var(--uc-border-color);
  box-shadow: none;
}
.entry--user-center .button.button-secondary:hover,
.site-main--user-center .button.button-secondary:hover {
  background: color-mix(in srgb, var(--uc-text) 8%, transparent);
}

/* 危险按钮（无阴影） */
.entry--user-center .button.danger,
.site-main--user-center .button.danger {
  background:#cc3333; color:#fff;
  border-color: color-mix(in srgb, #cc3333 18%, var(--uc-border-color));
  box-shadow: none !important;
}
.entry--user-center .button.danger:hover,
.site-main--user-center .button.danger:hover { background:#d23b3b; }

/* 链接式按钮（芯片） */
.entry--user-center .link,
.site-main--user-center .link {
  display:inline-flex; align-items:center; gap:6px; line-height:1;
  color: var(--uc-chip-text); text-decoration:none;
  border:1px solid var(--uc-chip-border); padding:6px 10px; border-radius:999px;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.entry--user-center .link:hover,
.site-main--user-center .link:hover { background: var(--uc-chip-bg-hover); }
.entry--user-center .link.danger,
.site-main--user-center .link.danger { color:#d26a6a; border-color: color-mix(in srgb, #d26a6a 40%, var(--uc-border-color)); }
.entry--user-center .link.danger:hover,
.site-main--user-center .link.danger:hover { background: color-mix(in srgb, #d26a6a 12%, transparent); color:#e07f7f; }

/* 列表 */
.entry--user-center .uc-list,
.site-main--user-center .uc-list { list-style:none; margin:0; padding:0; }
.entry--user-center .uc-list .item,
.site-main--user-center .uc-list .item {
  display:flex; align-items:center; justify-content: space-between;
  gap:14px; padding:12px 0; border-top:1px dashed var(--uc-border-color);
}
.entry--user-center .uc-list .meta,
.site-main--user-center .uc-list .meta { flex:1 1 auto; min-width:0; }
.entry--user-center .uc-list .meta .title,
.site-main--user-center .uc-list .meta .title {
  display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  font-weight:400; font-size:14px; line-height:1.45;
}

/* 列表标题链接：浅色跟随正文；深色为蓝紫 */
:where(.entry--user-center, .site-main--user-center)
  .uc-list .meta .title a:is(:link, :visited, :hover, :active) {
  color: var(--uc-title-link);
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* 列表右侧动作区 */
.entry--user-center .uc-list .actions,
.site-main--user-center .uc-list .actions {
  flex:0 0 auto; white-space:nowrap; display:inline-flex; align-items:center; gap:10px;
}

/* 小屏适配 */
@media (max-width: 560px) {
  .entry--user-center .uc-list .item,
  .site-main--user-center .uc-list .item { flex-wrap: wrap; }
  .entry--user-center .uc-list .actions,
  .site-main--user-center .uc-list .actions { margin-left:auto; }
  .entry--user-center .uc-list .meta .title,
  .site-main--user-center .uc-list .meta .title { white-space: normal; }
}

/* 徽章（备用） */
.entry--user-center .badge,
.site-main--user-center .badge {
  display:inline-block; font-size:12px; line-height:1; padding:5px 8px; border-radius:999px;
  color:var(--uc-text); background: color-mix(in srgb, var(--uc-border-color) 40%, transparent);
}

/* 空状态 */
.entry--user-center .uc-empty,
.site-main--user-center .uc-empty { margin:6px 0 0; color:var(--uc-muted); font-size:12px; }

/* 文件选择：隐藏原生 input；label 直接复用 .button */
.uc-file { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.uc-file-input {
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip: rect(0 0 0 0); white-space:nowrap; border:0; clip-path: inset(50%);
}
.uc-file-btn.button { color: var(--uc-btn-text) !important; }
.uc-file-name { color: var(--uc-muted); font-size: 12px; }

/* 上传头像当前图像描边 */
.entry--user-center img[alt="Avatar"],
.site-main--user-center img[alt="Avatar"] {
  box-shadow: 0 0 0 1px var(--uc-border-color),
              0 0 0 6px color-mix(in srgb, var(--uc-border-color) 40%, transparent);
}

/* 时间戳 */
.entry--user-center .time,
.site-main--user-center .time { color: var(--uc-muted); font-size: 12px; }

/* 无障碍：可见焦点 */
:where(.entry--user-center, .site-main--user-center) :is(.button, .link, a):focus-visible {
  outline: 2px solid color-mix(in srgb, var(--uc-btn-bg) 40%, transparent);
  outline-offset: 2px;
}

/* 降级动效 */
@media (prefers-reduced-motion: reduce) {
  :where(.entry--user-center, .site-main--user-center) * {
    transition: none !important;
    animation: none !important;
  }
}

/* 版式：移除侧栏并让主栏铺满 */
body.page-template-user-dashboard-php #primary.content-area--user-center,
body.page-template-user-dashboard #primary.content-area--user-center {
  width:100% !important; max-width:100% !important; float:none !important; clear:both !important; margin:0 auto !important;
}
body.page-template-user-dashboard-php #secondary,
body.page-template-page-user-center-php #secondary,
body.page-template-user-dashboard-php .sidebar,
body.page-template-page-user-center-php .sidebar { display:none !important; }
body.page-template-user-dashboard-php .content .content-area--user-center,
body.page-template-user-dashboard .content .content-area--user-center { margin-right:0 !important; padding-right:0; }
body.page-template-user-dashboard-php .content,
body.page-template-user-dashboard .content { display:block; }

/* ======================= 用户认证页样式（作用域修正 + 蓝系暗色） ======================= */
/* 浅色变量（保持） */
.auth-blank{
  --bg:#e9ecf2; --card:#fff; --text:#1f2328; --muted:#6b7280; --bd:rgba(0,0,0,.09);
  --ring: color-mix(in srgb, #8a8f95 28%, transparent);
  --shadow:0 10px 30px rgba(0,0,0,.14);
  --btn:#1f2328; --btnH:#242a31; --btnTxt:#fff; --btnBd:rgba(0,0,0,.2);
}
/* 深色变量：蓝色系 */
body.dark.auth-blank{
  --bg:#101023; --card:#1b1b3a; --text:#e6e6f0; --muted:#8080b9; --bd:rgba(255,255,255,.08);
  --ring: color-mix(in srgb, #8080b9 30%, transparent);
  --shadow:0 16px 36px rgba(0,0,0,.5);
  --btn:#101023; --btnH:#17173a; --btnTxt:#e6e6f0; --btnBd:rgba(128,128,185,.25);
}

/* 空白画布，仅居中卡片 */
body.auth-blank{
  margin:0; background: var(--bg);
  min-height:100vh; display:grid; place-items:center;
}
/* 隐藏 WP Admin Bar 占位 */
#wpadminbar{display:none !important;} html{margin-top:0 !important;}

.uc-auth-card{
  width:min(860px, 92vw);
  background:var(--card);
  border:1px solid var(--bd);
  border-radius:16px;
  box-shadow:var(--shadow);
  overflow:hidden;
  display:grid; grid-template-columns: 1fr; isolation:isolate;
}
@media (min-width: 860px){ .uc-auth-card{ grid-template-columns: 1.05fr .95fr; } }

/* 左：表单 */
.uc-main{ padding: clamp(18px,4vw,28px); }
.uc-title{ display:flex; align-items:center; gap:10px; margin-bottom:10px; color:var(--text); font-weight:800; font-size:18px; }
.uc-sub{ color:var(--muted); font-size:13px; margin-bottom:14px; }
.uc-tabs{ display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap; }
.uc-tab{ border:1px solid var(--bd); background:transparent; color:var(--text); padding:8px 14px; border-radius:999px; font-weight:600; cursor:pointer; transition:.16s; }
.uc-tab[aria-selected="true"]{ background: color-mix(in srgb, var(--text) 8%, transparent); }

.uc-status{ margin-bottom:10px; }
.uc-status .msg{ padding:10px 12px; border:1px solid var(--bd); border-radius:10px; font-size:13px; background: color-mix(in srgb, var(--text) 6%, transparent); }
.uc-status .error{ border-color:#e57373; background: color-mix(in srgb, #e57373 14%, transparent); color:#7a1f1f; }
.uc-status .success{ border-color:#66bb6a; background: color-mix(in srgb, #66bb6a 14%, transparent); color:#1b5e20; }

.uc-form{ display:grid; gap:12px; }
.uc-field label{ display:block; font-size:13px; color:var(--muted); margin:0 0 6px; }
.uc-input{ width:100%; border:1px solid var(--bd); background:transparent; color:var(--text); border-radius:10px; padding:11px 12px; outline:0; transition:.15s; box-sizing:border-box; }
.uc-input:focus{ border-color: color-mix(in srgb, #666 40%, var(--bd)); box-shadow:0 0 0 3px var(--ring); }
.uc-input-row{ position:relative; }
.uc-toggle{ position:absolute; right:10px; top:50%; transform:translateY(-50%); border:0; background:transparent; color:var(--muted); cursor:pointer; padding:4px; }

.uc-actions{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.uc-check{ display:flex; align-items:center; gap:8px; color:var(--muted); font-size:13px; }

.uc-btn{ border:1px solid var(--btnBd); background:var(--btn); color:var(--btnTxt); padding:10px 16px; border-radius:999px; font-weight:700; box-shadow:0 1px 0 rgba(0,0,0,.04), 0 2px 8px rgba(0,0,0,.08); transition:.16s; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.uc-btn:hover{ background:var(--btnH); }
.uc-btn.secondary{ background:transparent; color:var(--text); border-color:var(--bd); box-shadow:none; }

/* 右：说明 */
.uc-side{ padding: clamp(18px,4vw,28px); border-left:1px solid var(--bd); background:
  radial-gradient(900px 480px at 0% -30%, color-mix(in srgb, var(--btn) 12%, transparent) 0, transparent 60%),
  radial-gradient(900px 480px at 120% 130%, color-mix(in srgb, var(--btn) 10%, transparent) 0, transparent 60%);
  display:grid; align-content:center; gap:12px;
}
.uc-hero{ font-weight:800; font-size: clamp(20px,2.6vw,26px); color:var(--text); line-height:1.15; }
.uc-hero-sub{ color:var(--muted); font-size:14px; }
.uc-list{ list-style:none; margin:0; padding:0; color:var(--muted); font-size:13px; display:grid; gap:1px; }
.uc-list li::before{ content:"✓"; color: color-mix(in srgb, var(--btn) 60%, #0b0); margin-right:8px; }

/* 可见焦点与降级动效 */
:where(.uc-tab,.uc-btn,.uc-toggle,a):focus-visible{ outline:2px solid color-mix(in srgb, var(--btn) 40%, transparent); outline-offset:2px; }
@media (prefers-reduced-motion: reduce){ *{ transition:none !important; animation:none !important; } }

/* 小屏：按钮全宽 */
@media (max-width: 520px){
  .uc-actions{ flex-direction:column; align-items:stretch; }
  .uc-actions .uc-btn{ width:100%; }
}

/* 布局微调：让输入框不要太靠右（离中线留白） */
body.auth-blank .uc-auth-card .uc-main {
  padding-left: clamp(18px, 4vw, 28px);
  padding-right: clamp(18px, 4vw, 28px);
}

/* 表单块居中 */
body.auth-blank .uc-auth-card .uc-main .uc-form,
body.auth-blank .uc-auth-card .uc-main > .uc-status {
  max-width: 520px;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 输入框占满表单块宽度 */
body.auth-blank .uc-auth-card .uc-form .uc-input {
  width: 100%;
  box-sizing: border-box;
}

/* 小屏回到全宽 */
@media (max-width: 640px) {
  body.auth-blank .uc-auth-card .uc-main .uc-form,
  body.auth-blank .uc-auth-card .uc-main > .uc-status {
    max-width: 100%;
  }
}

/* 移动端修复：两列布局（标题 1fr | 动作 max-content） */
@media (max-width: 640px) {
  .uc-list .item::before,
  .uc-list .item:before { content: none !important; display: none !important; }
  .uc-list .item .icon,
  .uc-list .item .ok,
  .uc-list .item i,
  .uc-list .item svg { display: none !important; }
  .uc-list .item { padding-left: 0 !important; text-indent: 0 !important; list-style: none !important; }

  .uc-list .item {
    display: grid !important;
    grid-template-columns: 1fr max-content !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .uc-list .meta { min-width: 0 !important; }
  .uc-list .meta .title,
  .uc-list .meta .title a {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .uc-list .actions {
    justify-self: end !important;
    white-space: nowrap !important;
    float: none !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    margin-left: 0 !important;
  }
  .uc-list .actions a,
  .uc-list .actions .time {
    display: inline-block !important;
    white-space: nowrap !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }
}

/* ========== 页面淡入（保持原逻辑） ========== */
:root{ --page-fade-in: .28s; }
body::before{
  content:"";
  position: fixed;
  inset: 0;
  background: inherit;
  pointer-events: none;
  z-index: 2147483647;
  opacity: 1;
  animation: page-fade-in var(--page-fade-in) ease both;
}
@keyframes page-fade-in { to { opacity: 0; } }
html.is-leaving body::before{
  opacity: 1;
  transition: opacity .22s ease;
}
@media (prefers-reduced-motion: reduce){
  body::before{ animation: none; opacity: 0; }
}