.resources-page{--res-accent:var(--site-color-primary,#2563eb);--res-accent-soft:color-mix(in srgb,var(--res-accent) 12%,var(--site-surface-card));min-width:0;color:var(--site-text-body)}.resources-page__detail-layout{display:grid;gap:1.25rem;align-items:start}@media (min-width:960px){.resources-page__detail-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}}.resources-page__detail-preview{min-width:0}.res-preview{padding:1.5rem;border-radius:var(--site-radius-card,12px);border:1px solid var(--site-border);background:var(--site-surface-card);box-shadow:var(--site-shadow-card);min-height:320px}.res-preview__kind{display:inline-block;padding:.15rem .55rem;border-radius:6px;font-size:.6875rem;font-weight:700;color:var(--res-accent);background:var(--res-accent-soft)}.res-preview__title{margin-top:.75rem;font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:800;color:var(--site-text);line-height:1.35}.res-preview__desc{margin-top:1rem;font-size:.9375rem;line-height:1.7;color:var(--site-text-body)}.res-preview__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem}.res-preview__tag{padding:.15rem .5rem;border-radius:4px;font-size:.75rem;border:1px solid var(--site-border)}.res-preview__placeholder,.res-preview__tag{color:var(--site-text-muted);background:var(--site-surface-muted)}.res-preview__placeholder{margin-top:1.5rem;padding:2rem 1rem;border-radius:10px;border:1px dashed var(--site-border-strong);text-align:center;font-size:.875rem}.resources-page__detail-panel{position:relative}@media (min-width:960px){.resources-page__detail-panel{position:sticky;top:var(--site-header-offset)}}.res-panel{padding:1.25rem;border-radius:var(--site-radius-card,12px);border:1px solid var(--site-border);background:var(--site-surface-card);box-shadow:var(--site-shadow-card)}.res-panel__title{font-size:1.0625rem;font-weight:700;color:var(--site-text);line-height:1.4}.res-panel__facts{margin:1rem 0 0;display:grid;gap:.65rem}.res-panel__facts div{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem}.res-panel__facts dt{color:var(--site-text-muted);flex-shrink:0}.res-panel__facts dd{margin:0;text-align:right;color:var(--site-text);font-weight:500}.res-panel__price{font-size:1.25rem!important;font-weight:800!important;color:var(--res-accent)!important}.res-panel__notice{margin-top:1rem;padding:.65rem .85rem;border-radius:8px;font-size:.8125rem;border:1px solid transparent}.res-panel__notice.is-success{background:color-mix(in srgb,#22c55e 14%,var(--site-surface-card));color:color-mix(in srgb,#166534 80%,var(--site-text));border-color:color-mix(in srgb,#22c55e 35%,var(--site-border))}.res-panel__notice.is-pending{background:color-mix(in srgb,#f59e0b 14%,var(--site-surface-card));color:color-mix(in srgb,#92400e 75%,var(--site-text));border-color:color-mix(in srgb,#f59e0b 35%,var(--site-border))}.res-panel__error{margin-top:.75rem;font-size:.8125rem;color:#f87171}.res-panel__btn{display:block;width:100%;margin-top:.75rem;padding:.7rem 1rem;border-radius:10px;font-size:.875rem;font-weight:600;text-align:center;text-decoration:none;border:none;cursor:pointer}.res-panel__btn--primary{color:#fff;background:var(--res-accent)}.res-panel__btn--primary:hover{background:var(--site-color-primary-hover,#1d4ed8)}.res-panel__btn--primary:disabled{opacity:.55;cursor:not-allowed}.res-panel__btn--outline{color:var(--res-accent);background:var(--site-surface-card);border:1px solid var(--res-accent)}.res-panel__btn--outline:hover{background:var(--res-accent-soft)}.res-panel__paid{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--site-border-muted)}.res-panel__paid-lead{font-size:.8125rem;color:var(--site-text-muted);line-height:1.5}.res-panel__pay-methods{display:flex;gap:1rem;margin:.65rem 0;font-size:.8125rem;color:var(--site-text-body)}.res-panel__qrcode{margin-top:1rem;text-align:center}.res-panel__qrcode p{margin-top:.5rem;font-size:.75rem;color:var(--site-text-muted)}.res-panel__qrcode img{border-radius:8px;border:1px solid var(--site-border);background:#fff}.resources-page__empty,.resources-page__error,.resources-page__loading{font-size:.875rem;color:var(--site-text-muted)}.resources-page__error{color:#f87171}.resources-page__back-link{color:var(--res-accent);text-decoration:none}.resources-page__back-link:hover{text-decoration:underline}