/* ============================================================
   瓜田资源条 · 文内链接卡  linkcard.css
   ------------------------------------------------------------
   零依赖：直接引入即可用。
   令牌继承：全部走 var(--令牌, 兜底值)，站点已定义同名令牌
   （--cinnabar / --paper-raised / --line / --ink* / --bamboo /
   --font-serif / --font-mono / --ease-out / --glass-shadow*）
   时自动跟随主题与夜览，无需改动。
   ============================================================ */

.linkcard {
  --lc-ease: var(--ease-out, cubic-bezier(.16, 1, .3, 1));
  display: flex; align-items: center; gap: 12px;
  margin: 22px 0; max-width: 560px;
  background: var(--paper-raised, #FFFFFF);
  border: 1px solid var(--line, rgba(29, 31, 34, .14));
  border-radius: 12px;
  box-shadow: var(--glass-shadow, 0 10px 34px rgba(29, 31, 34, .08));
  overflow: hidden;
  transition: transform .3s var(--lc-ease), box-shadow .3s var(--lc-ease), border-color .25s;
}
.linkcard:hover {
  transform: translateY(-2px);
  box-shadow: var(--glass-shadow-hover, 0 18px 50px rgba(29, 31, 34, .14));
  border-color: color-mix(in srgb, var(--cinnabar, #D62839) 30%, transparent);
}

/* 主区域（整卡可点） */
.linkcard-main {
  display: flex; align-items: center; gap: 12px;
  flex: 1; min-width: 0; padding: 12px 0 12px 14px;
  color: inherit; text-decoration: none;
}

/* 图标块（品牌印章迷你版） */
.linkcard-icon {
  width: 42px; height: 42px; flex-shrink: 0; display: grid; place-items: center;
  background: linear-gradient(135deg, #F0455A 0%, var(--cinnabar, #D62839) 55%);
  color: #FFF9F7;
  border-radius: 9px; transform: rotate(-3deg);
  box-shadow: 2px 2px 0 color-mix(in srgb, var(--cinnabar, #D62839) 28%, transparent);
  transition: transform .3s var(--lc-ease);
}
.linkcard:hover .linkcard-icon { transform: rotate(-6deg) scale(1.05); }
.linkcard-icon svg { width: 22px; height: 22px; }

/* 文字区 */
.linkcard-text { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.linkcard-title {
  font-family: var(--font-serif, "Songti SC", "Noto Serif SC", "SimSun", serif);
  font-size: 15px; font-weight: 700; line-height: 1.35;
  color: var(--ink, #1D1F22);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.linkcard-meta {
  display: flex; align-items: center; gap: 8px;
  font-family: var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
  font-size: 11px; letter-spacing: .04em;
  color: var(--ink-3, #868D94);
}
.linkcard-seal {
  font-style: normal; font-size: 10px; font-weight: 600; letter-spacing: .12em;
  color: var(--cinnabar, #D62839);
  border: 1px solid currentColor; border-radius: 3px;
  padding: 0 5px; line-height: 1.5; transform: rotate(-2deg);
  background: color-mix(in srgb, var(--cinnabar, #D62839) 6%, transparent);
}

/* 打开动作 */
.linkcard-act {
  display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0;
  font-size: 12.5px; font-weight: 600; letter-spacing: .08em;
  color: var(--cinnabar, #D62839);
}
.linkcard-act svg { width: 14px; height: 14px; transition: transform .3s var(--lc-ease); }
.linkcard:hover .linkcard-act svg { transform: translate(2px, -2px); }

/* 复制按钮（独立于主链接，不跳转） */
.linkcard-copy {
  flex-shrink: 0; margin-right: 12px;
  font-family: var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
  font-size: 10.5px; letter-spacing: .08em;
  color: var(--ink-2, #565C63); background: none;
  border: 1px dashed var(--line-strong, rgba(29, 31, 34, .38));
  border-radius: 6px; padding: 7px 9px; cursor: pointer;
  transition: color .2s, border-color .2s;
}
.linkcard-copy:hover { color: var(--cinnabar, #D62839); border-color: var(--cinnabar, #D62839); }
.linkcard-copy.is-ok { color: var(--bamboo, #1F7A4D); border: 1px solid var(--bamboo, #1F7A4D); }

/* 移动端：「打开」收成纯箭头 */
@media (max-width: 560px) {
  .linkcard { max-width: none; }
  .linkcard-act span { display: none; }
  .linkcard-title { font-size: 14px; }
}

/* 无障碍：减弱动效 */
@media (prefers-reduced-motion: reduce) {
  .linkcard, .linkcard-icon, .linkcard-act svg, .linkcard-copy { transition: none; }
}