/* 引入现代字体 (Google Fonts 镜像) */
@import url('https://fonts.loli.net/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Montserrat:wght@200;300;400;500&display=swap');

/* 全局样式重置与基础设置 */
body {
    font-family: 'Montserrat', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fcfcfc; /* 极简中性背景 */
    color: #1a1a1a;
    overflow-x: hidden;
}

/* 诗意/标题字体 (衬线体) */
.font-serif-display {
    font-family: 'Cormorant Garamond', 'Songti SC', 'SimSun', serif;
}

/* 自定义极简滚动条 */
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #d4d4d4;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #a3a3a3;
}

/* 图片容器：用于裁剪和悬停效果 */
.img-clip {
    overflow: hidden;
    position: relative;
    display: block;
}

/* 图片缩放动画：配合 hover 使用 */
.img-zoom {
    transition: transform 1.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
    will-change: transform;
}

.img-clip:hover .img-zoom {
    transform: scale(1.06);
}

/* 导航栏链接动画 */
.nav-item {
    position: relative;
    display: inline-block;
}
.nav-item::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -2px;
    left: 50%;
    background-color: currentColor;
    transition: width 0.4s ease, left 0.4s ease;
}
.nav-item:hover::after,
.nav-item.active::after {
    width: 100%;
    left: 0;
}

/* 文本选中样式 */
::selection {
    background: #e0e0e0;
    color: #000;
}

/* GSAP 动画辅助类：避免加载时闪烁 */
.gsap-hidden {
    opacity: 0;
    visibility: hidden;
}

/* 槽位容器 */
#slot-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}