.comments-area {
        margin: 20px 0;
        padding: 20px;
        border: 1px solid #ddd;
        background-color: #f9f9f9;
        border-radius: 5px;
    }

    .comments-title {
        font-size: 24px;
        margin-bottom: 15px;
        color: #333;
    }

    .comment-list {
        list-style: none;
        padding: 0;
    }

    .comment-list li {
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
    }

    .comment-list li:last-child {
        border-bottom: none;
    }

    .comment-author {
        font-weight: bold;
        color: #0073aa;
    }

    .comment-metadata {
        font-size: 12px;
        color: #777;
    }

    .comment-content {
        margin-top: 5px;
    }

    .no-comments {
        text-align: center;
        font-style: italic;
        color: #999;
    }

    .navigation.comment-navigation {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .nav-previous, .nav-next {
        font-size: 14px;
    }

    .nav-previous a, .nav-next a {
        color: #0073aa;
        text-decoration: none;
    }

    .nav-previous a:hover, .nav-next a:hover {
        text-decoration: underline;
    }

    .comment-form {
        margin-top: 20px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 15px;
        background-color: #fff;
    }

    .comment-form textarea {
        width: 100%;
        height: 100px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 10px;
        resize: none;
        transition: box-shadow 0.3s ease; /* 添加过渡效果 */
    }

    .comment-form textarea:focus {
        box-shadow: 0 0 5px 2px rgba(0, 123, 255, 0.5); /* 蓝色发光效果 */
        outline: none; /* 去掉默认的边框 */
    }

    .comment-form input[type="text"],
    .comment-form input[type="email"] {
        width: 48%;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 10px;
        display: inline-block;
        transition: box-shadow 0.3s ease; /* 添加过渡效果 */
    }

    .comment-form input[type="text"]:focus,
    .comment-form input[type="email"]:focus {
        box-shadow: 0 0 5px 2px rgba(0, 123, 255, 0.5); /* 蓝色发光效果 */
        outline: none; /* 去掉默认的边框 */
    }

    .comment-form input[type="submit"] {
        background-color: #0073aa;
        color: #fff;
        border: none;
        border-radius: 5px;
        padding: 10px 15px;
        cursor: pointer;
    }

    .comment-form input[type="submit"]:hover {
        background-color: #005177;
    }

    /* 禁用网站字段的样式 */
    .comment-form .comment-form-url {
        display: none; /* 隐藏网址字段 */
    }


    
        
    
    
         'ol',
                'short_ping' => true,
                'avatar_size'=> 34,
            ) );
        ?>
    
     1 && get_option( 'page_comments' ) ) : ?>
        
            
            
            
        
    

    
         1 && get_option( 'page_comments' ) ) : ?>
            
                
                
                
            
        

        
            
        

    
        
    

     array(
                'author' => '',
                'email' => '',
            ),
            'comment_field' => '',
            'class_submit' => 'submit', // 添加自定义类名以便于样式选择
        ));
    ?>