/* XiaoyuCMS shared UI tokens — MUST inherit theme-skin (--xy-skin-*), never hardcode brand cyan */
html body{
  --xy-ui-primary:var(--xy-skin-primary);
  --xy-ui-primary-2:var(--xy-skin-primary-2);
  --xy-ui-accent:var(--xy-skin-accent);
  --xy-ui-ink:var(--xy-skin-ink,#1a1d21);
  --xy-ui-muted:#6a727c;
  --xy-ui-line:#e6e8eb;
  --xy-ui-bg:#f4f3f1;
  --xy-ui-surface:#fff;
  --xy-ui-ok:#1f6b57;
  --xy-ui-ok-bg:transparent;
  --xy-ui-ok-line:#b7d4c9;
  --xy-ui-wait:#8a5a18;
  --xy-ui-wait-bg:transparent;
  --xy-ui-wait-line:#e2d0a8;
  --xy-ui-radius:2px;
  --xy-ui-font:"Poppins","Poppins-Regular","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}
.xy-ui-btn{
  display:inline-block;
  height:44px;
  padding:0 24px;
  border:0;
  border-radius:var(--xy-ui-radius);
  background:var(--xy-ui-primary,var(--xy-skin-primary));
  color:#fff;
  font:600 14px/44px var(--xy-ui-font);
  letter-spacing:.02em;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:background .15s ease,opacity .15s ease;
}
.xy-ui-btn:hover{background:var(--xy-ui-accent,var(--xy-skin-accent));color:#fff}
.xy-ui-btn:active{opacity:.92}
.xy-ui-btn-block{display:block;width:100%}
.xy-ui-btn-ghost{
  background:transparent;
  color:var(--xy-ui-ink);
  border:1px solid var(--xy-ui-line);
  line-height:42px;
}
.xy-ui-btn-ghost:hover{border-color:var(--xy-ui-primary,var(--xy-skin-primary));color:var(--xy-ui-primary,var(--xy-skin-primary));background:transparent}
.xy-ui-field{margin-bottom:18px}
.xy-ui-field label{
  display:block;
  margin-bottom:7px;
  font-size:11px;
  font-weight:500;
  color:var(--xy-ui-muted);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.xy-ui-field input,
.xy-ui-field textarea,
.xy-ui-input{
  width:100%;
  height:46px;
  padding:0;
  border:0;
  border-bottom:1px solid var(--xy-ui-line);
  border-radius:0;
  background:transparent;
  color:var(--xy-ui-ink);
  font:400 15px/1.4 var(--xy-ui-font);
  transition:border-color .15s ease;
}
.xy-ui-field input:focus,
.xy-ui-field textarea:focus,
.xy-ui-input:focus{
  outline:none;
  border-color:var(--xy-ui-primary,var(--xy-skin-primary));
}
.xy-ui-field input:disabled,
.xy-ui-input:disabled{
  background:transparent;
  color:var(--xy-ui-muted);
  border-bottom-style:dashed;
}
.xy-ui-link{color:var(--xy-ui-primary,var(--xy-skin-primary));text-decoration:none}
.xy-ui-link:hover{color:var(--xy-ui-accent,var(--xy-skin-accent));text-decoration:underline}
.xy-ui-muted{color:var(--xy-ui-muted)}
.xy-ui-badge{
  display:inline-block;
  padding:3px 8px;
  border-radius:var(--xy-ui-radius,2px);
  border:1px solid var(--xy-ui-line);
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.4;
  vertical-align:middle;
  background:transparent;
}
.xy-ui-badge.is-replied,
.xy-ui-badge.is-ok{
  border-color:var(--xy-ui-ok-line);
  color:var(--xy-ui-ok);
  background:var(--xy-ui-ok-bg);
}
.xy-ui-badge.is-pending,
.xy-ui-badge.is-wait{
  border-color:var(--xy-ui-wait-line);
  color:var(--xy-ui-wait);
  background:var(--xy-ui-wait-bg);
}