.ref-page{padding:var(--space-6) 0}.ref-page__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.ref-page__desc{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.ref-page__notice{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--color-accent-dim);border:1px solid var(--color-accent-border);border-radius:4px;font-size:14px;font-weight:600;color:#fff;margin-bottom:var(--space-4);letter-spacing:.01em}.ref-page__notice svg{color:var(--color-accent);flex-shrink:0}.ref-page__notice strong{color:var(--color-accent);font-weight:800}.ref-page__notice--info{background:rgba(60,110,196,.1);border-color:rgba(60,110,196,.35);color:#fff}.ref-page__notice--info strong,.ref-page__notice--info svg{color:#8fb4f2}.ref-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:1100px){.ref-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.ref-grid{grid-template-columns:repeat(2,1fr)}}.ref-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color var(--transition-fast)}.ref-card:hover{border-color:var(--border-strong)}.ref-card__img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0a0a0a}.ref-card__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.ref-card:hover .ref-card__img img{transform:scale(1.03)}.ref-card__img--blur img{filter:blur(12px);transform:scale(1.1)}.ref-card:hover .ref-card__img--blur img{filter:blur(12px);transform:scale(1.12)}.ref-card__lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.5);background:rgba(0,0,0,.2)}.ref-card__info{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:2px}.ref-card__title{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.ref-card__desc,.ref-card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-card__desc{font-size:var(--fs-xs);color:var(--text-muted)}.ref-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.92)}.ref-lightbox__content{max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center}.ref-lightbox__content img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:2px}.ref-lightbox__caption{margin-top:var(--space-3);text-align:center;display:flex;flex-direction:column;gap:2px;width:100%}.ref-lightbox__title{font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--text-primary)}.ref-lightbox__desc{font-size:var(--fs-sm);color:var(--text-muted)}.ref-lightbox__bottom{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-3)}.ref-lightbox__counter{font-size:var(--fs-xs);color:var(--text-muted);font-family:var(--font-mono)}.ref-lightbox__dl{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-accent);color:var(--color-accent-text);border:none;border-radius:2px;font-size:var(--fs-xs);font-weight:var(--fw-semi);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast)}.ref-lightbox__dl:hover{background:var(--color-accent-hover)}.ref-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.ref-lightbox__nav:hover{background:hsla(0,0%,100%,.15)}.ref-lightbox__nav--prev{left:var(--space-4)}.ref-lightbox__nav--next{right:var(--space-4)}.ref-lightbox__close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:var(--text-muted);font-size:32px;cursor:pointer;line-height:1}.ref-lightbox__close:hover{color:var(--text-primary)}