@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap'); /* 塞尔达风格字体 */

body {
    font-family: 'Noto Sans SC', sans-serif;
    background-color: #e8f5e9; /* 更柔和的浅绿色背景 */
    color: #3a3f44; /* 深灰文字 */
    /* 尝试添加一个微妙的背景图案，如果效果不好再移除 */
    /* background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200h20v20H0z%22%20fill%3D%22%23a0d8a0%22%20fill-opacity%3D%220.1%22/%3E%3Cpath%20d%3D%22M2%202h2v2H2zM6%202h2v2H6zM10%202h2v2h-2zM14%202h2v2h-2zM18%202h2v2h-2zM2%206h2v2H2zM6%206h2v2H6zM10%206h2v2h-2zM14%206h2v2h-2zM18%206h2v2h-2zM2%2010h2v2H2zM6%2010h2v2H6zM10%2010h2v2h-2zM14%2010h2v2h-2zM18%2010h2v2h-2zM2%2014h2v2H2zM6%2014h2v2H6zM10%2014h2v2h-2zM14%2014h2v2h-2zM18%2014h2v2h-2zM2%2018h2v2H2zM6%2018h2v2H6zM10%2018h2v2h-2zM14%2018h2v2h-2zM18%2018h2v2h-2z%22%20fill%3D%22%232f855a%22%20fill-opacity%3D%220.05%22/%3E%3C/svg%3E'); */
}

.header-title {
    font-family: 'MedievalSharp', cursive; /* 应用塞尔达风格字体 */
    color: #2e7d32; /* 更深的绿色，类似森林 */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.monster-card {
    background-color: #fffadf; /* 羊皮纸颜色 */
    border: 2px solid #c8a064; /* 类似皮革的棕色边框 */
    border-radius: 8px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.monster-card:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 12px 20px rgba(46, 125, 50, 0.2);
}

.monster-detail-card {
    background-color: #fefcf5; /* 略浅的羊皮纸色 */
    border: 3px solid #b08d57; /* 更深的皮革色边框 */
    border-radius: 10px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

.link-style {
    color: #4a7c59; /* 自然的绿色链接 */
    text-decoration: none;
    font-weight: bold;
}

.link-style:hover {
    color: #d69e2e; /* 金色高亮 */
    text-decoration: underline;
}

/* Zelda-themed colors (retained and enhanced) */
.bg-zelda-header {
    background-color: #d1c0a8; /* 页头背景，类似旧地图颜色 */
}

.text-zelda-green-dark {
    color: #2e7d32; /* 深绿色 */
}
.border-zelda-gold {
    border-color: #b08d57; /* 更柔和的金色 */
}

/* 详情页标题 */
.detail-section-title {
    font-family: 'MedievalSharp', cursive;
    color: #5d4037; /* 深棕色 */
    border-bottom-width: 2px;
    border-bottom-color: #b08d57; /* 金色下划线 */
    padding-bottom: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.75rem; /* 增大标题字号 */
}

.detail-info-label {
    font-weight: bold;
    color: #4e342e; /* 略深的棕色 */
}

.detail-info-text {
    color: #6d4c41; /* 柔和的棕色文本 */
    line-height: 1.7;
}

/* 主页卡片缩略图 */
.thumbnail-container {
    width: 100%;
    height: 150px; /* 固定高度 */
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 1rem;
    background-color: #f0e6d0; /* 图片未加载时的背景 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbnail-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 裁剪以填充容器 */
}

.thumbnail-placeholder-text {
    font-size: 0.875rem;
    color: #a1887f;
}