<?php
/*
Theme Name: 环球电商资讯
Theme URI: https://example.com/
Description: 基于环球电商资讯设计的WordPress新闻主题
Author: 豆包编程助手
Author URI: https://example.com/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecommerce-news
Tags: 跨境电商, 新闻, 响应式, 自定义菜单, 主题选项
*/

/* 主题基础样式补充 */
body {
    scroll-behavior: smooth;
}

/* 文章卡片样式 */
.post-card {
    @apply bg-white rounded-lg shadow-sm overflow-hidden mb-6 card-hover;
}

.post-card .post-thumbnail {
    @apply w-full h-48 md:h-56 object-cover;
}

.post-card .post-content {
    @apply p-4;
}

.post-card .post-title {
    @apply text-xl font-semibold mb-2 line-clamp-2;
}

.post-card .post-excerpt {
    @apply text-gray-500 text-sm mb-3 line-clamp-3;
}

.post-card .post-meta {
    @apply flex justify-between text-xs text-gray-400;
}

/* 轮播图样式 */
.carousel {
    @apply relative overflow-hidden rounded-lg;
    height: 400px;
}

.carousel-item {
    @apply absolute inset-0 transition-opacity duration-1000;
}

.carousel-caption {
    @apply absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent text-white p-6;
}

/* 按钮样式 */
.btn {
    @apply px-4 py-2 rounded-md font-medium transition-colors;
}

.btn-primary {
    @apply bg-primary text-white hover:bg-primary/90;
}

.btn-secondary {
    @apply bg-secondary text-white hover:bg-secondary/90;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .carousel {
        height: 280px;
    }
}

/* 动画效果 */
.reveal {
    @apply opacity-0 transform translate-y-4 transition-all duration-700;
}

.reveal.active {
    @apply opacity-100 transform translate-y-0;
}
?>