body {
        font-family: 'Arial', sans-serif;
        background-color: #f4f4f4;
        margin: 0;
        padding: 0;
    }

    .container {
        max-width: 800px;
        margin: 0 auto;
        background-color: #fff;
        padding: 20px;
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2), -5px -5px 15px rgba(0, 0, 0, 0.2); /* 添加3D阴影效果 */
    }


    h1 {
        text-align: center;
        margin-bottom: 20px;
    }

    label {
        display: block;
        margin-bottom: 10px;
    }

    select, input[type="file"] {
        width: 100%;
        padding: 10px;
        /*margin-bottom: 20px;*/
        border: 1px solid #ddd;
        border-radius: 5px;
    }
    
    /*#container select, */
    /*#container input[type="file"], */
    /*#container button {*/
    /*    width: 100%;*/
    /*    padding: 10px;*/
    /*    margin-bottom: 20px;*/
    /*    border: 1px solid #ddd;*/
    /*    border-radius: 5px;*/
    /*}*/


    button {
        background-color: #007BFF;
        color: #fff;
        cursor: pointer;
    }

    button:hover {
        background-color: #0056b3;
    }

    img {
        max-width: 100%;
        display: block;
        margin: 20px 0;
    }
    
    #previewCanvas {
    max-width: 100%;
    max-height: 500px;
    /*border: 1px solid #ccc;*/
    display: block;
    margin: 0 auto;
    
    /* 将这些样式添加到您的样式表中 */

    #customRatio{
        width: 100%;
        padding: 10px;
        margin-top: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        display: none; /* 默认隐藏，直到用户选择“自定义”选项 */
    }
    
    #watermarkRatio {
        margin-bottom: 10px;
    }