/* LUK API —— 注入正文块与悬浮入口样式
 * 角色酒馆现在是 newapi 内部路由（React + Tailwind），对局相关样式不再放这里。
 */

/* ================= 注入的 SEO 正文块 ================= */
.luk-seo { max-width: 60rem; margin: 0 auto; padding: 2.5rem 1.5rem 4rem;
  color: var(--foreground, #111); font-size: .95rem; line-height: 1.75; }
.luk-seo *, .luk-seo *::before, .luk-seo *::after { box-sizing: border-box; }
.luk-seo h1 { font-size: clamp(1.45rem, 3.2vw, 2rem); line-height: 1.28;
  letter-spacing: -.02em; margin: 0 0 .9rem; font-weight: 750; }
.luk-seo h2 { font-size: 1.2rem; font-weight: 700; margin: 2.8rem 0 1rem; letter-spacing: -.01em; }
.luk-seo h3 { font-size: 1rem; font-weight: 650; margin: 0 0 .35rem; }
.luk-seo p { margin: 0 0 .9rem; color: var(--muted-foreground, #555); }
.luk-seo a { color: #6366f1; text-decoration: none; border-bottom: 1px dotted currentColor; }
.luk-seo ul, .luk-seo ol { margin: 0 0 .9rem; padding-left: 1.35rem;
  color: var(--muted-foreground, #555); }
.luk-seo ul { list-style: disc outside; }
.luk-seo ol { list-style: decimal outside; }
.luk-seo li::marker { color: #6366f1; }
.luk-seo li { margin: .35rem 0; }
.luk-seo strong { color: var(--foreground, #111); font-weight: 650; }
.luk-seo code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .88em; background: var(--muted, rgba(127,127,127,.14));
  padding: .12rem .4rem; border-radius: .4rem; color: var(--foreground, #111); }
.luk-seo .s-lead { font-size: 1rem; }
.luk-seo .s-grid { display: grid; gap: .9rem; grid-template-columns: 1fr; margin: 1.2rem 0 0; }
@media (min-width: 40rem) { .luk-seo .s-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.luk-seo .s-card { border: 1px solid var(--border, rgba(0,0,0,.12));
  background: var(--card, rgba(127,127,127,.05)); border-radius: var(--radius, .75rem);
  padding: 1.05rem 1.15rem; }
.luk-seo .s-card p { margin: 0; font-size: .88rem; }
.luk-seo table { width: 100%; border-collapse: collapse; font-size: .9rem; margin: .4rem 0 .9rem; }
.luk-seo th, .luk-seo td { border: 1px solid var(--border, rgba(0,0,0,.12));
  padding: .55rem .7rem; text-align: left; vertical-align: top; }
.luk-seo th { background: var(--card, rgba(127,127,127,.06)); font-weight: 650;
  color: var(--foreground, #111); white-space: nowrap; }
.luk-seo td { color: var(--muted-foreground, #555); }
.luk-seo .s-faq dt { font-weight: 650; margin: 1.15rem 0 .3rem; color: var(--foreground, #111); }
.luk-seo .s-faq dd { margin: 0; color: var(--muted-foreground, #555); }
.luk-seo .s-cta { display: inline-flex; align-items: center; height: 2.4rem; padding: 0 1.1rem;
  border-radius: calc(var(--radius, .75rem) - .15rem);
  background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff;
  border-bottom: 0; font-weight: 600; font-size: .9rem; margin: .6rem .5rem 0 0; }
.luk-seo .s-cta-ghost { background: var(--card, rgba(127,127,127,.08)); color: var(--foreground, #111);
  border: 1px solid var(--border, rgba(0,0,0,.12)); }
.luk-seo .s-foot { margin-top: 1.6rem; font-size: .82rem; color: var(--muted-foreground, #888); }

/* ================= 悬浮入口：去角色酒馆 ================= */
.luk-fab { position: fixed; right: 1.1rem; bottom: 1.15rem; z-index: 60;
  display: inline-flex; align-items: center; gap: .55rem;
  padding: .6rem 1rem .6rem .75rem; border-radius: 999px; text-decoration: none;
  background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff;
  font-size: .82rem; font-weight: 650; line-height: 1.25;
  box-shadow: 0 10px 30px -8px rgba(99,102,241,.75);
  animation: luk-fab-pulse 2.4s ease-in-out infinite;
  transition: transform .16s ease; }
.luk-fab:hover { transform: translateY(-2px) scale(1.02); }
.luk-fab-emoji { font-size: 1.45rem; line-height: 1; }
.luk-fab-go { font-size: 1rem; opacity: .85; margin-left: .1rem; }
@keyframes luk-fab-pulse {
  0%, 100% { box-shadow: 0 10px 30px -8px rgba(99,102,241,.75); }
  50% { box-shadow: 0 8px 40px -4px rgba(139,92,246,1); }
}
@media (max-width: 30rem) {
  .luk-fab { right: .7rem; bottom: .9rem; padding: .55rem .9rem .55rem .7rem; }
}

/* 注入的正文块在 #root 之外，客户端路由切换不会清掉 —— 用 hidden 按页面显隐 */
[data-luk-page][hidden] { display: none !important; }