/* /Components/Controls/PracticeHistoryDisplay.razor.rz.scp.css */
// src/CubeBlazor/Components/Controls/PracticeHistoryDisplay.razor.css
.practice-history[b-kwcgogslv9] {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    /* 增加最小宽度以适应更长的名称 */
}

.history-title[b-kwcgogslv9] {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 5px;
    text-align: center;
}

.history-list[b-kwcgogslv9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.history-item[b-kwcgogslv9] {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    color: #333;
    gap: 1rem;
    /* 减少间距 */
}

.history-name[b-kwcgogslv9] {
    font-weight: bold;
    flex: 1;
    /* 让名称占据更多空间 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
    /* 限制最大宽度 */
}

.history-time[b-kwcgogslv9] {
    color: #666;
    flex-shrink: 0;
    /* 防止时间被压缩 */
    min-width: 60px;
    /* 确保时间有足够空间 */
}

@media (max-width: 768px) {
    .practice-history[b-kwcgogslv9] {
        display: inline-flex;
        gap: 1rem;
        align-items: center;
        padding: 8px 16px;
        min-width: 180px;
        /* 移动端稍微减小最小宽度 */
    }

    .history-title[b-kwcgogslv9] {
        margin-bottom: 0;
        margin-right: 1rem;
    }

    .history-list[b-kwcgogslv9] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .history-item[b-kwcgogslv9] {
        margin: 0 0.5rem;
        flex-direction: column;
        /* 移动端改为垂直排列 */
        align-items: center;
        gap: 0.2rem;
    }

    .history-name[b-kwcgogslv9] {
        max-width: 100px;
        /* 移动端进一步限制名称宽度 */
        text-align: center;
    }

    .history-time[b-kwcgogslv9] {
        font-size: 0.8rem;
        min-width: auto;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ex1mc3nyqw] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ex1mc3nyqw] {
    flex: 1;
}

.sidebar[b-ex1mc3nyqw] {
    background-color: #FFDDDD;
    /* background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);  删除或注释掉这一行 */
}

.top-row[b-ex1mc3nyqw] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-ex1mc3nyqw]  a,
.top-row[b-ex1mc3nyqw]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-ex1mc3nyqw]  a:hover,
.top-row[b-ex1mc3nyqw]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-ex1mc3nyqw]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row[b-ex1mc3nyqw] {
        justify-content: space-between;
    }

    .top-row[b-ex1mc3nyqw]  a,
    .top-row[b-ex1mc3nyqw]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ex1mc3nyqw] {
        flex-direction: row;
    }

    .sidebar[b-ex1mc3nyqw] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ex1mc3nyqw] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ex1mc3nyqw]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ex1mc3nyqw],
    article[b-ex1mc3nyqw] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ex1mc3nyqw] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ex1mc3nyqw] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-u7jfg760ry] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-u7jfg760ry] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-u7jfg760ry] {
    min-height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.4);
}

.navbar-brand[b-u7jfg760ry] {
    font-size: 1.1rem;
}

.bi[b-u7jfg760ry] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23444444' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-book-fill-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23444444' class='bi bi-book-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23444444' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-cube-2x2-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath d='M96 960h368v-336q0 -13 -9.5 -22.5t-22.5 -9.5h-336v368zM560 960h368v-368h-336q-13 0 -22.5 9.5t-9.5 22.5v336zM96 496h336q13 0 22.5 -9.5t9.5 -22.5v-336h-368v368zM592 496h336v-368h-368v336q0 13 9.5 22.5t22.5 9.5z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-3x3-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath d='M64 992h256v-224q0 -13 -9.5 -22.5t-22.5 -9.5h-224v256zM704 992h256v-256h-224q-13 0 -22.5 9.5t-9.5 22.5v224zM384 992h256v-224q0 -13 -9.5 -22.5t-22.5 -9.5h-192q-13 0 -22.5 9.5t-9.5 22.5v224zM64 672h224q13 0 22.5 -9.5t9.5 -22.5v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-224v256zM736 672h224v-256h-224q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5zM416 672h192q13 0 22.5 -9.5t9.5 -22.5v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-192q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5zM64 352h224q13 0 22.5 -9.5t9.5 -22.5v-224h-256v256zM736 352h224v-256h-256v224q0 13 9.5 22.5t22.5 9.5zM416 352h192q13 0 22.5 -9.5t9.5 -22.5v-224h-256v224q0 13 9.5 22.5t22.5 9.5z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-pry-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath transform='rotate(180 512 512)' d='M153 336l124 -214q1 -1 1.5 -3t0.5 -5q0 -6 -5 -11t-11 -5h-247q-7 0 -11.5 5t-4.5 11q0 3 0.5 5t1.5 4l124 213q2 4 5.5 6t7.5 2q5 0 8.5 -2t5.5 -6v0zM526 336l123 -214q1 -1 1.5 -3t0.5 -5q0 -6 -4.5 -11t-11.5 -5h-246q-7 0 -11.5 5t-4.5 11q0 3 0.5 5t1.5 4l123 213q2 4 6 6t8 2t8 -2t6 -6v0zM898 336l124 -214q1 -1 1.5 -3t0.5 -5q0 -6 -4.5 -11t-11.5 -5h-247q-6 0 -11 5t-5 11q0 3 0.5 5t1.5 4l124 213q2 4 5.5 6t8.5 2q4 0 7.5 -2t5.5 -6v0zM340 659l123 -214q1 -2 1.5 -4t0.5 -4q0 -7 -4.5 -11.5t-11.5 -4.5h-247q-6 0 -11 4.5t-5 11.5q0 2 0.5 4t1.5 4l124 214q2 3 5.5 5.5t8.5 2.5q4 0 7.5 -2.5t6.5 -5.5v0zM712 659l123 -214l2 -4t1 -4q0 -7 -5 -11.5t-11 -4.5h-247q-7 0 -11.5 4.5t-4.5 11.5q0 2 0.5 4t1.5 4l123 214q3 3 6.5 5.5t7.5 2.5q5 0 8.5 -2.5t5.5 -5.5v0zM526 982l123 -214q1 -2 1.5 -4t0.5 -4q0 -7 -4.5 -11.5t-11.5 -4.5h-246q-7 0 -11.5 4.5t-4.5 11.5q0 2 0.5 4t1.5 4l123 214q2 3 6 5t8 2t8 -2t6 -5v0zM498 465l-123 214q-1 2 -1.5 4t-0.5 4q0 7 4.5 11.5t11.5 4.5h246q7 0 11.5 -4.5t4.5 -11.5q0 -2 -0.5 -4t-1.5 -4l-123 -214q-2 -3 -6 -5.5t-8 -2.5t-8 2.5t-6 5.5v0zM312 143l-124 214q-1 1 -1.5 3t-0.5 5q0 6 5 11t11 5h247q7 0 11.5 -5t4.5 -11q0 -3 -0.5 -5t-1.5 -4l-123 -213q-3 -4 -6.5 -6t-7.5 -2q-5 0 -8.5 2t-5.5 6v0zM684 143l-123 214q-1 1 -1.5 3t-0.5 5q0 6 4.5 11t11.5 5h247q6 0 11 -5t5 -11q0 -3 -0.5 -5t-1.5 -4l-124 -213q-2 -4 -5.5 -6t-8.5 -2q-4 0 -7.5 2t-6.5 6v0z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-clock-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath d='M880 288q38 54 59 119t21 137t-21.5 137t-59.5 120q-3 44 -34.5 75.5t-76.5 35.5q-54 38 -119 59t-137 21t-137 -21.5t-120 -59.5q-44 -3 -75.5 -34.5t-35.5 -76.5q-38 -54 -59 -119t-21 -137t21.5 -137t59.5 -120q3 -44 34.5 -75.5t76.5 -35.5q54 -38 119 -59t137 -21t137 21.5t120 59.5q44 3 75.5 34.5t35.5 76.5v0zM758 871v0v0q33 0 57 -24t24 -57q0 -34 -24 -58t-57 -24q-34 0 -58 24t-24 58v0v0q0 33 24 57t58 24v0zM676 544q0 34 24 58t58 24q33 0 57 -24t24 -58t-24 -58t-57 -24q-34 0 -58 24t-24 58zM676 298q0 34 24 58t58 24q33 0 57 -24t24 -58q0 -33 -24 -57t-57 -24q-34 0 -58 24t-24 57v0zM266 217q-33 0 -57 24t-24 57q0 34 24 58t57 24q34 0 58 -24t24 -58q0 -33 -24 -57t-58 -24zM348 790v0v0q0 -34 -24 -58t-58 -24q-33 0 -57 24t-24 58q0 33 24 57t57 24q34 0 58 -24t24 -57v0zM348 544q0 -34 -24 -58t-58 -24q-33 0 -57 24t-24 58t24 58t57 24q34 0 58 -24t24 -58zM512 217q-34 0 -58 24t-24 57q0 34 24 58t58 24t58 -24t24 -58v0v0q0 -33 -24 -57t-58 -24v0zM512 462q-34 0 -58 24t-24 58t24 58t58 24t58 -24t24 -58t-24 -58t-58 -24zM512 708q-34 0 -58 24t-24 58q0 33 24 57t58 24t58 -24t24 -57q0 -34 -24 -58t-58 -24z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-4x4-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath d='M64 992h176v-160q0 -7 -4.5 -11.5t-11.5 -4.5h-160v176zM784 992h176v-176h-160q-7 0 -11.5 4.5t-4.5 11.5v160zM544 992h176v-160q0 -7 -4.5 -11.5t-11.5 -4.5h-144q-7 0 -11.5 4.5t-4.5 11.5v160zM304 992h176v-160q0 -7 -4.5 -11.5t-11.5 -4.5h-144q-7 0 -11.5 4.5t-4.5 11.5v160zM64 752h160q7 0 11.5 -4.5t4.5 -11.5v-144q0 -7 -4.5 -11.5t-11.5 -4.5h-160v176zM800 752h160v-176h-160q-7 0 -11.5 4.5t-4.5 11.5v144q0 7 4.5 11.5t11.5 4.5zM560 752h144q7 0 11.5 -4.5t4.5 -11.5v-144q0 -7 -4.5 -11.5t-11.5 -4.5h-144q-7 0 -11.5 4.5t-4.5 11.5v144q0 7 4.5 11.5t11.5 4.5zM320 752h144q7 0 11.5 -4.5t4.5 -11.5v-144q0 -7 -4.5 -11.5t-11.5 -4.5h-144q-7 0 -11.5 4.5t-4.5 11.5v144q0 7 4.5 11.5t11.5 4.5zM64 512h160q7 0 11.5 -4.5t4.5 -11.5v-144q0 -7 -4.5 -11.5t-11.5 -4.5h-160v176zM800 512h160v-176h-160q-7 0 -11.5 4.5t-4.5 11.5v144q0 7 4.5 11.5t11.5 4.5zM560 512h144q7 0 11.5 -4.5t4.5 -11.5v-144q0 -7 -4.5 -11.5t-11.5 -4.5h-144q-7 0 -11.5 4.5t-4.5 11.5v144q0 7 4.5 11.5t11.5 4.5zM320 512h144q7 0 11.5 -4.5t4.5 -11.5v-144q0 -7 -4.5 -11.5t-11.5 -4.5h-144q-7 0 -11.5 4.5t-4.5 11.5v144q0 7 4.5 11.5t11.5 4.5zM64 272h160q7 0 11.5 -4.5t4.5 -11.5v-160h-176v176zM800 272h160v-176h-176v160q0 7 4.5 11.5t11.5 4.5zM560 272h144q7 0 11.5 -4.5t4.5 -11.5v-160h-176v160q0 7 4.5 11.5t11.5 4.5zM320 272h144q7 0 11.5 -4.5t4.5 -11.5v-160h-176v160q0 7 4.5 11.5t11.5 4.5z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-5x5-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath d='M64 992h128v-112q0 -7 -4.5 -11.5t-11.5 -4.5h-112v128zM640 992h128v-112q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v112zM832 992h128v-128h-112q-7 0 -11.5 4.5t-4.5 11.5v112zM448 992h128v-112q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v112zM256 992h128v-112q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v112zM64 800h112q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-112v128zM656 800h96q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM848 800h112v-128h-112q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM464 800h96q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM272 800h96q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM64 608h112q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-112v128zM656 608h96q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM848 608h112v-128h-112q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM464 608h96q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM272 608h96q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM64 416h112q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-112v128zM656 416h96q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM848 416h112v-128h-112q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM464 416h96q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM272 416h96q7 0 11.5 -4.5t4.5 -11.5v-96q0 -7 -4.5 -11.5t-11.5 -4.5h-96q-7 0 -11.5 4.5t-4.5 11.5v96q0 7 4.5 11.5t11.5 4.5zM64 224h112q7 0 11.5 -4.5t4.5 -11.5v-112h-128v128zM656 224h96q7 0 11.5 -4.5t4.5 -11.5v-112h-128v112q0 7 4.5 11.5t11.5 4.5zM848 224h112v-128h-128v112q0 7 4.5 11.5t11.5 4.5zM464 224h96q7 0 11.5 -4.5t4.5 -11.5v-112h-128v112q0 7 4.5 11.5t11.5 4.5zM272 224h96q7 0 11.5 -4.5t4.5 -11.5v-112h-128v112q0 7 4.5 11.5t11.5 4.5z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-6x6-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath d='M48 1008h120v-108q0 -7 -4.5 -11.5t-11.5 -4.5h-104v124zM536 1008h112v-108q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v108zM696 1008h112v-108q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v108zM856 1008h120v-124h-104q-7 0 -11.5 4.5t-4.5 11.5v108zM376 1008h112v-108q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v108zM216 1008h112v-108q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v108zM48 840h104q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-104v112zM552 840h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM712 840h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM872 840h104v-112h-104q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM392 840h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM232 840h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM48 680h104q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-104v112zM552 680h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM712 680h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM872 680h104v-112h-104q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM392 680h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM232 680h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM48 520h104q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-104v112zM552 520h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM712 520h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM872 520h104v-112h-104q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM392 520h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM232 520h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM48 360h104q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-104v112zM552 360h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM712 360h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM872 360h104v-112h-104q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM392 360h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM232 360h80q7 0 11.5 -4.5t4.5 -11.5v-80q0 -7 -4.5 -11.5t-11.5 -4.5h-80q-7 0 -11.5 4.5t-4.5 11.5v80q0 7 4.5 11.5t11.5 4.5zM48 200h104q7 0 11.5 -4.5t4.5 -11.5v-104h-120v120zM552 200h80q7 0 11.5 -4.5t4.5 -11.5v-104h-112v104q0 7 4.5 11.5t11.5 4.5zM712 200h80q7 0 11.5 -4.5t4.5 -11.5v-104h-112v104q0 7 4.5 11.5t11.5 4.5zM872 200h104v-120h-120v104q0 7 4.5 11.5t11.5 4.5zM392 200h80q7 0 11.5 -4.5t4.5 -11.5v-104h-112v104q0 7 4.5 11.5t11.5 4.5zM232 200h80q7 0 11.5 -4.5t4.5 -11.5v-104h-112v104q0 7 4.5 11.5t11.5 4.5z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-7x7-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath d='M48 1008h128v-112q0 -7 -4.5 -11.5t-11.5 -4.5h-112v128zM848 1008h128v-128h-112q-7 0 -11.5 4.5t-4.5 11.5v112zM464 1008h96v-112q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v112zM592 1008h96v-112q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v112zM720 1008h96v-112q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v112zM336 1008h96v-112q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v112zM208 1008h96v-112q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v112zM48 848h112q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-112v96zM864 848h112v-96h-112q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM480 848h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM608 848h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM736 848h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM352 848h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM224 848h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM48 720h112q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-112v96zM864 720h112v-96h-112q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM480 720h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM608 720h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM736 720h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM352 720h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM224 720h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM48 592h112q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-112v96zM864 592h112v-96h-112q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM480 592h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM608 592h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM736 592h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM352 592h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM224 592h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM48 464h111q6 0 11 -4.5t5 -11.5v-64q0 -7 -5 -11.5t-11 -4.5h-111v96v0zM864 464h112v-96h-112q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM480 464h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM608 464h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM736 464h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM352 464h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM224 464h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM48 336h112q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-112v96zM864 336h112v-96h-112q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM480 336h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM608 336h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM736 336h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM352 336h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM224 336h64q7 0 11.5 -4.5t4.5 -11.5v-64q0 -7 -4.5 -11.5t-11.5 -4.5h-64q-7 0 -11.5 4.5t-4.5 11.5v64q0 7 4.5 11.5t11.5 4.5zM48 208h112q7 0 11.5 -4.5t4.5 -11.5v-112h-128v128zM864 208h112v-128h-128v112q0 7 4.5 11.5t11.5 4.5zM480 208h64q7 0 11.5 -4.5t4.5 -11.5v-112h-96v112q0 7 4.5 11.5t11.5 4.5zM608 208h64q7 0 11.5 -4.5t4.5 -11.5v-112h-96v112q0 7 4.5 11.5t11.5 4.5zM736 208h64q7 0 11.5 -4.5t4.5 -11.5v-112h-96v112q0 7 4.5 11.5t11.5 4.5zM352 208h64q7 0 11.5 -4.5t4.5 -11.5v-112h-96v112q0 7 4.5 11.5t11.5 4.5zM224 208h64q7 0 11.5 -4.5t4.5 -11.5v-112h-96v112q0 7 4.5 11.5t11.5 4.5z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-oneh-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024' transform='rotate(180)'%3E%3Cpath d='M111 905v28v0v0q0 18 7.5 33t19.5 26h-74v-90q6 2 13.5 3.5t15.5 1.5q5 0 9.5 -0.5t9.5 -1.5h-1zM704 992v-224q0 -13 9.5 -22.5t22.5 -9.5h224v256h-256zM455 922v-179q14 8 30.5 13t33.5 5h0.5h0.5q12 0 22 -7t14 -18h52q13 0 22.5 9.5t9.5 22.5v224h-231q20 -9 33 -28t13 -42v0zM704 640v-192q0 -13 9.5 -22.5t22.5 -9.5h224v256h-224q-13 0 -22.5 -9.5t-9.5 -22.5zM608 416q13 0 22.5 9.5t9.5 22.5v192q0 13 -9.5 22.5t-22.5 9.5h-49v-256h49zM64 152v-56h29v20q-8 8 -15 17t-13 18zM704 320v-224h256v256h-224q-13 0 -22.5 -9.5t-9.5 -22.5zM559 306v0v0q0 -64 -26.5 -118t-71.5 -92h179v224q0 13 -9.5 22.5t-22.5 9.5h-49v-46zM508 714q-34 0 -57.5 -23.5t-23.5 -57.5v-115q-4 2 -8.5 4.5t-9.5 4.5l-1 380q0 15 -10.5 25.5t-24.5 10.5q-15 0 -25.5 -10.5t-10.5 -25.5v-367h-20v417q0 14 -10.5 24.5t-24.5 10.5q-15 0 -25.5 -10.5t-10.5 -24.5v-417h-20v380q0 15 -10 25t-25 10t-25.5 -10t-10.5 -25v-380h-20v269q0 15 -10 25t-25 10v0v0h-1q-14 0 -24.5 -10t-10.5 -25v0v0v-492v-0.5v-0.5q1 -55 25.5 -101t65.5 -76l1 -43h216v17q61 26 98.5 81t37.5 124v396z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-minx-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024' transform='rotate(180)'%3E%3Cpath d='M699 854l-187 137l-188 -137l187 -136zM472 689l-188 136l-10 -7l72 -220l126 91v0zM48 653l72 -220l187 136l-72 220zM661 551l-150 109l-150 -109l58 -176h185zM505 108h12l72 220h-155l71 -220v0zM322 523l-187 -136l4 -12h231zM225 108h231l-71 220h-231l71 -220v0zM748 819l-9 7l-188 -137l125 -91zM889 386l-188 137l-48 -148h232l4 11v0zM566 108h233l71 220h-232l-72 -220v0zM976 653l-188 137l-72 -221l188 -137z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-skew-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath d='M139 555l362 362q4 4 11 4t11 -4l362 -362q4 -4 4 -11t-4 -11l-362 -362q-4 -4 -11 -4t-11 4l-362 362q-4 4 -4 11t4 11zM400 960h-304v-304q0 -3 2.5 -5.5t5.5 -2.5l304 304q0 3 -2.5 5.5t-5.5 2.5zM400 144l-296 296q-3 0 -5.5 -2.5t-2.5 -5.5v-304h304q3 0 5.5 2.5t2.5 5.5zM920 440l-304 -304q0 -3 2.5 -5.5t5.5 -2.5h304v304q0 3 -2.5 5.5t-5.5 2.5zM624 960q-3 0 -5.5 -2.5t-2.5 -5.5l304 -304q3 0 5.5 2.5t2.5 5.5v304h-304z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-3blind-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024' transform='rotate(180)'%3E%3Cpath d='M156 850q36 18 76.5 31.5t84.5 20.5l3 90h-256v-213q19 21 42 38.5t48 31.5zM960 779v213h-256v-90q46 -7 87.5 -21t79.5 -33q25 -13 47 -30.5t42 -38.5v0zM507 912h10q33 0 63.5 -0.5t59.5 -2.5v83h-256v-83q29 2 59.5 2.5t63.5 0.5zM507 441q-27 0 -53 -6.5t-51 -15.5q2 -1 5.5 -2t7.5 -1h192q4 0 7.5 1t6.5 2q-26 9 -52 15.5t-53 6.5h-10zM288 352h-224v-256h256v224q0 13 -9.5 22.5t-22.5 9.5zM704 320v-224h256v256h-224q-13 0 -22.5 -9.5t-9.5 -22.5zM608 352h-192q-13 0 -22.5 -9.5t-9.5 -22.5v-224h256v224q0 13 -9.5 22.5t-22.5 9.5zM510 490q-63 0 -125.5 -29.5t-127.5 -38.5q-44 -7 -80 15q-36 23 -61 57.5t-38 72.5t-11 63q3 42 28.5 91.5t107.5 89.5q85 37 154.5 43t152.5 6h4q83 0 152.5 -6t154.5 -43q82 -40 107.5 -89.5t28.5 -91.5q2 -25 -11 -63t-38 -72.5t-61 -57.5q-36 -22 -80 -16q-65 10 -129 39.5t-128 29.5v0z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-3minstep-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath d='M320 256v-224h-256v256h224q13 0 22.5 -9.5t9.5 -22.5zM765 97l130 130q8 8 9.5 18.5t-5.5 17.5l-25 25h86v-256h-256v86l25 -25q7 -7 17.5 -5.5t18.5 9.5v0zM640 32h-256v224q0 13 9.5 22.5t22.5 9.5h118l106 -106v-150zM320 502v-118q0 -13 -9.5 -22.5t-22.5 -9.5h-224v256h156l4 -10zM704 576q0 13 9.5 22.5t22.5 9.5h224v-256h-150l-106 106v118zM416 352q-13 0 -22.5 9.5t-9.5 22.5v54l86 -86h-54zM608 608q13 0 22.5 -9.5t9.5 -22.5v-54l-86 86h54zM197 672h-133v256h256v-133l-193 70zM704 704v224h256v-256h-224q-13 0 -22.5 9.5t-9.5 22.5zM384 772v156h256v-224q0 -13 -9.5 -22.5t-22.5 -9.5h-118l-96 96zM331 717q-20 -8 -34 -22t-21 -33l434 -435l55 55zM367 752q-22 3 -20 -19l434 -434l20 19zM259 645q-22 2 -19 -20l434 -434l19 20z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-sq1-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath d='M928 628l-314 -84l314 -84v168zM428 128h168l-84 314zM596 960h-168l84 -314zM96 628v-168l314 84zM549 507l102 -379h277v277zM651 960l-102 -379l379 102v277h-277v0zM373 960h-277v-277l379 -102zM96 405v-277h277l102 379l-379 -102v0z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-cube-score-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1664 1280'%3E%3Cpath d='M512 1120v-192q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23 -9t9 -23zM512 736v-192q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23 -9t9 -23zM1024 1120v-192q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23 -9t9 -23zM512 352v-192q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23 -9t9 -23zM1024 736v-192q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23 -9t9 -23zM1536 1120v-192q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23 -9t9 -23zM1024 352v-192q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23 -9t9 -23zM1536 736v-192q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23 -9t9 -23zM1536 352v-192q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23 -9t9 -23zM1664 32v1088q0 66 -47 113t-113 47h-1344q-66 0 -113 -47t-47 -113v-1088q0 -66 47 -113t113 -47h1344q66 0 113 47t47 113z' fill='%23444444'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-u7jfg760ry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23444444' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-u7jfg760ry] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-u7jfg760ry] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-u7jfg760ry] {
    padding-bottom: 1rem;
}

.nav-item[b-u7jfg760ry]  .nav-link {
    color: #444444;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;

    /* 防止换行并在宽度不足时显示省略号 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    /* 铺垫图标与文字间距（可调） */
    gap: 0.5rem;
}

/* 确保图标固定大小不被压缩 */
.nav-item[b-u7jfg760ry]  .nav-link .bi {
    flex-shrink: 0;
}

.nav-item[b-u7jfg760ry]  a.active {
    background-color: #ffeaea;
    color: #222222;
}

.nav-item[b-u7jfg760ry]  .nav-link:hover {
    background-color: #ffeaea;
    color: #222222;
}

.nav-scrollable[b-u7jfg760ry] {
    display: none;
}

.navbar-toggler:checked~.nav-scrollable[b-u7jfg760ry] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-u7jfg760ry] {
        display: none;
    }

    .nav-scrollable[b-u7jfg760ry] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Clock.razor.rz.scp.css */
.eg-group-title[b-l60wny2tt5] {
    color: #333;
    border-bottom: 2px solid #007bff;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}

.eg-grid[b-l60wny2tt5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.eg-item[b-l60wny2tt5] {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 200px;
    justify-content: space-between;
}

.eg-item:hover[b-l60wny2tt5] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.eg-item-header[b-l60wny2tt5] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    width: 100%;
    gap: 0.5rem;
}

.eg-number[b-l60wny2tt5] {
    font-weight: bold;
    color: #007bff;
    background: #f8f9fa;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.eg-title[b-l60wny2tt5] {
    color: #666;
    text-align: left;
    margin-left: 0.5rem;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eg-cube[b-l60wny2tt5] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1;
    min-height: 120px;
    margin: 0 auto;
}

.cube-container[b-l60wny2tt5] {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .eg-grid[b-l60wny2tt5] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 0.5rem;
    }

    .eg-item[b-l60wny2tt5] {
        padding: 0.5rem;
        height: 180px;
    }

    .eg-item-header[b-l60wny2tt5] {
        font-size: 0.8rem;
    }

    .cube-container[b-l60wny2tt5] {
        transform: scale(0.7);
    }
}

.eg-dialog-mask[b-l60wny2tt5] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eg-dialog[b-l60wny2tt5] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    padding: 2rem 2.5rem 1.5rem 2.5rem;
    min-width: 320px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    animation: eg-dialog-in-b-l60wny2tt5 0.18s;
}

@keyframes eg-dialog-in-b-l60wny2tt5 {
    from {
        transform: scale(0.92);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.eg-dialog-title[b-l60wny2tt5] {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
    color: #333;
    text-align: center;
}

.eg-dialog-cube[b-l60wny2tt5] {
    margin-bottom: 1.2rem;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eg-dialog-section[b-l60wny2tt5] {
    width: 100%;
    margin-bottom: 0.8rem;
}

.eg-dialog-label[b-l60wny2tt5] {
    font-size: 1rem;
    color: #007bff;
    margin-bottom: 0.2rem;
    font-weight: 500;
}

.eg-dialog-content[b-l60wny2tt5] {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 0.5rem 0.8rem;
    font-size: 1rem;
    color: #222;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
}
/* /Components/Pages/Eg.razor.rz.scp.css */
/* src/CubeBlazor/Components/Pages/Eg.razor.css */

/* 魔方标题样式 */
.cube-title[b-nla3m2z18n] {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 10;
}

.cube-title>div[b-nla3m2z18n] {
    text-align: center;
    font-size: 1.1rem;
}

/* 魔方显示区域 */
.cube-display[b-nla3m2z18n] {
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
}

/* 打乱公式显示样式 */
.scramble-display[b-nla3m2z18n] {
    color: #1976d2;
    text-align: center;
}

.scramble-display pre[b-nla3m2z18n] {
    white-space: pre-wrap;
    margin: 0;
    font-size: 1.5rem;
    color: #1976d2;
    text-align: center;
}

/* 解法显示样式 */
.solution-display[b-nla3m2z18n] {
    color: #333;
    text-align: center;
}

.solution-display pre[b-nla3m2z18n] {
    white-space: pre-wrap;
    margin: 0;
    font-size: 1.5rem;
    color: #333;
    text-align: center;
}

.no-solution[b-nla3m2z18n] {
    color: #aaa;
}

/* 练习记录容器 */
.practice-history-container[b-nla3m2z18n] {
    position: absolute;
    right: 20px;
    top: 20px;
}

/* 顶部按钮和范围输入的布局优化 */
.d-flex.align-items-center.gap-3[b-nla3m2z18n] {
    flex-wrap: wrap;
    row-gap: 0.5rem;
    column-gap: 1rem;
}

.btn-group[b-nla3m2z18n] {
    min-width: 5rem;
    flex-shrink: 0;
}

.input-group[b-nla3m2z18n] {
    width: auto;
}

.input-group.flex-grow-1[b-nla3m2z18n] {
    flex: 1 1 0%;
    min-width: 0;
    width: 100%;
}

.input-group-text[b-nla3m2z18n],
.input-group-text.range-label[b-nla3m2z18n] {
    width: 4rem;
    min-width: 4rem;
    justify-content: flex-start;
    display: flex;
    align-items: center;
}

.input-group.flex-grow-1 .form-control[b-nla3m2z18n] {
    flex: 1 1 0%;
    min-width: 0;
}

/* 默认：横向排列 */
.switch-group[b-nla3m2z18n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 1.5rem;
}

.switch-group .form-check[b-nla3m2z18n] {
    min-width: 6rem;
    font-size: 1.3rem;
}

/* 响应式布局 */
@media (max-width: 768px) {

    /* 标题在窄屏上的样式 */
    .cube-title[b-nla3m2z18n] {
        position: static;
        margin-bottom: 1rem;
    }

    /* 魔方显示区域在窄屏上可能需要调整 */
    .cube-display[b-nla3m2z18n] {
        height: auto;
        width: 100%;
        max-width: 300px;
        /* 限制最大宽度 */
        margin: 1rem 0;
    }

    /* 打乱公式在窄屏上的样式 */
    .scramble-display[b-nla3m2z18n] {
        margin-bottom: 1rem;
    }

    /* 解法在窄屏上的样式 */
    .solution-display[b-nla3m2z18n] {
        position: static;
        margin: 1rem 0;
    }

    .solution-display pre[b-nla3m2z18n] {
        font-size: 1.5rem;
        /* 窄屏上字体稍小 */
    }

    /* 练习记录在窄屏上的样式 */
    .practice-history-container[b-nla3m2z18n] {
        position: static;
        margin-top: 1rem;
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

/* 更窄的屏幕（如 iPhone SE） */
@media (max-width: 375px) {
    .solution-display pre[b-nla3m2z18n] {
        font-size: 1.2rem;
        /* 更小的屏幕上进一步减小字体 */
    }

    .cube-display[b-nla3m2z18n] {
        max-width: 250px;
        /* 更小的屏幕上减小魔方大小 */
    }
}

/* 响应式：窄屏下按钮和输入框纵向排列 */
@media (max-width: 600px) {
    .d-flex.align-items-center.gap-3[b-nla3m2z18n] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .btn-group[b-nla3m2z18n] {
        width: 100% !important;
        min-width: 0;
    }

    /* 只让范围输入那一行的 input-group 100% 宽度 */
    .row .input-group.flex-grow-1[b-nla3m2z18n] {
        width: 100% !important;
        min-width: 0;
    }

    /* 间隔输入那一行的 input-group 在窄屏下也需要100%宽度 */
    .input-group[b-nla3m2z18n] {
        width: 100% !important;
    }

    .switch-group[b-nla3m2z18n] {
        flex-wrap: nowrap;
        /* 改回不换行 */
        gap: 0.3rem;
        /* 减小间距 */
        justify-content: space-between;
        /* 改回两端对齐 */
        width: 100%;
    }

    .switch-group .form-check[b-nla3m2z18n] {
        min-width: 3.5rem;
        /* 减小最小宽度 */
        font-size: 0.85rem;
        /* 减小字体大小 */
        padding: 0 0.1rem;
        /* 减小内边距 */
        display: flex;
        align-items: center;
    }

    .switch-group label[b-nla3m2z18n] {
        font-size: 0.85rem;
        /* 减小标签字体大小 */
        margin-left: 0.2em;
        /* 减小间距 */
        white-space: nowrap;
    }
}
/* /Components/Pages/EgList.razor.rz.scp.css */
.eg-group-title[b-798cyhtojd] {
    color: #333;
    border-bottom: 2px solid #007bff;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}

.eg-grid[b-798cyhtojd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.eg-item[b-798cyhtojd] {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 200px;
    justify-content: space-between;
}

.eg-item:hover[b-798cyhtojd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.eg-item-header[b-798cyhtojd] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    width: 100%;
    gap: 0.5rem;
}

.eg-number[b-798cyhtojd] {
    font-weight: bold;
    color: #007bff;
    background: #f8f9fa;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.eg-title[b-798cyhtojd] {
    color: #666;
    text-align: left;
    margin-left: 0.5rem;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eg-cube[b-798cyhtojd] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1;
    min-height: 120px;
    margin: 0 auto;
}

.cube-container[b-798cyhtojd] {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .eg-grid[b-798cyhtojd] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 0.5rem;
    }

    .eg-item[b-798cyhtojd] {
        padding: 0.5rem;
        height: 180px;
    }

    .eg-item-header[b-798cyhtojd] {
        font-size: 0.8rem;
    }

    .cube-container[b-798cyhtojd] {
        transform: scale(0.7);
    }
}

.eg-dialog-mask[b-798cyhtojd] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eg-dialog[b-798cyhtojd] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    padding: 2rem 2.5rem 1.5rem 2.5rem;
    min-width: 320px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    animation: eg-dialog-in-b-798cyhtojd 0.18s;
}

@keyframes eg-dialog-in-b-798cyhtojd {
    from {
        transform: scale(0.92);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.eg-dialog-title[b-798cyhtojd] {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
    color: #333;
    text-align: center;
}

.eg-dialog-cube[b-798cyhtojd] {
    margin-bottom: 1.2rem;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eg-dialog-section[b-798cyhtojd] {
    width: 100%;
    margin-bottom: 0.8rem;
}

.eg-dialog-label[b-798cyhtojd] {
    font-size: 1rem;
    color: #007bff;
    margin-bottom: 0.2rem;
    font-weight: 500;
}

.eg-dialog-content[b-798cyhtojd] {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 0.5rem 0.8rem;
    font-size: 1rem;
    color: #222;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
}
/* /Components/Pages/Guide.razor.rz.scp.css */
.container[b-xw99bmekm4] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.eg-section[b-xw99bmekm4] {
    margin-bottom: 40px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    background-color: #f9f9f9;
}

.eg-section h3[b-xw99bmekm4] {
    color: #333;
    margin-bottom: 15px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 5px;
}

.eg-content[b-xw99bmekm4] {
    display: flex;
    gap: 20px;
    align-items: center;
}

.eg-image[b-xw99bmekm4] {
    flex: 0 0 300px;
}

.eg-image img[b-xw99bmekm4] {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.eg-description[b-xw99bmekm4] {
    flex: 1;
}

.eg-description p[b-xw99bmekm4] {
    line-height: 1.6;
    color: #555;
}

.eg-description strong[b-xw99bmekm4] {
    color: #007bff;
}

@media (max-width: 768px) {
    .eg-content[b-xw99bmekm4] {
        flex-direction: column;
        text-align: center;
    }

    .eg-image[b-xw99bmekm4] {
        flex: none;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}
/* /Components/Pages/L4e.razor.rz.scp.css */
/* src/CubeBlazor/Components/Pages/Eg.razor.css */

/* 魔方标题样式 */
.cube-title[b-jsh51bi5fq] {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 10;
}

.cube-title>div[b-jsh51bi5fq] {
    text-align: center;
    font-size: 1.1rem;
}

/* 魔方显示区域 */
.cube-display[b-jsh51bi5fq] {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

/* 打乱公式显示样式 */
.scramble-display[b-jsh51bi5fq] {
    color: #1976d2;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.scramble-display pre[b-jsh51bi5fq] {
    white-space: pre-wrap;
    margin: 0;
    font-size: 1.5rem;
    color: #1976d2;
    text-align: center;
}

.scramble-display span[b-jsh51bi5fq] {
    color: #aaa;
    font-size: 1.2rem;
}

/* 解法显示样式 */
.solution-display[b-jsh51bi5fq] {
    color: #333;
    text-align: center;
    margin-top: 1.5rem;
}

.solution-display pre[b-jsh51bi5fq] {
    white-space: pre-wrap;
    margin: 0;
    font-size: 1.5rem;
    color: #333;
    text-align: center;
}

.no-solution[b-jsh51bi5fq] {
    color: #aaa;
}

/* 练习记录容器 */
.practice-history-container[b-jsh51bi5fq] {
    position: absolute;
    right: 20px;
    top: 20px;
}

/* 顶部按钮和范围输入的布局优化 */
.d-flex.align-items-center.gap-3[b-jsh51bi5fq] {
    flex-wrap: wrap;
    row-gap: 0.5rem;
    column-gap: 1rem;
}

.btn-group[b-jsh51bi5fq] {
    min-width: 5rem;
    flex-shrink: 0;
}

.input-group[b-jsh51bi5fq] {
    width: auto;
}

.input-group.flex-grow-1[b-jsh51bi5fq] {
    flex: 1 1 0%;
    min-width: 0;
    width: 100%;
}

.input-group-text[b-jsh51bi5fq],
.input-group-text.range-label[b-jsh51bi5fq] {
    width: 4rem;
    min-width: 4rem;
    justify-content: flex-start;
    display: flex;
    align-items: center;
}

.input-group.flex-grow-1 .form-control[b-jsh51bi5fq] {
    flex: 1 1 0%;
    min-width: 0;
}

/* 默认：横向排列 */
.switch-group[b-jsh51bi5fq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 1.5rem;
}

.switch-group .form-check[b-jsh51bi5fq] {
    min-width: 6rem;
    font-size: 1.3rem;
}

/* 响应式布局 */
@media (max-width: 768px) {

    /* 标题在窄屏上的样式 */
    .cube-title[b-jsh51bi5fq] {
        position: static;
        margin-bottom: 1rem;
    }

    /* 魔方显示区域在窄屏上可能需要调整 */
    .cube-display[b-jsh51bi5fq] {
        height: auto;
        width: 100%;
        max-width: 300px;
        /* 限制最大宽度 */
        margin: 1rem 0;
    }

    /* 打乱公式在窄屏上的样式 */
    .scramble-display[b-jsh51bi5fq] {
        margin-bottom: 1rem;
    }

    /* 解法在窄屏上的样式 */
    .solution-display[b-jsh51bi5fq] {
        position: static;
        margin: 1rem 0;
    }

    .solution-display pre[b-jsh51bi5fq] {
        font-size: 1.5rem;
        /* 窄屏上字体稍小 */
    }

    /* 练习记录在窄屏上的样式 */
    .practice-history-container[b-jsh51bi5fq] {
        position: static;
        margin-top: 1rem;
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

/* 更窄的屏幕（如 iPhone SE） */
@media (max-width: 375px) {
    .solution-display pre[b-jsh51bi5fq] {
        font-size: 1.2rem;
        /* 更小的屏幕上进一步减小字体 */
    }

    .cube-display[b-jsh51bi5fq] {
        max-width: 250px;
        /* 更小的屏幕上减小魔方大小 */
    }
}

/* 响应式：窄屏下按钮和输入框纵向排列 */
@media (max-width: 600px) {
    .d-flex.align-items-center.gap-3[b-jsh51bi5fq] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .btn-group[b-jsh51bi5fq] {
        width: 100% !important;
        min-width: 0;
    }

    /* 只让范围输入那一行的 input-group 100% 宽度 */
    .row .input-group.flex-grow-1[b-jsh51bi5fq] {
        width: 100% !important;
        min-width: 0;
    }

    /* 间隔输入那一行的 input-group 在窄屏下也需要100%宽度 */
    .input-group[b-jsh51bi5fq] {
        width: 100% !important;
    }

    .switch-group[b-jsh51bi5fq] {
        flex-wrap: nowrap;
        /* 改回不换行 */
        gap: 0.3rem;
        /* 减小间距 */
        justify-content: space-between;
        /* 改回两端对齐 */
        width: 100%;
    }

    .switch-group .form-check[b-jsh51bi5fq] {
        min-width: 3.5rem;
        /* 减小最小宽度 */
        font-size: 0.85rem;
        /* 减小字体大小 */
        padding: 0 0.1rem;
        /* 减小内边距 */
        display: flex;
        align-items: center;
    }

    .switch-group label[b-jsh51bi5fq] {
        font-size: 0.85rem;
        /* 减小标签字体大小 */
        margin-left: 0.2em;
        /* 减小间距 */
        white-space: nowrap;
    }
}
/* /Components/Pages/L4eList.razor.rz.scp.css */
.l4e-group-title[b-vcdom02x37] {
    color: #333;
    border-bottom: 2px solid #28a745;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}

.l4e-grid[b-vcdom02x37] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.l4e-item[b-vcdom02x37] {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 200px;
    justify-content: space-between;
}

.l4e-item:hover[b-vcdom02x37] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.l4e-item-header[b-vcdom02x37] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    width: 100%;
    gap: 0.5rem;
}

.l4e-number[b-vcdom02x37] {
    font-weight: bold;
    color: #28a745;
    background: #f8f9fa;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.l4e-title[b-vcdom02x37] {
    color: #666;
    text-align: left;
    margin-left: 0.5rem;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.l4e-cube[b-vcdom02x37] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1;
    min-height: 120px;
    margin: 0 auto;
}

.l4e-cube-container[b-vcdom02x37] {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .l4e-grid[b-vcdom02x37] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 0.5rem;
    }

    .l4e-item[b-vcdom02x37] {
        padding: 0.5rem;
        height: 180px;
    }

    .l4e-item-header[b-vcdom02x37] {
        font-size: 0.8rem;
    }

    .l4e-cube-container[b-vcdom02x37] {
        transform: scale(0.7);
    }
}

.l4e-dialog-mask[b-vcdom02x37] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.l4e-dialog[b-vcdom02x37] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    padding: 2rem 2.5rem 1.5rem 2.5rem;
    min-width: 320px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    animation: l4e-dialog-in-b-vcdom02x37 0.18s;
}

@keyframes l4e-dialog-in-b-vcdom02x37 {
    from {
        transform: scale(0.92);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.l4e-dialog-title[b-vcdom02x37] {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
    color: #333;
    text-align: center;
}

.l4e-dialog-cube[b-vcdom02x37] {
    margin-bottom: 1.2rem;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.l4e-dialog-section[b-vcdom02x37] {
    width: 100%;
    margin-bottom: 0.8rem;
}

.l4e-dialog-label[b-vcdom02x37] {
    font-size: 1rem;
    color: #28a745;
    margin-bottom: 0.2rem;
    font-weight: 500;
}

.l4e-dialog-content[b-vcdom02x37] {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 0.5rem 0.8rem;
    font-size: 1rem;
    color: #222;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
}
/* /Components/Pages/Oll2LookList.razor.rz.scp.css */
.oll-group-title[b-zxrnafra32] {
    color: #333;
    border-bottom: 2px solid #007bff;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}

.oll-grid[b-zxrnafra32] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.oll-item[b-zxrnafra32] {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 200px;
    justify-content: space-between;
    cursor: pointer;
}

.oll-item:hover[b-zxrnafra32] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.oll-item-header[b-zxrnafra32] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    width: 100%;
    gap: 0.5rem;
}

.oll-number[b-zxrnafra32] {
    font-weight: bold;
    color: #007bff;
    background: #f8f9fa;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.oll-title[b-zxrnafra32] {
    color: #666;
    text-align: left;
    margin-left: 0.5rem;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oll-cube[b-zxrnafra32] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1;
    min-height: 120px;
    margin: 0 auto;
}

.oll-cube-container[b-zxrnafra32] {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .oll-grid[b-zxrnafra32] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 0.5rem;
    }

    .oll-item[b-zxrnafra32] {
        padding: 0.5rem;
        height: 180px;
    }

    .oll-item-header[b-zxrnafra32] {
        font-size: 0.8rem;
    }

    .oll-cube-container[b-zxrnafra32] {
        transform: scale(0.7);
    }
}

.oll-dialog-mask[b-zxrnafra32] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oll-dialog[b-zxrnafra32] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    padding: 2rem 2.5rem 1.5rem 2.5rem;
    min-width: 320px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    animation: oll-dialog-in-b-zxrnafra32 0.18s;
}

@keyframes oll-dialog-in-b-zxrnafra32 {
    from {
        transform: scale(0.92);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.oll-dialog-title[b-zxrnafra32] {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
    color: #333;
    text-align: center;
}

.oll-dialog-cube[b-zxrnafra32] {
    margin-bottom: 1.2rem;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oll-dialog-section[b-zxrnafra32] {
    width: 100%;
    margin-bottom: 0.8rem;
}

.oll-dialog-label[b-zxrnafra32] {
    font-size: 1rem;
    color: #007bff;
    margin-bottom: 0.2rem;
    font-weight: 500;
}

.oll-dialog-content[b-zxrnafra32] {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 0.5rem 0.8rem;
    font-size: 1rem;
    color: #222;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
}
/* /Components/Pages/OllWvList.razor.rz.scp.css */
.oll-group-title[b-rh87rko64n] {
    color: #333;
    border-bottom: 2px solid #007bff;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}

.oll-grid[b-rh87rko64n] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.oll-item[b-rh87rko64n] {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 200px;
    justify-content: space-between;
    cursor: pointer;
}

.oll-item:hover[b-rh87rko64n] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.oll-item-header[b-rh87rko64n] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    width: 100%;
    gap: 0.5rem;
}

.oll-number[b-rh87rko64n] {
    font-weight: bold;
    color: #007bff;
    background: #f8f9fa;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.oll-title[b-rh87rko64n] {
    color: #666;
    text-align: left;
    margin-left: 0.5rem;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oll-cube[b-rh87rko64n] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1;
    min-height: 120px;
    margin: 0 auto;
}

.oll-cube-container[b-rh87rko64n] {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .oll-grid[b-rh87rko64n] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 0.5rem;
    }

    .oll-item[b-rh87rko64n] {
        padding: 0.5rem;
        height: 180px;
    }

    .oll-item-header[b-rh87rko64n] {
        font-size: 0.8rem;
    }

    .oll-cube-container[b-rh87rko64n] {
        transform: scale(0.7);
    }
}

.oll-dialog-mask[b-rh87rko64n] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oll-dialog[b-rh87rko64n] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    padding: 2rem 2.5rem 1.5rem 2.5rem;
    min-width: 320px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    animation: oll-dialog-in-b-rh87rko64n 0.18s;
}

@keyframes oll-dialog-in-b-rh87rko64n {
    from {
        transform: scale(0.92);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.oll-dialog-title[b-rh87rko64n] {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
    color: #333;
    text-align: center;
}

.oll-dialog-cube[b-rh87rko64n] {
    margin-bottom: 1.2rem;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oll-dialog-section[b-rh87rko64n] {
    width: 100%;
    margin-bottom: 0.8rem;
}

.oll-dialog-label[b-rh87rko64n] {
    font-size: 1rem;
    color: #007bff;
    margin-bottom: 0.2rem;
    font-weight: 500;
}

.oll-dialog-content[b-rh87rko64n] {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 0.5rem 0.8rem;
    font-size: 1rem;
    color: #222;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
}
/* /Components/Pages/Pll21List.razor.rz.scp.css */
.pll21-controls[b-ofsph9gzy3] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 1000;
}

.pll21-controls .btn[b-ofsph9gzy3] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.pll21-controls .btn:hover[b-ofsph9gzy3] {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    background-color: #5a6268;
    border-color: #5a6268;
}

.pll21-controls .bi[b-ofsph9gzy3] {
    margin-right: 0.5rem;
}

.pll21-grid[b-ofsph9gzy3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 2.5rem;
    padding: 1rem;
}

.pll21-cube-item[b-ofsph9gzy3] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
}

@media (max-width: 768px) {
    .pll21-grid[b-ofsph9gzy3] {
        grid-template-columns: repeat(7, 1fr);
        gap: 0.3rem;
        padding: 0.3rem;
        margin-bottom: 0;
    }

    .pll21-cube-item[b-ofsph9gzy3] {
        height: 100px;
    }

    .pll21-controls[b-ofsph9gzy3] {
        margin-top: 1rem;
        margin-bottom: 0;
    }

    .pll21-controls .btn[b-ofsph9gzy3] {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
}

/* iPhone 特别优化 */
@media (max-width: 414px) {
    .pll21-grid[b-ofsph9gzy3] {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 0.8rem;
        row-gap: 0.2rem;
        padding: 0.5rem;
    }

    .pll21-cube-item[b-ofsph9gzy3] {
        height: 90px;
    }

    .pll21-controls[b-ofsph9gzy3] {
        position: static;
        bottom: auto;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Score.razor.rz.scp.css */
.score-container[b-8z39u5x1s3] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: transparent;
}

.reset-section[b-8z39u5x1s3] {
    text-align: center;
    margin-bottom: 30px;
}

.reset-section .btn[b-8z39u5x1s3] {
    padding: 12px 30px;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.reset-section .btn:hover[b-8z39u5x1s3] {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.score-section[b-8z39u5x1s3] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    flex: 1;
}

.player-score[b-8z39u5x1s3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 20px;
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.player-score:hover[b-8z39u5x1s3] {
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
}

.player1[b-8z39u5x1s3] {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
}

.player2[b-8z39u5x1s3] {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
}

.player-header[b-8z39u5x1s3] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.player-name[b-8z39u5x1s3] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.edit-icon[b-8z39u5x1s3] {
    color: white;
    font-size: 1.2rem;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.edit-icon:hover[b-8z39u5x1s3] {
    opacity: 1;
}

.score-display[b-8z39u5x1s3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.score-buttons[b-8z39u5x1s3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.score-btn[b-8z39u5x1s3] {
    width: 300px;
    height: 100px;
    border: none;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.score-btn:hover[b-8z39u5x1s3] {
    background: white;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.score-btn:active[b-8z39u5x1s3] {
    background: rgba(255, 255, 255, 0.8);
}

.score-number[b-8z39u5x1s3] {
    font-size: 3.5rem;
    font-weight: 900;
    color: white;
    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    min-width: 80px;
    text-align: center;
}

.history-section[b-8z39u5x1s3] {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.history-section h5[b-8z39u5x1s3] {
    text-align: center;
    margin-bottom: 15px;
    color: #333;
    font-weight: 600;
}

.history-list[b-8z39u5x1s3] {
    max-height: 200px;
    overflow-y: auto;
}

.history-item[b-8z39u5x1s3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    font-size: 0.9rem;
}

.history-item:last-child[b-8z39u5x1s3] {
    border-bottom: none;
}

.history-time[b-8z39u5x1s3] {
    color: #666;
    font-weight: 500;
    min-width: 70px;
}

.history-action[b-8z39u5x1s3] {
    color: #333;
    font-weight: 600;
    flex: 1;
    text-align: center;
}

.history-score[b-8z39u5x1s3] {
    color: #007bff;
    font-weight: 700;
    min-width: 80px;
    text-align: right;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .score-section[b-8z39u5x1s3] {
        flex-direction: column;
        gap: 15px;
    }

    .player-score[b-8z39u5x1s3] {
        padding: 20px 15px;
    }

    .score-number[b-8z39u5x1s3] {
        font-size: 2.5rem;
    }

    .score-btn[b-8z39u5x1s3] {
        width: 70px;
        height: 35px;
        font-size: 1rem;
    }

    .reset-section .btn[b-8z39u5x1s3] {
        padding: 10px 25px;
        font-size: 1rem;
    }
}

/* 滚动条样式 */
.history-list[b-8z39u5x1s3]::-webkit-scrollbar {
    width: 6px;
}

.history-list[b-8z39u5x1s3]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.history-list[b-8z39u5x1s3]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.history-list[b-8z39u5x1s3]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}