/* 雷卡详情局部阅读面；不改共用框架、卡面或交易条件。 */
.rank-card-detail {
    --rc-detail-red:#d60022;
    --rc-detail-ink:#34383d;
    --rc-detail-muted:#747a81;
    --rc-detail-line:#d0d4d9;
    width:calc(100% - 48px);
    max-width:1180px;
    min-width:0;
    margin:24px auto 32px;
    color:var(--rc-detail-ink);
    font-size:16px;
    line-height:1.65;
}
.rank-card-detail .rank-card-detail__header { margin:0 0 24px; }
.rank-card-detail .rank-card-detail__catalog { display:inline-flex; min-height:36px; align-items:center; margin-bottom:8px; color:var(--rc-detail-muted); text-decoration:underline; text-underline-offset:4px; }
.rank-card-detail h1 { margin:0; padding:0 0 0 14px; border-left:5px solid var(--rc-detail-red); color:#30343a; font-size:clamp(28px,3vw,38px); line-height:1.35; overflow-wrap:anywhere; }
.rank-card-detail h2 { margin:0 0 16px; padding:0; border:0; color:#30343a; font-size:21px; line-height:1.45; }
.rank-card-detail p { margin:0 0 14px; }
.rank-card-detail a:focus-visible, .rank-card-detail button:focus-visible, .rank-card-detail select:focus-visible { outline:2px solid var(--rc-detail-red); outline-offset:4px; }
.rank-card-detail .rank-card-detail__layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:28px; align-items:start; }
.rank-card-detail .rank-card-detail__art { min-width:0; padding:14px; border:1px solid var(--rc-detail-rank-color,var(--rc-detail-line)); border-radius:10px; background:#f8f9fa; }
.rank-card-detail .rank-card-detail__image-link { display:flex; align-items:center; justify-content:center; min-width:0; color:var(--rc-detail-muted); text-decoration:none; }
.rank-card-detail .rank-card-detail__art img { display:block; max-width:100%; max-height:520px; width:auto; height:auto; object-fit:contain; border-radius:6px; }
.rank-card-detail .rank-card-detail__art img[hidden] { display:none; }
.rank-card-detail .rank-card-detail__image-fallback { display:none; padding:24px; min-height:200px; align-items:center; justify-content:center; text-align:center; }
.rank-card-detail .is-missing .rank-card-detail__image-fallback { display:flex; }
.rank-card-detail .rank-card-detail__summary { min-width:0; padding:24px; border-radius:10px; background:#f8f9fa; }
.rank-card-detail .rank-card-detail__rank { display:flex; align-items:baseline; gap:12px; margin-bottom:12px; color:var(--rc-detail-muted); font-size:14px; }
.rank-card-detail .rank-card-detail__rank strong { font-size:24px; line-height:1.3; }
.rank-card-detail .rank-card-detail__description { overflow-wrap:anywhere; margin-bottom:22px; line-height:1.8; }
.rank-card-detail .rc-service-panel { padding:0; margin:0; border:0; background:transparent; }
.rank-card-detail .rc-info-grid { display:grid; grid-template-columns:minmax(110px, .45fr) minmax(0,1fr); gap:10px 16px; align-items:start; }
.rank-card-detail .rc-info-grid .label { color:var(--rc-detail-muted); font-weight:normal; }
.rank-card-detail .rc-info-grid .value { min-width:0; color:var(--rc-detail-ink); overflow-wrap:anywhere; }
.rank-card-detail .rc-buy-panel { margin-top:24px; padding-top:22px; border-top:1px solid var(--rc-detail-line); }
.rank-card-detail .rc-price-row { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 14px; margin:0 0 12px; }
.rank-card-detail .rc-price-old { color:var(--rc-detail-muted); text-decoration:line-through; font-size:14px; }
.rank-card-detail .rc-price-main { color:#a9001b; font-size:28px; font-weight:bold; line-height:1.3; }
.rank-card-detail .rc-price-sub { color:var(--rc-detail-muted); font-size:14px; }
.rank-card-detail .rc-tip-box, .rank-card-detail .rc-note-box, .rank-card-detail .rank-card-detail__policy { padding:12px 14px; margin:16px 0 0; border:1px solid var(--rc-detail-line); border-radius:6px; font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
.rank-card-detail .rc-tip-box { background:#fff8e8; border-color:#e8d6aa; color:#6c531c; }
.rank-card-detail .rc-note-box, .rank-card-detail .rank-card-detail__policy { background:#fff; color:var(--rc-detail-muted); }
.rank-card-detail .rc-buy-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.rank-card-detail .rc-buy-actions .button, .rank-card-detail .rc-holders-panel button { min-height:44px; height:auto; min-width:0; padding:10px 18px; border-radius:6px; font-size:15px; line-height:1.5; white-space:normal; text-align:center; }
.rank-card-detail .rc-buy-actions .button { display:inline-flex; align-items:center; justify-content:center; color:var(--rc-detail-ink) !important; background:#fff; box-shadow:inset 0 0 0 1px var(--rc-detail-line); }
.rank-card-detail .rc-buy-actions .rc-buy-btn, .rank-card-detail .rc-holders-panel button { color:#fff !important; background:var(--rc-detail-red); box-shadow:none; }
.rank-card-detail .rc-buy-actions .rc-buy-btn:hover, .rank-card-detail .rc-holders-panel button:hover { background:#a9001b; }
.rank-card-detail .rc-buy-btn[disabled] { opacity:.6; cursor:not-allowed; }
.rank-card-detail .rc-status-text { margin-top:14px; font-size:14px; color:var(--rc-detail-muted); line-height:1.75; }
.rank-card-detail .rc-buy-result { display:none; margin-top:14px; padding:12px; border:1px solid transparent; border-radius:6px; line-height:1.7; overflow-wrap:anywhere; }
.rank-card-detail .rc-buy-result.ok { display:block; background:#f0fff0; border-color:#b7e1b7; color:#206020; }
.rank-card-detail .rc-buy-result.err { display:block; background:#fff5f5; border-color:#e3b5b5; color:#a33; }
.rank-card-detail .rc-holders-panel { margin-top:32px; padding-top:24px; border-top:1px solid var(--rc-detail-line); }
.rank-card-detail .rc-holders-panel form { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 20px !important; }
.rank-card-detail .rc-holders-panel form label { display:inline-block; margin:0 !important; font-size:14px; }
.rank-card-detail .rc-holders-panel form br { display:none; }
.rank-card-detail .rc-holders-panel form select { width:auto; min-width:90px; max-width:100%; height:44px; border:1px solid var(--rc-detail-line); border-radius:6px; background-color:#fff; color:var(--rc-detail-ink); font-size:16px; }
.rank-card-detail .holder-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0 0; }
.rank-card-detail .holder-item { min-width:0; display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--rc-detail-line); border-radius:8px; background:#fff; }
.rank-card-detail .holder-avatar { width:48px; height:48px; border-radius:50%; object-fit:cover; }
.rank-card-detail .holder-info { min-width:0; font-size:14px; overflow-wrap:anywhere; }
.rank-card-detail .holder-info a { color:var(--rc-detail-ink); font-weight:bold; }
@media(max-width:1000px) {
 .rank-card-detail .rank-card-detail__layout { grid-template-columns:1fr; gap:22px; }
 .rank-card-detail .rank-card-detail__art img { max-height:420px; }
 .rank-card-detail .holder-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .rank-card-detail { width:calc(100% - 28px); margin:16px auto 24px; }
 .rank-card-detail .rank-card-detail__header { margin-bottom:18px; }
 .rank-card-detail h1 { font-size:28px; padding-left:12px; }
 .rank-card-detail .rank-card-detail__art { padding:8px; }
 .rank-card-detail .rank-card-detail__art img { max-height:360px; }
 .rank-card-detail .rank-card-detail__summary { padding:18px 16px; }
 .rank-card-detail .rc-info-grid { grid-template-columns:minmax(80px,.4fr) minmax(0,1fr); gap:10px; }
 .rank-card-detail .rc-buy-actions .button { flex:1 1 100%; }
 .rank-card-detail .holder-list { grid-template-columns:1fr; }
}