/* 申请入驻页（/link-register，body.link-register）。内容由 ytea-link-register.js 插在 A2 原内容（.links-register）前面；
   颜色用额外CSS里的变量，黑夜模式自动适配 */

body.link-register .ytea-lr { max-width: 960px; margin: 16px auto 0; }

/* A2 原内容：标题由横幅代替；未登录访客隐藏整块（遮罩下面的表单用不了）；登录后保留表单 */
body.link-register .ytea-lr ~ .links-register h1 { display: none !important; }
body.link-register:not(.ytea-lr-member) .ytea-lr ~ .links-register { display: none !important; }
body.link-register.ytea-lr-member .ytea-lr-ways { display: none; }
body.link-register.ytea-lr-member .ytea-lr ~ .links-register .content-area { max-width: 960px; margin-top: 0 !important; padding-top: 0 !important; }
body.link-register.ytea-lr-member .ytea-lr ~ .links-register .register-form {
  margin-top: 16px;
  border: 1px solid var(--line, #dce7f2);
  border-radius: 18px !important;
  box-shadow: none !important;
}

/* 原表单「网站介绍」下的字数提示（ytea-link-register.js 生成） */
body.link-register .ytea-lr-count {
  margin: 8px 0 4px;
  font-size: 13px;
  color: var(--ink-muted, #6b7c8f);
  transition: color .2s;
}
body.link-register .ytea-lr-count b { font-variant-numeric: tabular-nums; }
body.link-register .ytea-lr-count.is-short { color: #d97706; }
body.link-register .ytea-lr-count.is-ok { color: #2f9e6e; }

/* 原表单「请选择图标」下的图标外链输入（ytea-link-register.js 生成） */
body.link-register .ytea-lr-iconurl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 12px 0 4px;
}
body.link-register .ytea-lr-iconurl-or { flex: none; font-size: 13px; color: var(--ink-muted, #6b7c8f); }
body.link-register .ytea-lr-iconurl input {
  flex: 1;
  min-width: 220px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid var(--line, #dce7f2) !important;
  border-radius: 10px !important;
  background: var(--paper, #f2f7fc) !important;
  color: var(--ink, #1c2b3a);
  font-size: 13px;
  transition: border-color .2s, box-shadow .2s;
}
body.link-register .ytea-lr-iconurl input:focus {
  outline: none;
  border-color: var(--sky, #5fa8dc) !important;
  box-shadow: 0 0 0 3px rgba(95, 168, 220, .18);
}
body.link-register .ytea-lr-iconurl.is-bad input { border-color: #e5484d !important; }
body.link-register .ytea-lr-iconurl-tip { flex-basis: 100%; padding-left: 22px; font-size: 12px; color: var(--ink-muted, #6b7c8f); }
body.link-register .ytea-lr-iconurl.is-bad .ytea-lr-iconurl-tip { color: #e5484d; }

/* ---------- 横幅 ---------- */
body.link-register .ytea-lr-hero {
  position: relative;
  overflow: hidden;
  padding: 34px 40px 30px;
  border-radius: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 20%, rgba(255, 255, 255, .14) 0 80px, transparent 81px),
    radial-gradient(circle at 78% 130%, rgba(255, 255, 255, .1) 0 120px, transparent 121px),
    linear-gradient(135deg, #143a68 0%, #1d4e89 55%, #5fa8dc 100%);
}
body.link-register .ytea-lr-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 3px; color: rgba(255, 255, 255, .7); }
body.link-register .ytea-lr-hero h1 { margin: 6px 0 0 !important; font-size: 28px; letter-spacing: 2px; color: #fff !important; }
body.link-register .ytea-lr-hero p { margin: 8px 0 0 !important; font-size: 14px; color: rgba(255, 255, 255, .85); }
body.link-register .ytea-lr-hero p a { color: #fff !important; font-weight: 700; border-bottom: 1px dashed rgba(255, 255, 255, .7); text-decoration: none; }
body.link-register a.ytea-lr-back {
  position: absolute;
  top: 28px;
  right: 32px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: #1d4e89 !important;
  background: #fff;
  box-shadow: 0 4px 14px rgba(10, 30, 60, .2);
  text-decoration: none !important;
  transition: transform .2s;
}
body.link-register a.ytea-lr-back:hover { transform: translateX(-2px); }
body.link-register .ytea-lr-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
body.link-register .ytea-lr-chips span {
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  color: rgba(255, 255, 255, .92);
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .28);
}
body.link-register .ytea-lr-chips b { color: #fff; }

/* ---------- 卡片 ---------- */
body.link-register .ytea-lr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
body.link-register .ytea-lr-card {
  padding: 22px 24px;
  border: 1px solid var(--line, #dce7f2);
  border-radius: 18px;
  background: var(--card, #fff);
  color: var(--ink, #1c2b3a);
}
body.link-register .ytea-lr-ways { margin-top: 16px; }
body.link-register .ytea-lr-card h2 {
  margin: 0 0 14px !important;
  padding-left: 12px;
  border-left: 4px solid var(--deep, #1d4e89);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--ink, #1c2b3a);
}

/* 申请须知：编号圆点 */
body.link-register .ytea-lr-rules { margin: 0 !important; padding: 0 !important; list-style: none; counter-reset: lr; }
body.link-register .ytea-lr-rules li {
  position: relative;
  margin: 0 0 12px !important;
  padding-left: 32px;
  font-size: 14px;
  line-height: 1.7;
  counter-increment: lr;
}
body.link-register .ytea-lr-rules li:last-child { margin-bottom: 0 !important; }
body.link-register .ytea-lr-rules li::before {
  content: counter(lr);
  position: absolute;
  left: 0;
  top: 1px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  color: var(--deep, #1d4e89);
  background: var(--sky-soft, #e4effa);
}

/* 审核流程：三步横向时间线 */
body.link-register .ytea-lr-steps-t {
  margin: 22px 0 12px;
  padding-top: 18px;
  border-top: 1px dashed var(--line, #dce7f2);
  font-size: 13px;
  font-weight: 700;
  color: var(--ink-muted, #6b7c8f);
}
body.link-register .ytea-lr-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  counter-reset: st;
}
body.link-register .ytea-lr-steps li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 !important;
  padding: 0 4px !important;
  text-align: center;
  counter-increment: st;
}
body.link-register .ytea-lr-steps li::before {
  content: counter(st);
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
  margin-bottom: 8px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
  color: #fff;
  background: var(--deep, #1d4e89);
  box-shadow: 0 0 0 4px var(--sky-soft, #e4effa);
}
/* 连接线 */
body.link-register .ytea-lr-steps li + li::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 50%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--sky, #5fa8dc), var(--deep, #1d4e89));
  opacity: .5;
}
body.link-register .ytea-lr-steps b { font-size: 13px; color: var(--ink, #1c2b3a); }
body.link-register .ytea-lr-steps span { margin-top: 2px; font-size: 12px; color: var(--ink-muted, #6b7c8f); }

/* 本站信息 */
body.link-register .ytea-lr-info { display: grid; gap: 8px; margin: 0 0 12px !important; }
body.link-register .ytea-lr-info > div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px 8px 8px 12px;
  border: 1px solid var(--line, #dce7f2);
  border-radius: 12px;
  background: var(--paper, #f2f7fc);
}
body.link-register .ytea-lr-info dt { flex: none; font-size: 12px; font-weight: 700; color: var(--ink-muted, #6b7c8f); }
body.link-register .ytea-lr-info dd { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; margin: 0 !important; }
body.link-register .ytea-lr-info code {
  flex: 1;
  min-width: 0;
  padding: 0 !important;
  overflow: hidden;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--ink, #1c2b3a) !important;
  background: none !important;
}

/* 按钮 */
body.link-register button.ytea-lr-copy {
  flex: none;
  height: 28px;
  padding: 0 12px !important;
  border: 1px solid var(--line, #dce7f2) !important;
  border-radius: 999px !important;
  font-size: 12px;
  color: var(--deep, #1d4e89) !important;
  background: var(--card, #fff) !important;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
}
body.link-register button.ytea-lr-copy:hover { border-color: var(--sky, #5fa8dc) !important; }
body.link-register button.ytea-lr-copy.is-done { color: #fff !important; background: #2f9e6e !important; border-color: #2f9e6e !important; }
body.link-register button.ytea-lr-copy-all,
body.link-register .ytea-lr-way-btns button.ytea-lr-copy { height: 36px; padding: 0 18px !important; font-size: 13px; }
body.link-register a.ytea-lr-primary {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 20px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: #fff !important;
  background: var(--deep, #1d4e89);
  text-decoration: none !important;
}
body.link-register a.ytea-lr-primary:hover { filter: brightness(1.12); }

/* 提交申请：两种方式 */
body.link-register .ytea-lr-note { margin: -4px 0 14px !important; font-size: 13px; color: var(--ink-muted, #6b7c8f); }
body.link-register .ytea-lr-way-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
body.link-register .ytea-lr-way {
  display: flex;
  flex-direction: column;
  padding: 18px;
  border: 1px solid var(--line, #dce7f2);
  border-radius: 14px;
  background: var(--paper, #f2f7fc);
  transition: border-color .2s;
}
body.link-register .ytea-lr-way:hover { border-color: var(--sky, #5fa8dc); }
body.link-register .ytea-lr-way-t { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; }
body.link-register .ytea-lr-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  font-style: normal;
  color: #fff;
  background: linear-gradient(135deg, var(--deep, #1d4e89), var(--sky, #5fa8dc));
}
body.link-register .ytea-lr-way p { flex: 1; margin: 6px 0 14px !important; font-size: 13px; line-height: 1.7; color: var(--ink-muted, #6b7c8f); }
body.link-register .ytea-lr-way p b { color: var(--deep, #1d4e89); }
body.link-register .ytea-lr-way-btns { display: flex; flex-wrap: wrap; gap: 10px; }

/* ---------- 手机 ---------- */
@media (max-width: 768px) {
  body.link-register .ytea-lr { margin-top: 12px; padding: 0 12px; }
  body.link-register .ytea-lr-hero { padding: 26px 20px 22px; }
  body.link-register .ytea-lr-hero h1 { font-size: 22px; }
  body.link-register a.ytea-lr-back { position: static; height: 30px; margin-bottom: 16px; font-size: 12px; }
  body.link-register .ytea-lr-grid,
  body.link-register .ytea-lr-way-grid { grid-template-columns: minmax(0, 1fr); }
  body.link-register .ytea-lr-grid { gap: 12px; margin-top: 12px; }
  body.link-register .ytea-lr-ways { margin-top: 12px; }
  body.link-register .ytea-lr-card { padding: 18px 16px; }
  body.link-register .ytea-lr-way-btns > * { flex: 1; justify-content: center; }
}