﻿/* 浅色简约风 - 地址发布页 */
:root {
  --bg: #f8fafc;
  --card: #ffffff;
  --primary: #2563eb;
  --text: #1e293b;
  --muted: #64748b;
  --border: #e2e8f0;
  --shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(15,23,42,.04);
  --shadow-hover: 0 8px 30px rgba(37,99,235,.12);
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 顶部柔和极光背景,营造大气感 */
.aurora {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(60% 50% at 50% -5%, rgba(99,102,241,.15), transparent 70%),
    radial-gradient(45% 40% at 15% 10%, rgba(56,189,248,.12), transparent 70%),
    radial-gradient(40% 40% at 85% 5%, rgba(167,139,250,.12), transparent 70%);
}

/* 链接卡片 */
.link-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 18px;
  box-shadow: var(--shadow);
  transition: transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s, border-color .25s;
  cursor: default;
}
.link-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover);
  border-color: rgba(37,99,235,.25);
}

/* 主按钮:蓝色渐变 */
.btn-primary {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: #fff;
  border-radius: 12px;
  padding: 10px 16px;
  border: none;
  box-shadow: 0 4px 14px rgba(37,99,235,.25);
  transition: transform .2s, box-shadow .2s, opacity .2s;
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(37,99,235,.35); }
.btn-primary:active { transform: translateY(0); opacity: .92; }

/* 后台表单输入框 */
.input-field {
  width: 100%;
  padding: 9px 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: #fff;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
  font-size: 14px;
}
.input-field:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37,99,235,.12); }

.alert-success { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; padding: 10px 16px; border-radius: 12px; font-size: 14px; }
.alert-error   { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; padding: 10px 16px; border-radius: 12px; font-size: 14px; }

/* 文本截断(line-clamp 兜底) */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 复制成功 toast 显隐 */
#copyToast.show { opacity: 1; transform: translate(-50%, -6px); }
