video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -1;}
.subtitle {
    display: inline;
    font-size: 1.2vw;}
.colorful {
    font-size: 2vw;
    background-image: -webkit-gradient(linear, left top, right bottom, from(blue), to(yellow));
    /* background-color:linear-gradient(to right, rgb(255, 255, 255) , green, yellow); */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.5px rgb(0, 0, 0);}
h {
    display: inline;}
.main {
    width: calc(48vw + 10vw);
    /* 5vw冗余 */}
.title {
    background-color: #ffffff70;
    border-style: solid;
    border-color: #65a4b8;

    border-width: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    color: rgb(0, 0, 0);
    font-size: 2.2vw;
    font-weight: 600;}
.webpage {
    width: calc(48vw - 6px - 2vw);
    /* 100%btn_class  6px border 2vw padding  */
    border-width: 3px;
    padding: 1vh 1vw;
    margin-top: 1%;

    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-radius: .5vw;
    display: inline-block;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    text-align: center;
    text-decoration: none;
    font-size: 1.2vw;
    transition: 0.2s;}
a.webpage:hover {
    letter-spacing: 0.5vw;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    padding-left: auto;
    padding-right: auto;}
.btn_class {
    width: calc(100%);}
.btn {
    border-width: 3px;
    padding: 1vh 1vw;

    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-radius: .5vw;
    display: inline-block;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    text-align: center;
    text-decoration: none;
    font-size: 1.2vw;
    transition: 0.2s;}
.hbtn {
    border-width: 3px;
    padding: 1vh 1vw;

    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-radius: .5vw;
    display: inline-block;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    text-align: center;
    text-decoration: none;
    font-size: 1.2vw;
    transition: 0.2s;}
a.btn:hover {
    letter-spacing: 0.5vw;}
a.hbtn:hover {
    letter-spacing: 0.5vw;}
.showboard {
    padding: 20px 20px;
    border-width: 3px;

    margin-top: 20px;
    display: block;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    background-color: #ffffff70;
    border-style: solid;
    border-color: #65a4b8;
    font-weight: 600;}
h2 {
    font-size: 2.5vw;}
.boardtext {
    display: block;
    height: auto;
    width: 100%;
    font-size: 1.5vw}
.main .showboard .boardtext .colorful {
    font-size: 2vw;
    background-image: -webkit-gradient(linear, left top, right bottom, from(red), to(yellow));
    /* background-color:linear-gradient(to right, rgb(255, 255, 255) , green, yellow); */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.5px rgb(0, 0, 0); 
}
/* 屏幕宽度大于等于1000px的设备 */
@media screen and (min-width: 1000px) {

    .main {
        padding: 3vh 2vw;
    }

    .title {
        width: calc(100% - 10vw - 10px);
        /* 10vw冗余 1vw border 10px border*/
        height: auto;
        padding: 20px 0px;
        margin-top: 1%;
    }

    .btn {
        min-width: calc(12vw - 6px - 2vw - 1vw);
        /* 25%btn_class  6px border 2vw padding  1vw marin*/
        margin-right: 1vw;

        min-height: 10%;
        margin-top: 1%;
    }

    .hbtn {
        min-width: calc(24vw - 6px - 2vw - 1vw + 0.3vw);
        /* 50%btn_class  6px border 2vw padding  1vw marin 0.3vw marin修正*/
        margin-right: 1vw;

        min-height: 10%;
        margin-top: 1%;
    }

    a.btn:hover {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
        padding-left: auto;
        padding-right: auto;
    }

    a.hbtn:hover {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
        padding-left: auto;
        padding-right: auto;
    }

    .showboard {
        width: calc(100% - 10vw - 10px - 40px);
        /* 5vw冗余 10px border 40px padding  */
    }


}

/* 屏幕宽度小于1000px的设备 */
@media screen and (max-width: 999px) {

    .title .subtitle .colorful {
        font-size: 6vw;
    }

    .subtitle {
        font-size: 4vw;
        display: block;
    }

    .webpage {
        width: calc(100% - 6px - 2vw);
        /* 100%btn_class  6px border 2vw padding  */
        border-width: 3px;
        padding: 1vh 1vw;
        margin-top: 1%;
        font-size: 4vw;

        background-color: transparent;
        color: black;
    }

    body {
        background-attachment: fixed;
        background-color: #cccccc;
        overflow-x: hidden;
        background-image: url('https://web.archive.org/web/20231205022642im_/https://static.runoob.com/images/mix/paper.gif');
    }

    video {
        visibility: hidden
    }

    .main {
        padding: 2vw;
        width: calc(100% - 4vw);
        /* border-color: rgb(243, 37, 37);
        border-width: 1px;
        border-style: solid; */
    }

    .btn_class {
        width: calc(100% - 10px);
        margin-left: auto;
        margin-right: auto;
        /* border-color: rgb(243, 37, 37);
        border-width: 1px;
        border-style: solid; */
    }

    .title {
        background-color: transparent;
        font-size: 8vw;
        width: calc(100% - 40px - 10px);
        height: auto;
        padding: 10px 20px;
        margin-top: 2vw;
    }

    .btn {
        min-width: calc(50% - 13px - 2vw - 1vw);
        /* 25%btn_class  10px border 2vw padding  1vw marin*/
        margin-left: .5vw;
        margin-right: .5vw;
        font-size: 4vw;

        min-height: 10%;
        margin-top: 1%;
        background-color: transparent;
        color: black;
    }

    .hbtn {
        min-width: calc(50% - 13px - 2vw - 1vw);
        /* 25%btn_class  10px border 2vw padding  1vw marin*/
        margin-left: .5vw;
        margin-right: .5vw;
        font-size: 4vw;

        min-height: 10%;
        margin-top: 1%;
        background-color: transparent;
        color: black;
    }

    .showboard {
        background-color: transparent;
        width: 86%;
        height: 20%;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
    }

    h2 {
        font-size: 8vw;
    }

    .boardtext {
        display: block;
        height: auto;
        width: 100%;
        font-size: 4vw
    }
}
/*
     FILE ARCHIVED ON 02:26:42 Dec 05, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:21:41 Oct 29, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.516
  exclusion.robots: 0.019
  exclusion.robots.policy: 0.008
  esindex: 0.01
  cdx.remote: 6.113
  LoadShardBlock: 97.788 (3)
  PetaboxLoader3.datanode: 63.854 (4)
  PetaboxLoader3.resolve: 131.933 (2)
  load_resource: 132.8
*/