/* Theme Tags Styles */
.theme-tag {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    margin: 3px;
    font-size: 0.9em;
    font-weight: bold;
}

/* 通常 */
.theme-tag-normal {
    background: linear-gradient(45deg, #0088cc, #005580);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* 屋外1 */
.theme-tag-outdoor1 {
    background: linear-gradient(45deg, #ff9900, #ff6600);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* 屋外2 */
.theme-tag-outdoor2 {
    background: linear-gradient(45deg, #ff00cc, #cc00ff);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* 屋外3 */
.theme-tag-outdoor3 {
    background: linear-gradient(45deg, #4ecdc4, #45b7af);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* 衣装 */
.theme-tag-costume {
    background: linear-gradient(45deg, #a17fe0, #9966cc);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* 趣味の部屋 */
.theme-tag-hobby {
    background: linear-gradient(45deg, #26de81, #20c997);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* おやすみ */
.theme-tag-goodnight {
    background: linear-gradient(45deg, #45aaf2, #3498db);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* 自宅 */
.theme-tag-home {
    background: linear-gradient(45deg, #deb887, #f4a460);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* その他 */
.theme-tag-others {
    background: linear-gradient(45deg, #778ca3, #95a5a6);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Hover effects */
.theme-tag:hover {
    transform: translateY(-1px);
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}