/*
Theme Name: 01 Theme aobaniu
Description: A modern WordPress theme based on Tailwind CSS, featuring responsive layout and SEO optimization.
Version: 1.0
Author: aobaniu
Text Domain: my-theme
*/

/* auto */
.wp-post-image,
.entry-content img,
article img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* img max */
.prose img {
    max-width: 100%;
    height: auto;
}

/* thumbnail */
.post-thumbnail {
    width: 100%;
    overflow: hidden;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.post-thumbnail img:hover {
    transform: scale(1.05);
}
/* ul li */
.post-content ul{
            list-style: none;
            padding: 0;
            margin: 1.5rem 0;
        }

.post-content li {
            position: relative;
            padding: 0.15rem 0 0.15rem 2rem;
            margin-bottom: 0.5rem;
            border-radius: 6px;
            transition: background-color 0.2s ease;
        }

.post-content li::before {
            content: "•";
            position: absolute;
            left: 0.5rem;
            color: #3b82f6; /* 蓝色符号 */
            font-weight: bold;
            font-size: 1.5rem;
            line-height: 1;
        }

.post-content li:hover {
            background-color: #f3f4f6;
        }
.post-content h2 {
            margin: 2rem 0 1rem;
            color: #111827;
            border-bottom: 1px solid #e5e7eb;
            padding-bottom: 0.5rem;
        }
.post-content a{
            --btn-color: #3b82f6;
            --btn-hover: #2563eb; 
            --btn-active: #1d4ed8; 
            --btn-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.15); 
            
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding: 0.75rem 1.5rem;
            background-color: var(--btn-color);
            color: white;
            font-weight: 500;
            text-decoration: none;
            border-radius: 999px;
            border: none;
            cursor: pointer;
            transition: all 0.25s ease;
            box-shadow: var(--btn-shadow);
        }
.post-content a:hover {
            background-color: var(--btn-hover);
            transform: translateY(-2px);
            box-shadow: 0 6px 10px -2px rgba(59, 130, 246, 0.2);
        }

        /* 点击效果 */
.post-content a:active {
            background-color: var(--btn-active);
            transform: translateY(0);
            box-shadow: 0 2px 4px -1px rgba(59, 130, 246, 0.15);
        }