#table1 {
            width: 100%;
            border-collapse: collapse;
            
        }
        #table1 td {
            border: 1px solid black;
            padding: 8px; 
        }
        td {
            border: 1px solid black;
        }
        .bk {
            border-collapse: collapse; 
            border: 1px solid black;
            
        }
        .bk0 {
            width: 100%;
            height: 100%;
            margin: 5px auto; /* 设置边距为 5px 并水平居中 */
            display: flex; /* 创建弹性盒子容器 */
            flex-direction: row; /* 默认值，从左到右排列 */
           
        }
        .bk1 {
            width: 300px;
            height: 300px;
            margin: 5px auto; /* 设置边距为 5px 并水平居中 */
            display: flex; /* 创建弹性盒子容器 */
            flex-direction: column; /* 从上到下排列子元素 */
            justify-content: flex-start; /* 从上到下排列 */
            align-items: center; /* 水平居中子元素 */
            
        }
        #bk2 {
            width: 700px;
            height: 280px;
            margin: 5px auto; /* 设置边距为 5px 并水平居中 */
            display: flex; /* 创建弹性盒子容器 */
            justify-content: center; /* 水平居中子元素 */
            align-items: center; /* 垂直居中子元素 */
            background-color: white;
        }
        .background-image {
            background-image: url('https://oss.youzu.com/y_web/99f613f0-8ec3-4680-bb58-d72e763f6f66_2022-11-10.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            margin: 0;
            height: 100vh;
        }
        .fallback-background {
            background-color: #f0f0f0; 
        }
        .bk1-white {
            background-color: white;
        }
        :root {
            --button-color-1-bg: #88c8eb;
            --button-color-2-bg: #dea690;
        }
        .button {
            background-color:  var(--button-color-00-bg);
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            transition-duration: 0.4s;
            cursor: pointer;
            border-radius: 8px;
            color: black;
            border: 2px solid transparent;
            padding: 16px 28px;; 
        }
        .button_1 {
            border-color: var(--button-color-1-bg);
        }

        .button_1:hover {
            background-color: var(--button-color-1-bg);
            color: var(--button-color-00-bg);
        }
        .button_2 {
            border-color: var(--button-color-2-bg);
        }

        .button_2:hover {
            background-color: var(--button-color-2-bg);
            color: var(--button-color-00-bg);
        }
        .button:active {
            background-color: var(--button-active-bg);
            box-shadow: 0 5px #666;
            transform: translateY(4px);
        }