.tarot-presentation-labels {
    position: fixed;
    inset: 0;
    z-index: 1000;
    pointer-events: none;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.tarot-presentation-labels .tarot-spread-label {
    position: absolute;
    top: 0;
    text-align: center;
    transform: translateX(-50%);
    color: #eef0eb;
    pointer-events: none;
    visibility: hidden;
}
.tarot-presentation-labels .tarot-spread-label > div {
    position: absolute;
    left: 0;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transform: none;
    text-align: center;
    white-space: normal;
    font-family: inherit;
    overflow-wrap: anywhere;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.4;
    text-shadow: 0 2px 5px #000;
    transition: none;
}
.tarot-presentation-labels .tarot-card-heading,
.tarot-presentation-labels .tarot-card-meaning {visibility: hidden;opacity: 0;}
.tarot-presentation-labels .tarot-card-name {font-size: 15px;font-weight: 600;line-height: 1.4;color: #eef0eb;}
.tarot-presentation-labels .tarot-card-orientation {margin-top: 3px;font-size: 11px;font-weight: 400;line-height: 1.4;color: #c1c9c3;}
.tarot-presentation-labels .tarot-card-position {font-size: 16px;font-weight: 550;color: #eef0eb;}
.tarot-presentation-labels .tarot-card-meaning {overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;pointer-events: auto;}
.tarot-presentation-labels .tarot-card-meaning .card-meaning {margin: 0;padding: 0;font-size: 12px;font-weight: 400;line-height: 1.4;letter-spacing: 0;color: #adb7b1;}
@media (max-width: 560px) {
    .tarot-presentation-labels .tarot-card-name {font-size: 12px;}
    .tarot-presentation-labels .tarot-card-orientation {font-size: 10px;}
    .tarot-presentation-labels .tarot-card-position {font-size: 13px;}
    .tarot-presentation-labels .tarot-card-meaning .card-meaning {font-size: 10px;}
    .tarot-presentation-labels.is-dense .tarot-card-name {font-size: 10px;}
    .tarot-presentation-labels.is-dense .tarot-card-position {font-size: 10px;}
    .tarot-presentation-labels.is-dense .tarot-card-orientation,
    .tarot-presentation-labels.is-dense .tarot-card-meaning .card-meaning {font-size: 9px;}
}
@media (max-height: 450px) and (min-width: 700px) {
    .tarot-presentation-labels .tarot-card-name {font-size: 11px;}
    .tarot-presentation-labels .tarot-card-orientation {font-size: 9px;}
    .tarot-presentation-labels .tarot-card-position {font-size: 12px;}
    .tarot-presentation-labels .tarot-card-meaning .card-meaning {font-size: 9px;}
}

/* ── 提案 A(桌面):标注式整块 + 引线;UI kit 字阶,不加框不加底 ── */
.tarot-presentation-labels .tarot-leaders {position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;overflow: visible;}
.tarot-presentation-labels .tarot-leaders path {fill: none;stroke: rgba(236, 233, 225, .78);stroke-width: 1.25;stroke-linecap: round;filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));transition: opacity .18s ease;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-left {text-align: right;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-right {text-align: left;}
.tarot-presentation-labels.is-callout .tarot-card-position {display: flex;align-items: baseline;gap: 8px;font-size: 14px;font-weight: 600;color: #eef0eb;line-height: 1.3;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-below .tarot-card-position,
.tarot-presentation-labels.is-callout .tarot-spread-label.is-above .tarot-card-position {justify-content: center;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-left .tarot-card-position {justify-content: flex-end;}
.tarot-presentation-labels .tarot-card-num {font-family: var(--font-mono, 'IBM Plex Mono', ui-monospace, monospace);font-size: 10.5px;font-weight: 500;letter-spacing: .12em;color: rgba(236, 233, 225, .5);}
.tarot-presentation-labels.is-callout .tarot-card-heading {display: flex;flex-wrap: wrap;align-items: baseline;gap: 0 6px;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-below .tarot-card-heading,
.tarot-presentation-labels.is-callout .tarot-spread-label.is-above .tarot-card-heading {justify-content: center;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-left .tarot-card-heading {justify-content: flex-end;}
.tarot-presentation-labels.is-callout .tarot-card-name {font-size: 13px;font-weight: 500;line-height: 1.35;color: #dfe3dc;}
.tarot-presentation-labels.is-callout .tarot-card-orientation {margin: 0;font-size: 11px;line-height: 1.35;color: #9aa39c;}
.tarot-presentation-labels.is-callout .tarot-card-orientation::before {content: "·";margin-right: 6px;color: #6f776f;}
.tarot-presentation-labels.is-callout .tarot-card-meaning {overflow: hidden;}
.tarot-presentation-labels.is-callout .tarot-card-meaning .card-meaning {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;font-size: 12px;line-height: 1.4;color: #a9b1aa;overflow-wrap: break-word;hyphens: auto;}

/* ── 提案 M1(手机):全屏牌阵 + 底部单卡信息条(UI kit);当前牌靠 3D 抬升 + 流光,不画 2D 框 ── */
.tarot-spread-strip {
    position: fixed;left: 12px;right: 12px;z-index: 1001;
    display: grid;grid-template-columns: 36px minmax(0, 1fr) 36px;align-items: center;
    min-height: 104px;padding: 12px 4px;
    background: rgba(9, 9, 13, .9);border: 1px solid rgba(236, 233, 225, .16);
    -webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);
    font-family: var(--font-sans, Inter, -apple-system, sans-serif);color: var(--text-primary, #ECE9E1);
    transition: opacity .2s ease;
}
.tarot-spread-strip.is-empty {opacity: 0;pointer-events: none;}
.tarot-spread-strip-nav {
    height: 44px;border: 0;background: transparent;color: rgba(236, 233, 225, .6);font-size: 26px;line-height: 1;cursor: pointer;
    font-family: var(--font-sans, Inter, sans-serif);padding: 0;
}
.tarot-spread-strip-nav:active {color: #ECE9E1;}
.tarot-spread-strip-body {min-width: 0;display: flex;flex-direction: column;gap: 3px;}
.tarot-spread-strip-head {display: flex;align-items: baseline;gap: 8px;}
.tarot-spread-strip-num {font-family: var(--font-mono, 'IBM Plex Mono', ui-monospace, monospace);font-size: 11px;letter-spacing: .12em;color: var(--text-subtle, rgba(236, 233, 225, .38));}
.tarot-spread-strip-pos {font-size: 14px;font-weight: 600;line-height: 1.3;letter-spacing: .01em;}
.tarot-spread-strip-count {margin-left: auto;font-family: var(--font-mono, 'IBM Plex Mono', ui-monospace, monospace);font-size: 10.5px;letter-spacing: .1em;color: var(--text-subtle, rgba(236, 233, 225, .38));}
.tarot-spread-strip-name {font-size: 13px;font-weight: 500;line-height: 1.35;color: #dfe3dc;}
.tarot-spread-strip-ori {font-size: 11px;color: #9aa39c;font-weight: 400;}
.tarot-spread-strip-ori::before {content: "·";margin: 0 6px;color: #6f776f;}
.tarot-spread-strip-kw {font-size: 12px;line-height: 1.4;color: #a9b1aa;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.tarot-spread-strip .is-pending {color: rgba(236, 233, 225, .25);}

/* 手机端当前牌的小标注:只有牌位 + 牌名·正逆位,关键词在信息条里 */
.tarot-presentation-labels.is-mobile-list .tarot-card-position {font-size: 12.5px;gap: 6px;}
.tarot-presentation-labels.is-mobile-list .tarot-card-num {font-size: 9.5px;}
.tarot-presentation-labels.is-mobile-list .tarot-card-name {font-size: 11.5px;}
.tarot-presentation-labels.is-mobile-list .tarot-card-orientation {font-size: 10px;}

/* ── 标注块的对齐规则:下方 / 上方 = 居中;右侧与 2 号牌 = 左对齐;左侧 = 右对齐。三行(牌位 / 牌名·正逆位 / 关键词)一致 ── */
.tarot-presentation-labels.is-callout .tarot-spread-label.is-below,
.tarot-presentation-labels.is-callout .tarot-spread-label.is-above {text-align: center;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-below .tarot-card-position,
.tarot-presentation-labels.is-callout .tarot-spread-label.is-above .tarot-card-position,
.tarot-presentation-labels.is-callout .tarot-spread-label.is-below .tarot-card-heading,
.tarot-presentation-labels.is-callout .tarot-spread-label.is-above .tarot-card-heading {justify-content: center;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-below .tarot-card-meaning .card-meaning,
.tarot-presentation-labels.is-callout .tarot-spread-label.is-above .tarot-card-meaning .card-meaning {text-align: center;}

.tarot-presentation-labels.is-callout .tarot-spread-label.is-right {text-align: left;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-right .tarot-card-position,
.tarot-presentation-labels.is-callout .tarot-spread-label.is-right .tarot-card-heading {justify-content: flex-start;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-right .tarot-card-meaning .card-meaning {text-align: left;}

.tarot-presentation-labels.is-callout .tarot-spread-label.is-left {text-align: right;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-left .tarot-card-position,
.tarot-presentation-labels.is-callout .tarot-spread-label.is-left .tarot-card-heading {justify-content: flex-end;}
.tarot-presentation-labels.is-callout .tarot-spread-label.is-left .tarot-card-meaning .card-meaning {text-align: right;}