/* 全局样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* 字体引入 */
@font-face {
    font-family: 'FZChaoCuHei-M10S';
    src: url('../../resources/fonts/FZChaoCuHei-M10S-subset.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ================================================================
   全局自定义光标
   统一使用 point.png，避免快速移动时闪烁系统默认光标
   ================================================================ */

/* CSS 变量 —— 便于各页面统一引用 */
:root {
    --cursor-custom: url('../../assets/point-cursor.png') 10 10, auto;
    --cursor-custom-pointer: url('../../assets/point-cursor.png') 10 10, pointer;
}

/* 通用光标工具类 */
.cursor-default {
    cursor: var(--cursor-custom) !important;
}
.cursor-pointer {
    cursor: var(--cursor-custom-pointer) !important;
}

/* 全局默认光标 */
* {
    cursor: var(--cursor-custom) !important;
}

/* 可交互元素使用 pointer 变体 */
a,
button,
.nav-link,
.submenu-item,
[role="button"],

/* 仍图页（still-image）可点击元素 */
.header-content.clickable,
.directory-item,
.subdirectory-item,
.subdirectory-item:hover,
.subdirectory-item:active,
.detail-title .title-main,
.detail-title .title-sub,
.grid-item,
.viewer-nav,

/* 品牌详情页可点击元素 */
.brand-directory-item.clickable,
.brand-detail-title,
.brand-detail-desc,
.gallery-nav,

/* 制图页可点击元素 */
.wall-item,
.still-image-header.clickable,

/* 绘画页可点击元素 */
.paint-grid-item,
.image-wrapper,
.placeholder-wrapper,

/* 项目通用可点击元素 */
.footer-video-link,
.footer-video-link-last,
.image-fullscreen-item.video-hover-item,

/* 自定义滚动条 */
.custom-scrollbar-track,
.custom-scrollbar-thumb,

/* 储物柜页图片堆叠 */
.stack-item {
    cursor: var(--cursor-custom-pointer) !important;
}

/* 视频相关元素使用默认光标 */
video,
.main-video,
.grid-video,
.bg-video,
.cover-video,
.hover-video,
.end-video,
.about-video,
.video-wrapper,
.video-grid-item,
.project-video-container {
    cursor: var(--cursor-custom) !important;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #D4D4D4;
    color: #000000;
    overflow-x: hidden;
    overflow-y: auto;
    transition: background-color 0.3s ease, color 0.3s ease;
}

html {
    overflow-x: hidden;
    overflow-y: auto;
}

body::-webkit-scrollbar {
    display: none;
}

body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 导航栏样式 */
.navbar {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    padding: clamp(18px, 2.08vw, 30px) clamp(18px, 2.08vw, 30px) 0 clamp(10px, 1.39vw, 20px);
    background-color: transparent !important;
    box-shadow: none;
    z-index: 100;
    width: 100%;
    border-bottom: none;
    position: fixed;
    top: 0;
    left: 0;
}

.navbar-brand {
    display: inline-block !important;
    vertical-align: top !important;
    margin-right: auto;
    padding: 0 !important;
    line-height: 1;
}

.navbar-brand > * {
    vertical-align: top !important;
}

.navbar .container-fluid {
    padding-left: 0;
    padding-right: 0;
    height: auto;
    padding-top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.navbar-collapse {
    flex-grow: 0;
    margin: 0;
    padding: 0;
}

.navbar-nav {
    display: flex;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    gap: clamp(20px, 4.17vw, 60px);
}

.nav-item {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.brand-link {
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: inherit;
    vertical-align: top;
}

.brand-text {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.048em;
    line-height: 1;
    color: #000000;
    margin: 0;
    padding: 0;
    vertical-align: top;
    display: inline-block;
    position: relative;
    top: -1px;
}

.nav-link {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.053em;
    margin-left: 30px;
    line-height: 1;
    color: #000000 !important;
    transition: color 0.3s ease;
    display: inline-block;
    padding: 0;
    vertical-align: top;
}

/* HAVE FUN */
.navbar-nav li:nth-child(1) .nav-link:hover,
.navbar-nav li:nth-child(1) .nav-link:focus,
.navbar-nav li:nth-child(1) .nav-link:focus-visible,
.navbar-nav li:nth-child(1) .nav-link.active {
    color: #85A266 !important;
    outline: none;
}

/* MOVING IMAGE */
.navbar-nav li:nth-child(2) .nav-link:hover,
.navbar-nav li:nth-child(2) .nav-link:focus,
.navbar-nav li:nth-child(2) .nav-link:focus-visible,
.navbar-nav li:nth-child(2) .nav-link.active {
    color: #2371D2 !important;
    outline: none;
}

/* STILL IMAGE */
.navbar-nav li:nth-child(3) .nav-link:hover,
.navbar-nav li:nth-child(3) .nav-link:focus,
.navbar-nav li:nth-child(3) .nav-link:focus-visible,
.navbar-nav li:nth-child(3) .nav-link.active {
    color: #8E66A2 !important;
    outline: none;
}

/* LOCKER */
.navbar-nav li:nth-child(4) .nav-link:hover,
.navbar-nav li:nth-child(4) .nav-link:focus,
.navbar-nav li:nth-child(4) .nav-link:focus-visible,
.navbar-nav li:nth-child(4) .nav-link.active {
    color: #A26667 !important;
    outline: none;
}

/* ABOUT */
.navbar-nav li:nth-child(5) .nav-link:hover,
.navbar-nav li:nth-child(5) .nav-link:focus,
.navbar-nav li:nth-child(5) .nav-link:focus-visible,
.navbar-nav li:nth-child(5) .nav-link.active {
    color: #D57585 !important;
    outline: none;
}

.navbar-tooth {
    width: clamp(36px, 3.75vw, 54px);
    height: clamp(48px, 4.86vw, 70px);
    margin-left: clamp(-20px, -2.08vw, -30px);
}

.navbar-tooth-container {
    display: flex;
    align-items: center;
    margin-top: -10px;
}

.navbar-tooth-container .brand-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

/* ================================================================
   响应式设计 - 导航栏
   ================================================================ */