css="""
    button[class*="btn"] {
        all: unset; /* 移除所有样式 */
        display: inline-block; /* 确保按钮仍然是块元素 */
        padding: 10px 20px; /* 添加一些基本的填充 */
        border: none; /* 去掉边框 */
        background: none; /* 去掉背景 */
        color: inherit; /* 继承颜色 */
        cursor: pointer; /* 使按钮有点击手感 */
        width: 150px;
        height: 30px;
        border-radius: 5px !important;
        text-align: center;
    }

    .icon-buttons {
        display: none;
    }

    .img label{
        display: none;
    }

    .title {
        font-size: 80px !important;
        font-weight: bolder;
        margin-top: 50px;
    }

    .title_msg1 {
        font-size: 60px !important;
        margin-top: 10px;
        font-weight: bolder;
    }

    .title_msg2 {
        font-weight: bolder;
    }

    .title_img img {
        border-radius: 0px !important;
        cursor: default;
    }

    .title_img {
        border-radius: 0px !important;
    }

    .eg_title h1{
        font-size: 50px !important;
        font-weight: bolder;
        margin-top: 120px !important;
    }

    .eg_msg {
        font-weight: bolder;
        margin-left: 10px;
        margin-top: -5px;
        margin-bottom: 5px;
    }

    .eg_img {
        width: 80%; /* 调整图片大小 */
        padding: 0;
        display: block;
        margin: 0 auto; /* 图片居中 */
        border: 2px solid rgb(234, 234, 234) !important;
        transition: border-color 0.5s ease, border-width 0.5s ease;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        padding-bottom: 169% !important;
    }

    .eg_img:hover {
        border-color: rgb(117, 209, 255) !important; /* 悬停时边框颜色 */
        border-width: 2px !important; /* 悬停时边框粗细 */
    }

    .eg1 {
        background-image: url('https://buyanghc.github.io/eg1.jpg') !important;
    }

    .eg2 {
        background-image: url('https://buyanghc.github.io/eg2.jpg') !important;
    }

    .eg3 {
        background-image: url('https://buyanghc.github.io/eg3.jpg') !important;
    }

    .eg_img_msg {
        text-align: center; /* 文本居中 */
        margin-top: 10px;
    }

    .example_imgs {
        display: flex;
        gap: 60px; /* 调整列之间的间距 */
        margin-bottom: 120px;
        width: 100%;
    }

    .col {
        height: 100%;
    }

    .work_title h1{
        font-size: 50px !important;
        font-weight: bolder;
        text-align: left;
    }

    .btn-container {
        display: flex;
        justify-content: flex-end; /* 按钮容器中的内容右对齐 */
        gap: 45px; /* 按钮之间的间距 */
    }

    .btn {
        width: 150px;
        height: 45px;
        border: 2px solid rgb(40, 40, 40);
        transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease !important;
        border-radius: 5px;
    }

    .btn_run {
        color: white !important;
        background-color: rgb(40, 40, 40) !important;
    }

    .btn_reset {
        background-color: rgb(234, 234, 234) !important;
    }

    .btn:hover{
        color: white !important;
        background-color: rgb(117, 209, 255) !important;
        border: white !important;
    }

    .work_head{
        margin-bottom: 20px;
    }

    .work2{
        margin-top: 40px;
        margin-bottom: 300px;
        display: flex;
        justify-content: center; /* 垂直方向居中 */
        align-items: center;
    }

    .work_msg{
        margin-bottom: 10px;
        margin-top: -10px
    }

    .image_show{
        width: 80%;
        height: calc(100vw * 0.48);
    }

    .point{
        all: unset;
        width: 60px;
        height: auto;
        border-radius: 0px !important;
        cursor: default !important;
        border: none !important;
    }

    .change_btn{
        width: 45px !important;
        height: 45px !important;
        border-radius: 50% !important;
        background-color: rgb(234, 234, 234) !important;
        padding: 0 !important;
        margin: 0 !important;
    }


"""