.version-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding: 9px 12px;
    border: 1px solid #354049;
    background: #0a0d10;
    font: 800 9px monospace;
    letter-spacing: 1px;
}

.version-status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--yellow);
    box-shadow: 0 0 10px var(--yellow);
}

.version-status span { color: var(--yellow); }
.version-status b {
    color: #87919a;
    border-left: 1px solid #364049;
    padding-left: 10px;
}

.quick-guide-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.quick-guide-grid button,
.quick-guide-grid .quick-guide-link {
    min-height: 112px;
    border: 1px solid #303840;
    background: linear-gradient(135deg, #151a20, #0b0e11);
    color: #fff;
    padding: 18px;
    display: grid;
    grid-template-columns: 55px 1fr 20px;
    align-items: center;
    gap: 12px;
    text-align: left;
    cursor: pointer;
    transition: .2s;
    text-decoration: none;
}

.quick-guide-grid button:hover,
.quick-guide-grid .quick-guide-link:hover {
    border-color: var(--yellow);
    transform: translateY(-3px);
    box-shadow: inset 0 -3px var(--yellow);
}

.quick-guide-grid img { width: 50px; height: 50px; object-fit: contain; }
.quick-guide-grid span { min-width: 0; }
.quick-guide-grid b, .quick-guide-grid small { display: block; }
.quick-guide-grid b { font-size: 13px; letter-spacing: .5px; }
.quick-guide-grid small { color: #89939c; font: 700 9px/1.45 monospace; margin-top: 7px; }
.quick-guide-grid i { color: var(--yellow); font-size: 22px; font-style: normal; }

@media (max-width: 1150px) {
    .quick-guide-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 590px) {
    .quick-guide-grid { grid-template-columns: 1fr; }
    .version-status { align-items: flex-start; flex-wrap: wrap; }
}