/* Fixed portfolio frame; only the poster wall scrolls. */
.rn-gallery-area{overflow:hidden!important}
.rn-gallery{position:relative;height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:24px;padding:clamp(24px,3.2cqi,48px);border:0;overflow:hidden}
.rn-gallery .rn-gallery-header{display:block;margin:0}
.rn-gallery .rn-gallery-title{margin:0;font-family:var(--portfolio-page-title-family);font-size:var(--portfolio-page-title-size);font-weight:var(--portfolio-page-title-weight);line-height:var(--portfolio-page-title-leading);letter-spacing:var(--portfolio-page-title-spacing);font-synthesis:none}
.rn-gallery-description{margin:10px 0 0;font-size:clamp(14px,1.15cqi,18px);line-height:1.5;color:#536b7b}
.rn-gallery .wechat-back-link{color:#536b7b!important}
.rn-wall-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px 12px 16px 6px;scrollbar-width:thin;scrollbar-color:#c9c3b8 transparent}
.rn-wall-scroll:focus-visible{outline:2px solid var(--rn-red);outline-offset:-2px;border-radius:8px}
.rn-gallery .rn-wall{--rn-columns:5;display:grid;grid-template-columns:repeat(var(--rn-columns),minmax(0,1fr));grid-auto-rows:4px;gap:24px clamp(18px,2cqi,28px);align-items:start;height:auto;min-height:0}
.rn-gallery .rn-wall-card{display:block;width:100%;margin:0;padding:8px;background:#fffdf7;border:1px solid #dfdbd2;border-radius:3px;box-shadow:0 6px 16px #30271909;transition:box-shadow .18s ease,transform .18s ease}
.rn-gallery .rn-wall-card:hover,.rn-gallery .rn-wall-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 24px #30271918}
.rn-gallery .rn-wall-card .rn-cover{max-height:none;min-height:0;padding:18px;aspect-ratio:3/4}
.rn-gallery .rn-wall-card .rn-square{aspect-ratio:1}
.rn-gallery .rn-wall-card .rn-tall{aspect-ratio:3/5}
.rn-gallery .rn-wall-card .rn-source-panel{padding:0;aspect-ratio:var(--rn-panel-ratio)}
.rn-gallery .rn-wall-card .rn-source-panel>svg{width:100%;height:100%;aspect-ratio:var(--rn-panel-ratio)}
.rn-gallery .rn-wall-card .rn-cover strong{font-size:clamp(24px,2.4cqi,38px)}
.rn-wall-sample{position:absolute;right:8px;bottom:8px;color:inherit;background:#fffdf7e8;padding:3px 6px;border-radius:3px;font:600 9px/1.3 Inter,Arial,sans-serif;letter-spacing:.05em}
.rn-gallery-tooltip{position:absolute;z-index:10;max-width:calc(100% - 32px);width:280px;padding:18px;background:#fffefa;border:1px solid #dedbd2;border-radius:14px;box-shadow:0 12px 35px #25251f24;color:#181c1b}
.rn-gallery-tooltip[hidden]{display:none}
.rn-gallery-tooltip h3{margin:0 0 12px;font:600 15px/1.4 Inter,Arial,sans-serif;overflow-wrap:anywhere}
.rn-tooltip-metrics{display:flex;flex-wrap:wrap;gap:10px 16px;font:500 13px/1.4 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#516779}
.rn-tooltip-metrics span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.rn-tooltip-metrics svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.rn-tooltip-sample{margin:12px 0 0;font:400 12px/1.4 Inter,Arial,sans-serif;color:#687785}
@container section-window (max-width:1250px){.rn-gallery .rn-wall{--rn-columns:4}}
@container section-window (max-width:1000px){.rn-gallery .rn-wall{--rn-columns:3}}
@container section-window (max-width:600px){
 .rn-gallery{padding:20px;gap:16px}
 .rn-gallery .rn-wall{--rn-columns:2;gap:16px 14px}
 .rn-gallery .rn-wall-card{padding:6px}
 .rn-gallery .rn-wall-card .rn-cover{padding:12px}
 .rn-gallery .rn-wall-card .rn-source-panel{padding:0}
 .rn-gallery .rn-wall-card .rn-cover strong{font-size:25px}
 .rn-wall-scroll{padding-inline:4px 8px}
}
@media(prefers-reduced-motion:reduce){.rn-gallery .rn-wall-card{transition:none}.rn-gallery .rn-wall-card:hover{transform:none}}
/* Real note covers share one clean, rounded frame across both RedNote views. */
.rn-case-media .rn-cover-button.rn-image-frame,.rn-gallery .rn-wall-card.rn-image-frame{border:1px solid #deddd6;border-radius:14px;overflow:hidden;background:#fff}
.rn-gallery .rn-wall-card.rn-image-frame{padding:0}