.nextjs-redis-page{--redis-red:#ff425d;--redis-hot:#ff775f;--redis-cyan:#34d8ff;--redis-green:#35d89a}.nextjs-redis-page .compose-diagram{border-color:rgba(255,66,93,.28)}.nextjs-redis-page .compose-diagram i{color:var(--redis-red)}.nextjs-redis-page .compose-diagram .redis{box-shadow:inset 0 0 28px rgba(255,66,93,.08)}.redis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.redis-grid section{padding:20px;border:1px solid rgba(255,66,93,.18);border-radius:16px;background:linear-gradient(145deg,rgba(255,66,93,.045),rgba(79,124,255,.045))}.redis-grid h3{margin-top:0}.redis-layer-grid>[role=img]{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}.redis-layer-grid section{min-width:0}.redis-split>[role=img]{display:flex;gap:18px}.redis-split section{grid-template-columns:1fr 1fr}.redis-split section strong{grid-column:1/-1}.redis-rate-flow>[role=img]{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.redis-rate-flow .node{position:relative;min-width:0}.redis-rate-flow .node:not(:last-child)::after{position:absolute;right:-18px;top:50%;content:'\2192';color:var(--redis-red);transform:translateY(-50%)}.redis-branch>[role=img]{display:grid;grid-template-columns:1fr auto 1fr;gap:18px}.redis-branch section{grid-template-columns:1fr}.redis-code-note{margin:18px 0;padding:16px 18px;border-left:4px solid var(--redis-red);border-radius:0 12px 12px 0;background:rgba(255,66,93,.06)}.redis-key-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.redis-key-list code{display:block;padding:14px;border:1px solid rgba(79,124,255,.2);border-radius:12px;background:rgba(79,124,255,.06);text-align:center}.redis-status{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(53,216,154,.12);color:#21845f;font-size:.78rem;font-weight:700}.redis-page-table{max-width:100%;overflow-x:auto}.redis-page-table table{min-width:660px}.redis-page-table th{white-space:nowrap}.nextjs-redis-page .code-block pre{max-width:100%;overflow-x:auto}.nextjs-redis-page .compose-learning-path{grid-template-columns:repeat(4,1fr)}
@media(max-width:767px){.redis-grid,.redis-key-list,.nextjs-redis-page .compose-learning-path{grid-template-columns:1fr}.redis-layer-grid>[role=img],.redis-split>[role=img],.redis-rate-flow>[role=img],.redis-branch>[role=img]{display:flex;flex-direction:column}.redis-split section{grid-template-columns:1fr}.redis-rate-flow .node:not(:last-child)::after{right:50%;top:auto;bottom:-24px;transform:translateX(50%) rotate(90deg)}}