.four-red-cards-container{position:relative;width:min(100%,var(--container-max-full));margin:calc(var(--spacing-unit) * 25) auto;z-index:3;clear:both;overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.four-red-cards-item{position:relative;width:100%;aspect-ratio:9/16;background-size:cover;background-position:center;transition:transform var(--transition-base);cursor:pointer;overflow:hidden;display:block;text-decoration:none}.four-red-cards-overlay{position:relative;height:100%;background-color:rgba(244,100,109,.7);opacity:1;transition:opacity var(--transition-base)}.four-red-cards-text{position:absolute;bottom:calc(var(--spacing-unit) * 28);left:23.96%;right:23.96%;color:var(--color-text-white);font-size:var(--font-base);line-height:var(--space-6);text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-family:"Noto Sans CJK",sans-serif;font-weight:400;text-align:center;letter-spacing:0;height:4%;overflow:hidden}.four-red-cards-title-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;background-color:transparent;transition:all var(--transition-slow);z-index:2;pointer-events:none}.four-red-cards-main-title{display:flex;flex-direction:column;width:var(--space-139_75);align-items:center;justify-content:center}.four-red-cards-title-cn{position:relative;width:fit-content;margin-top:var(--space-px);text-shadow:0 0 calc(var(--spacing-unit) * 1.25) #00000066;font-family:"Noto Sans CJK",sans-serif;font-weight:900;color:var(--color-text-white);font-size:var(--font-7xl);letter-spacing:0;line-height:calc(var(--spacing-unit) * 25);white-space:nowrap}.four-red-cards-title-en{position:relative;align-self:stretch;font-family:"Noto Sans CJK",sans-serif;font-weight:400;color:var(--color-text-white);font-size:var(--font-5xl);text-align:center;letter-spacing:0;line-height:normal}.four-red-cards-item{transition:all var(--transition-base)}.four-red-cards-item.active,.four-red-cards-item:hover{transform:scale(1.05)!important;z-index:10;box-shadow:0 8px 32px rgba(0,0,0,.2)!important}.four-red-cards-item.active .four-red-cards-overlay,.four-red-cards-item:hover .four-red-cards-overlay{opacity:0!important}.four-red-cards-container .four-red-cards-title-overlay.hidden,.four-red-cards-container:hover .four-red-cards-title-overlay{opacity:0;transform:scale(.8)}.four-red-cards-container .four-red-cards-title-overlay{opacity:1;transform:scale(1);transition:all var(--transition-base)}@media (max-width:1024px){.four-red-cards-container{margin:var(--space-16) auto}.four-red-cards-title-cn{font-size:var(--font-6xl)}.four-red-cards-title-en{font-size:var(--font-4xl)}}@media (max-width:768px){.four-red-cards-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:var(--space-12) auto}.four-red-cards-item.active,.four-red-cards-item:hover{transform:scale(1.03)!important}.four-red-cards-title-cn{font-size:var(--font-4xl)}.four-red-cards-title-en{font-size:var(--font-xl)}.four-red-cards-text{font-size:var(--font-sm);bottom:var(--space-4);left:var(--space-2);right:var(--space-2);line-height:1.4;-webkit-line-clamp:2;line-clamp:2}}@media (max-width:480px){.four-red-cards-container{margin:var(--space-8) auto}.four-red-cards-title-cn{font-size:var(--font-3xl);line-height:calc(var(--spacing-unit) * 14)}.four-red-cards-title-en{font-size:var(--font-lg)}.four-red-cards-text{font-size:var(--font-xs);bottom:var(--space-2);-webkit-line-clamp:1;line-clamp:1}}@media (max-width:767px) and (orientation:landscape){.four-red-cards-container{grid-template-columns:repeat(4,1fr);height:calc(var(--space-187_5) * .4)}.four-red-cards-text{bottom:var(--space-2);font-size:var(--font-xs);-webkit-line-clamp:1;line-clamp:1}}@media (min-width:1920px){.four-red-cards-container{width:100%;max-width:var(--container-max-full)}}@media (prefers-contrast:high){.four-red-cards-overlay{background-color:rgba(0,0,0,.8)}.four-red-cards-text{text-shadow:2px 2px 4px rgba(0,0,0,.9)}.four-red-cards-title-cn,.four-red-cards-title-en{text-shadow:2px 2px 6px rgba(0,0,0,.9)}}@media (prefers-reduced-motion:reduce){.four-red-cards-item:hover{transform:none}.four-red-cards-item,.four-red-cards-overlay,.four-red-cards-title-overlay{transition:none}}@media print{.four-red-cards-item{transform:none!important;transition:none!important;will-change:auto;box-shadow:none!important}}.four-red-cards-item:focus{outline:3px solid transparent;outline-offset:2px}.four-red-cards-item:focus-visible{outline:3px solid transparent;outline-offset:2px}