body{
        background:radial-gradient(circle at center, #bcff51, #137344);
        background-size: 200% 200%;
        transition: background-position 0.5s ease;
        }
        @font-face {
        font-family: 'mcFont';              /* 自定义名字 */
        src: url('font_mc/方舟像素字体-12px-等宽.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        }
        h1{font-family: 'mcFont';color:#FFF;}h2{font-family: 'mcFont';color:#FFF;line-height: 1.8;margin: 0 0 14px 0;}h3{font-family: 'mcFont';color:#FFF;}p{font-family: 'mcFont';color:#FFF;line-height: 1.8;margin: 0 0 14px 0;font-size: 24px;}
        [class^=col]{padding:10px 8px;flex:0 0 50%;}
        .col-1{flex:0 0 70%}.col-2{flex:0 0 15%}
        @media(min-width:576px){
            .col-sm-6{flex:0 0 50%;}
        }
        @media(min-width:800px){
            .col-md-3{padding:36px 50px; flex:0 0 22%;}.col-md-1{flex: 0 0 55%;}
        }
        a{
            text-decoration: none;
            color: inherit;
            font-family: 'mcFont';
            transition: transform 0.2s ease,color 0.2s ease;
        }
        a:hover{
            transform: scale(1.1);
            color: #3a86ff;
        }
        *{box-sizing:border-box;}
        .row{display:flex;flex-wrap:wrap;margin:0 -8px;justify-content: center;}
        .demo{background:#f5bc00d2;color:#fff;text-align:center;padding:15px 0;margin-bottom:16px;border-radius:10px;border: 3px solid #000;border-bottom: 5px solid #000;border-right: 4px solid #000;}
        .demo2{background:#f5bc008c;color:#fff;padding:40px 0;margin-bottom:16px;border-radius:10px;border: 3px solid #000;border-bottom: 5px solid #000;border-right: 1px solid #000;}
        .text-box {
        flex: 1 1 60%;
        background: #f5bc00d2;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,.05);
        }
        .wrapper {
        max-width: 1100px;
        margin: 0 auto;
        padding: 15px;
        }
        .text-box h1 {
            font-size: 22px;
            margin-bottom: 12px;
            color: #3a86ff;
        }
        .text-box p {
            margin-bottom: 10px;
            font-size: 16px;
        }
        .pic-box {
        flex: 1 1 35%;
        display: flex;
        flex-direction: column;
        gap: 15px;
        }
    .pic-box img {
        width: 100%;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,.1);
        }
        @font-face {
        font-family: 'iconfont';
        src: url("font_mc/iconfont.ttf") format('truetype');
        }
        .iconfont {
        font-family: "iconfont" !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        }
        #yejiao{
            text-align: center;
            margin: -15px -15px;
            padding: 25px;
            margin-top: 5%;
            flex: 0 0 100%;
            background-color: #232323;
            color: #585858;
        }