.lc-games-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.lc-game-chip {
display: flex;
align-items: center;
justify-content: center;
min-height: 64px;
padding: 16px 18px;
border: 1px solid var(--lc-border);
background: var(--lc-card);
font: 700 16px var(--lc-font-title);
letter-spacing: .4px;
text-align: center;
transition: border-color .2s, transform .2s;
}
.lc-game-chip:hover {
border-color: var(--lc-pink);
transform: translateY(-2px);
}
.lc-game-chip.lc-more {
background: linear-gradient(110deg, #1a1218, #15151a);
color: var(--lc-pink);
} .lc-note-box {
display: flex;
align-items: center;
gap: 18px;
margin-top: 22px;
padding: 24px 26px;
border-left: 3px solid var(--lc-pink);
background: #131318;
}
.lc-note-box i {
width: 38px;
color: var(--lc-pink);
font-size: 30px;
text-align: center;
}
.lc-note-box strong {
display: block;
margin-bottom: 5px;
font: 700 18px var(--lc-font-title);
}
.lc-note-box p {
margin: 0;
color: #aaa;
font-size: 14px;
line-height: 1.55;
} .lc-faq-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
.lc-faq-card {
padding: 24px;
border: 1px solid var(--lc-border);
background: var(--lc-card);
}
.lc-faq-card h3 {
margin: 0 0 9px;
color: var(--lc-pink);
font: 700 19px var(--lc-font-title);
}
.lc-faq-card p {
margin: 0;
color: #bcbcc5;
font-size: 14px;
line-height: 1.65;
} .lc-zone-section {
padding: 75px 0;
border-top: 1px solid #202027;
}
.lc-zone-section.lc-alt {
background: var(--lc-bg2);
}
.lc-zone-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 25px;
}
.lc-zone-top h2 {
margin: 0 0 10px;
font: 700 43px/1 var(--lc-font-title);
text-transform: uppercase;
color: var(--lc-white);
}
.lc-zone-top p {
max-width: 720px;
margin: 0;
color: #aaa;
font-size: 16px;
line-height: 1.65;
}
.lc-zone-badge-lg {
flex: 0 0 auto;
padding: 8px 12px;
background: var(--lc-pink);
color: #fff;
font: 700 12px var(--lc-font-title);
letter-spacing: 1px;
}
.lc-zone-layout {
display: grid;
grid-template-columns: 1.18fr .82fr;
gap: 20px;
align-items: stretch;
}
.lc-zone-layout.lc-reverse {
grid-template-columns: .82fr 1.18fr;
}
.lc-zone-layout.lc-reverse .lc-zone-photo {
order: 2;
}
.lc-zone-photo {
min-height: 430px;
overflow: hidden;
border: 1px solid var(--lc-border);
background: radial-gradient(circle at 50% 35%, #312332, #111116);
}
.lc-zone-photo img {
width: 100%;
height: 100%;
object-fit: cover;
} .lc-spec-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
height: 100%;
margin: 0;
}
.lc-spec-card {
display: flex;
flex-direction: column;
justify-content: center;
padding: 22px;
border: 1px solid var(--lc-border);
background: var(--lc-card);
transition: border-color .2s, transform .2s;
}
.lc-spec-card:hover {
border-color: var(--lc-pink);
transform: translateY(-2px);
}
.lc-spec-card i {
margin-bottom: 13px;
color: var(--lc-pink);
font-size: 27px;
}
.lc-spec-card dt {
color: #888;
font: 700 11px var(--lc-font-title);
letter-spacing: 1px;
text-transform: uppercase;
}
.lc-spec-card dd {
margin: 5px 0 0;
color: #fff;
font: 700 21px/1.2 var(--lc-font-title);
}
.lc-spec-card.lc-highlight dd {
color: var(--lc-pink);
}
.lc-zone-note {
margin-top: 16px;
color: #888;
font-size: 12px;
line-height: 1.5;
} @media (max-width: 992px) {
.lc-zone-layout,
.lc-zone-layout.lc-reverse {
grid-template-columns: 1fr;
}
.lc-zone-layout.lc-reverse .lc-zone-photo {
order: 0;
}
.lc-zone-photo {
min-height: 350px;
}
.lc-games-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 720px) {
.lc-games-grid,
.lc-faq-grid,
.lc-spec-grid {
grid-template-columns: 1fr;
}
.lc-zone-section {
padding: 48px 0;
}
.lc-zone-top {
display: block;
}
.lc-zone-top h2 {
font-size: 32px;
}
.lc-zone-badge-lg {
display: inline-block;
margin-top: 18px;
}
.lc-zone-photo {
min-height: 270px;
}
.lc-note-box {
display: block;
}
.lc-note-box i {
margin-bottom: 12px;
text-align: left;
}
}