a {
            text-decoration: none;
            color: inherit;
        }

        body {
            margin: 0;
            color: #3c3c43;
            display: flex;
            font-family: -apple-system,BlinkMacSystemFont, "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Microsoft YaHei",  "PingFang SC",sans-serif;
        }

        .left {
            position: fixed;
            top: 0;
            left: 0;
            width: 19rem;
            bottom: 0;
            background: #f6f6f7;
            overflow: auto;
            z-index: 887;
            display: flex;
            flex-direction: column;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

            .left.active {
                position: fixed;
                visibility: visible;
                opacity: 1;
                z-index: 9999;
                transform: translateX(0);
            }

        .index {
            margin: 1.2rem 1rem 0rem 3rem;
            display: flex;
            gap: 1rem;
            padding-left: 10px;
            flex-direction: column;
            flex: 1;
        }

            .index .active {
                color: #5c5c95;
                font-weight: 800;
            }

        .hero {
            font-size: 1.5rem;
            margin-left: -10px;
            margin-bottom: 0.25rem;
        }

        .Divider {
            border-bottom: 1px solid #99999947;
            margin-left: -10px;
        }

        .s_title {
            font-weight: 600;
            margin-left: -5px;
        }

        .right {
            flex: 1;
            display: flex;
            flex-direction: column;
            margin-left: 19rem;
            height: 100lvh;
        }

        .Navigation {
            border-bottom: 1px solid #99999947;
            display: flex;
            align-items: center;
            gap: 1.5rem;
            justify-content: flex-end;
            flex-shrink: 0;
            position: fixed;
            z-index: 887;
            background: #ffffff;
            left: 19rem;
            right: 0;
            height: 4.6rem;
            padding: 0 2rem;
        }

            .Navigation.active {
                z-index: 999;
                transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            }

        .top_Navigation {
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            display: flex;
            justify-content: flex-end;
            gap: 1.5rem;
            left: 0;
            right: 0;
            top: 4.6rem;
            padding: 1rem;
        }

            .top_Navigation.active {
                visibility: visible;
                opacity: 1;
                transform: translateY(0);
            }
            .top_Navigation a.active{
                font-weight: 600;
            }

        .passages {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 4.6rem;
            padding-top: 1rem;
        }

            .passages a {
                color: #191970;
            }

        .passage {
            display: flex;
            margin-bottom: 1rem;
            flex-direction: column;
            width: 81%;
            margin-top: 1rem;
            padding-bottom: 3rem;
            gap: 1rem;
            border-bottom: 1px solid #99999947;
        }

            .passage h2, h3 {
                margin: 0;
            }

            .passage ul {
                list-style: disc;
                margin: 0;
                padding-inline-start: 2rem;
                line-height: 1.7rem;
            }

        .copyright {
            margin-top: auto;
            color: #999;
            padding: 0.5rem;
        }

        #mask {
            display: none;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            backdrop-filter: brightness(.55);
            z-index: 888;
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

            #mask.active {
                visibility: visible;
                opacity: 1;
                pointer-events: auto;
            }

        @media (max-width: 768px) {
            .left {
                position: absolute;
                visibility: hidden;
                opacity: 0;
            }

            .right {
                margin-left: 0;
            }

            .Navigation {
                left: 0;
            }

            #left_hamburger {
                display: flex !important;
            }
        }

        @media (max-width: 996px) {
            .top_Navigation {
                position: absolute;
                flex-direction: column;
                visibility: hidden;
                opacity: 0;
                border-bottom: 1px solid #99999947;
                border-top: 1px solid #99999947;
                padding: 1rem 3rem;
                transform: translateY(-10px);
                background: white;
            }

            #mask {
                display: block;
            }

            .left {
                transform: translateX(-10px);
            }

            #top_hamburger {
                display: flex !important;
            }
        }
        #left_hamburger {
            display: none;
            flex-direction: column;
            gap: 4px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 4px;
            z-index: 888;
        }

            #left_hamburger .bar {
                display: block;
                width: 18px;
                height: 2px;
                background: #3c3c43;
                transition: 0.3s ease;
            }

            #left_hamburger.active .bar:nth-child(1) {
                transform: rotate(45deg) translate(3px, 5px);
            }

            #left_hamburger.active .bar:nth-child(2) {
                opacity: 0;
            }

            #left_hamburger.active .bar:nth-child(3) {
                transform: rotate(-45deg) translate(3px, -5px);
            }


        #top_hamburger {
            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 4px;
            width: 40px;
            height: 40px;
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 0;
        }

        #top_hamburger {
            width: 1.35rem;
            height: 1.35rem;
            --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='black' d='M13.06 16.06a1.5 1.5 0 0 1-2.12 0l-5.658-5.656a1.5 1.5 0 1 1 2.122-2.121L12 12.879l4.596-4.596a1.5 1.5 0 0 1 2.122 2.12l-5.657 5.658Z'/%3E%3C/g%3E%3C/svg%3E");
            background-color: currentColor;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
        }

            #top_hamburger.active {
                --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='black' d='M10.94 7.94a1.5 1.5 0 0 1 2.12 0l5.658 5.656a1.5 1.5 0 1 1-2.122 2.121L12 11.122l-4.596 4.596a1.5 1.5 0 1 1-2.122-2.12z'/%3E%3C/g%3E%3C/svg%3E");
            }