/* 管理后台 · 卡通粉 */

:root {
  --pink: #ff8ec8;
  --pink-deep: #e85aa0;
  --pink-soft: rgba(255, 142, 200, 0.16);
  --pink-border: rgba(255, 182, 212, 0.45);
  --cartoon-shadow: 4px 4px 0 rgba(232, 90, 138, 0.2);
}

body.app-theme-pink {
  background: #1a1218;
}

body.app-theme-pink .top-bar {
  background: #241a24;
  border-bottom: 3px solid var(--pink-border);
}

body.app-theme-pink .top-bar h1::before {
  content: "✿ ";
}

body.app-theme-pink .top-bar h1 {
  font-weight: 800;
  color: #ffd6ec;
  letter-spacing: 0.02em;
}

body.app-theme-pink .nav-tab {
  border-radius: 14px;
  font-weight: 600;
}

body.app-theme-pink .nav-tab:hover {
  color: #ffe8f4;
  background: var(--pink-soft);
  border-color: var(--pink-border);
  transform: translateY(-1px);
}

body.app-theme-pink .nav-tab.active {
  color: #fff;
  background: var(--pink-soft);
  border: 2px solid rgba(255, 142, 200, 0.5);
  box-shadow: 2px 2px 0 rgba(232, 90, 138, 0.15);
}

body.app-theme-pink .btn-primary {
  background: linear-gradient(180deg, #ffa8d4, var(--pink-deep));
  border: 2px solid rgba(255, 200, 220, 0.5);
  border-radius: 14px;
  font-weight: 700;
  box-shadow: var(--cartoon-shadow);
}

body.app-theme-pink .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 5px 5px 0 rgba(232, 90, 138, 0.28);
}

body.app-theme-pink .btn-primary:active {
  transform: translateY(2px);
  box-shadow: 1px 1px 0 rgba(232, 90, 138, 0.2);
}

body.app-theme-pink .btn-primary:disabled {
  background: #4a3545;
  box-shadow: none;
  transform: none;
}

body.app-theme-pink .btn-secondary,
body.app-theme-pink .btn-small {
  border-radius: 12px;
  font-weight: 600;
}

body.app-theme-pink .btn-secondary:hover,
body.app-theme-pink .btn-small:hover {
  border-color: var(--pink);
  color: var(--pink);
}

body.app-theme-pink .btn-link {
  color: var(--pink);
  font-weight: 600;
}

body.app-theme-pink .card {
  background: #1e161e;
  border: 2px solid var(--pink-border);
  border-radius: 16px;
  box-shadow: var(--cartoon-shadow);
}

body.app-theme-pink .card h2,
body.app-theme-pink .grid2-cards h3,
body.app-theme-pink .group-settings-grid h3,
body.app-theme-pink .guide-card h3 {
  color: #ffd6ec;
  font-weight: 700;
}

body.app-theme-pink .stat-item {
  background: #161018;
  border: 2px solid var(--pink-border);
  border-radius: 14px;
}

body.app-theme-pink .stat-num {
  font-weight: 800;
  color: var(--pink);
}

body.app-theme-pink .stat-label {
  font-weight: 600;
}

body.app-theme-pink .form-group input,
body.app-theme-pink .form-row-inline input,
body.app-theme-pink select,
body.app-theme-pink textarea {
  border-radius: 12px;
}

body.app-theme-pink .form-group input:focus,
body.app-theme-pink .form-row-inline input:focus,
body.app-theme-pink textarea:focus,
body.app-theme-pink select:focus {
  border-color: var(--pink);
  box-shadow: 0 0 0 3px var(--pink-soft), 2px 2px 0 rgba(232, 90, 138, 0.15);
}

body.app-theme-pink .link-id {
  color: var(--pink);
  font-weight: 600;
}

body.app-theme-pink .admin-notice {
  background: var(--pink-soft);
  border: 2px solid rgba(255, 142, 200, 0.45);
  border-radius: 14px;
  color: #ffd6ec;
  font-weight: 600;
}

body.app-theme-pink .btn-table {
  border-radius: 10px;
  font-weight: 700;
}

body.app-theme-pink .btn-table.blue {
  background: var(--pink);
  border: 2px solid rgba(255, 220, 235, 0.4);
}

body.app-theme-pink .btn-table.blue:hover {
  background: var(--pink-deep);
}

body.app-theme-pink .status-pill {
  border-radius: 12px;
  font-weight: 700;
}

body.app-theme-pink .status-pill.is-ok {
  background: var(--pink-soft);
  border: 2px solid rgba(255, 142, 200, 0.4);
  color: #ffd6ec;
}

body.app-theme-pink .guide-jump a {
  border-radius: 12px;
  font-weight: 600;
}

body.app-theme-pink .guide-jump a:hover {
  border-color: var(--pink);
  color: var(--pink);
}

body.app-theme-pink .guide-steps span {
  background: var(--pink-soft);
  color: #ffd6ec;
  font-weight: 800;
  border: 2px solid var(--pink-border);
}

body.app-theme-pink .guide-card,
body.app-theme-pink .guide-steps div {
  border-radius: 14px;
}

body.app-theme-pink .modal-content {
  border: 2px solid var(--pink-border);
  border-radius: 18px;
  box-shadow: var(--cartoon-shadow);
}

body.app-theme-pink .btn-reminder {
  border-radius: 12px;
  font-weight: 600;
}

body.app-theme-pink .btn-reminder:hover {
  border-color: var(--pink);
  color: var(--pink);
}