/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Noto Serif SC', serif;
    line-height: 1.6;
    color: #2c3e50;
    background: linear-gradient(135deg, #f8f6f0 0%, #e8e6df 100%);
    min-height: 100vh;
}

/* 字体样式 */
.logo {
    font-family: 'Ma Shan Zheng', cursive;
    font-size: 2rem;
    color: #f8f6f0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.poem-title,
.detail-title,
.section-title {
    font-family: 'Ma Shan Zheng', cursive;
    color: #8b4513;
}

/* 英雄区域样式 - 保留背景和关键样式 */
.hero {
    height: 100vh;
    background: linear-gradient(135deg, 
        rgba(139, 69, 19, 0.8) 0%,
        rgba(101, 67, 33, 0.8) 100%),
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="80" cy="80" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    justify-content: center;
    text-align: center;
}

/* 页脚样式 */
.footer {
    background: #8b4513;
    color: #f8f6f0;
    text-align: center;
    padding: 2rem 0;
    margin-top: 4rem;
}

/* 诗词卡片样式 - 补充Bootstrap卡片的自定义样式 */
.card {
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15) !important;
}

/* 诗词内容样式 */
.poem-content {
    white-space: pre-line;
    line-height: 1.8;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .logo {
        font-size: 1.5rem;
    }
}

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #8b4513;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6d3710;
}