@import url('https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap');
/* font-family: 'ZCOOL KuaiLe', sans-serif; */

/*
 * Source Han Sans 3 Font 思源黑体
 * font-family: 'Source Han Sans 3', sans-serif;
 * font-weight: 200 - 900; font-style: normal / italic;
 * 标题、正文、按钮
*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
/* font-weight: 200 - 900; font-style: normal / italic; */

/*
 * Source Han Serif 4 Font 思源宋体
 * font-family: 'Source Han Serif 4', serif;
 * font-weight: 200 - 900; font-style: normal / italic;
 * 正文、标题
*/
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
/* font-weight: 200 - 900; font-style: normal / italic; */



/*
 * Roboto 英文字体 => 阿里巴巴普惠体
 * font-family: 'Roboto', sans-serif;
 * font-weight: 100 - 900; font-style: normal / italic;
 * 电商产品详情、导航
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/*
 * Playfair Display 英文字体 => 方正清刻本悦宋简体
 * font-family: 'Playfair Display', serif;
 * font-weight: 400 - 900; font-style: normal / italic;
 * 高端产品画册、品牌名
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


@font-face {
    font-family: 'AlibabaPuHuiTi 35 Thin';
    src:url('font/AlibabaPuHuiTi-3-35-Thin.woff2') format('woff2'),
        url('font/AlibabaPuHuiTi-3-35-Thin.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face { 
    font-family: 'AlibabaPuHuiTi 45 Light';
    src:url('font/AlibabaPuHuiTi-3-45-Light.woff2') format('woff2'),
        url('font/AlibabaPuHuiTi-3-45-Light.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face { 
    font-family: 'AlibabaPuHuiTi 55 Regular';
    src:url('font/AlibabaPuHuiTi-3-55-Regular.woff2') format('woff2'),
        url('font/AlibabaPuHuiTi-3-55-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face { 
    font-family: 'AlibabaPuHuiTi 55 RegularL3';
    src:url('font/AlibabaPuHuiTi-3-55-RegularL3.woff2') format('woff2'),
        url('font/AlibabaPuHuiTi-3-55-RegularL3.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face { 
    font-family: 'AlibabaPuHuiTi 65 Medium';
    src:url('font/AlibabaPuHuiTi-3-65-Medium.woff2') format('woff2'),
        url('font/AlibabaPuHuiTi-3-65-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face { 
    font-family: 'AlibabaPuHuiTi 75 SemiBold';
    src:url('font/AlibabaPuHuiTi-3-75-SemiBold.woff2') format('woff2'),
        url('font/AlibabaPuHuiTi-3-75-SemiBold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face { 
    font-family: 'AlibabaPuHuiTi 85 Bold';
    src:url('font/AlibabaPuHuiTi-3-85-Bold.woff2') format('woff2'),
        url('font/AlibabaPuHuiTi-3-85-Bold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face { 
    font-family: 'AlibabaPuHuiTi 95 ExtraBold';
    src:url('font/AlibabaPuHuiTi-3-95-ExtraBold.woff2') format('woff2'),
        url('font/AlibabaPuHuiTi-3-95-ExtraBold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face { 
    font-family: 'AlibabaPuHuiTi 105 Heavy';
    src:url('font/AlibabaPuHuiTi-3-105-Heavy.woff2') format('woff2'),
        url('font/AlibabaPuHuiTi-3-105-Heavy.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*
 * 1. 简约自然风（适配家居 / 文创产品）
 * 主色 - 浅原木 : 页面背景、产品展示区底色、卡片背景 - 避免大面积纯色铺满，可加 5%-10% 的肌理纹理增强质感
 * 主色 - 深原木 : 标题文字、产品边框、导航栏 - 用于文字时需确保和背景对比度≥4.5:1（符合无障碍设计）
 * 辅助色 - 草木绿 : 按钮、图标、重点链接、标签 - 低饱和色调，不超过页面色彩占比的 20%
 * 辅助色 - 浅米色 : 次要背景、表单底色、留白区域 - 作为过渡色，提升页面透气感
 * 中性色 - 浅灰色 : 分割线、次要文字背景
 * 中性色 - 深灰色 : 正文文字、说明文字
*/

:root {
    --ninian-main-color1-a: #E8DCCA;
    --ninian-main-color2-a: #8B6E4E;
    --ninian-accent-color1-a: #7BA05B;
    --ninian-accent-color2-a: #F5F0E1;
    --ninian-neutral-color1-a: #F0F0F0;
    --ninian-neutral-color2-a: #333333;
}


/*
 * 2. 高端质感风（适配轻奢家具 / 实木工艺品）
 * 主色 - 深原木 : 标题、品牌名、产品边框 - 搭配哑光质感，避免高光
 * 主色 - 浅灰木 : 页面背景、产品展示区 - 适合深色系产品展示
 * 辅助色 - 灰蓝色 : 按钮、图标、装饰线条 - 冷色调中和原木暖感，提升高级感
 * 辅助色 - 哑光黑 : 品牌标语、重点文字 - 小面积使用，占比不超过 10%
 * 中性色 - 浅灰色 : 次要背景
 * 中性色 - 中灰色 : 说明文字、占位文字
*/

/*
 * #B27D52 暖焦糖棕，比页面原木色更饱和，显眼不刺眼
 * #597853 低饱和墨绿，和绿植呼应，对比白色 / 原木色显眼
*/

:root {
    --ninian-main-color1-b: #B27D52;    /* #735A40 */
    --ninian-main-color2-b: #D9CFC1;
    --ninian-accent-color1-b: #9FA8A3;
    --ninian-accent-color2-b: #2D2D2D;
    --ninian-neutral-color1-b: #F5F5F5;
    --ninian-neutral-color2-b: #999999;
}

/*
 * 原始配置方案
*/

:root {
    --primary-color: #0068D7;
    --dark-color: #18171A;
    --secondary-color: #666666;
    --grey-color: #F5F5F5;
    --white-color: #ffffff;
    --body-fonts: 'DM Sans', sans-serif;
    --title-fonts: 'Barlow Condensed', sans-serif;

    --ninian-text-transform: uppercase;
    --ninian-nav-color: #ffffff;
    --ninian-nav-color-hover: #0068D7;

    --ninian-white-line: #fff0f030;
}


/* 重置配色方案 */
:root {
    --primary-color: var(--ninian-main-color1-b);
    --button-color: var(--ninian-main-color1-b);
    /* --dark-color: var(--ninian-main-color2-b); */
    /* --secondary-color: var(--ninian-accent-color1-b); */
    /* --grey-color: var(--ninian-accent-color2-b); */
    /* --white-color: #ffffff; */
    --body-fonts: 'AlibabaPuHuiTi 55 Regular', sans-serif;
    --title-fonts: 'Source Han Serif 4', sans-serif;
    /* --boder-color: var(--ninian-main-color1-b); */
    --ninian-text-transform: capitalize;

    --ninian-nav-bgcolor: #ffffff00;
    --ninian-nav-bgcolor-sticky: #18171af1;
    --ninian-nav-color: var(--ninian-accent-color2-b);
    --ninian-nav-color-hover: var(--ninian-main-color1-b);
}

.fullscreen {
    margin-top: 1em!important;
    padding: 0!important;
    line-height: 0!important;
}

/* 核心：视频全屏自适应样式 */
.fullscreen-video {
    /* position: fixed; */
    /* 固定定位，始终覆盖视口 */
    /* top: 0; */
    /* left: 0; */
    width: 100vw;
    /* 视口宽度100% */
    /* height: 100vh; */
    /* 视口高度100% */
    /* object-fit: cover; */
    /* 保持视频比例，填满容器（无黑边、不变形） */
    /* z-index: -1; */
    /* 可根据需要调整层级，避免遮挡其他内容 */
}

/* 强制隐藏所有浏览器的视频控制栏（兼容写法） */
.fullscreen-video::-webkit-media-controls {
    display: none !important;
}

.fullscreen-video::-moz-media-controls {
    display: none !important;
}

.fullscreen-video::-ms-media-controls {
    display: none !important;
}

.fullscreen-video::media-controls {
    display: none !important;
}



.pq-header.pq-header.pq-style-1 .pq-bottom-header {
    background: var(--ninian-nav-bgcolor)!important;
}
.pq-header.pq-header.pq-style-1 .pq-bottom-header.pq-header-sticky {
    background: var(--ninian-nav-bgcolor-sticky)!important;
}

/* 粘黏显示时颜色 */
.pq-header.pq-style-1 .pq-bottom-header.pq-header-sticky .navbar .navbar-collapse .pq-menu-contain .pq-main-menu > li.menu-item > a,
.pq-header.pq-style-1 .pq-bottom-header.pq-header-sticky .navbar .navbar-collapse .pq-menu-contain .pq-main-menu > li.menu-item > a i,
.pq-header.pq-style-1 .pq-bottom-header.pq-header-sticky .pq-menu-search-block a,
.pq-header.pq-style-1 .pq-bottom-header.pq-header-sticky .pq-toggle-btn a {
    color: var(--white-color)!important;
}

.pq-header .pq-toggle-btn a {
    color: var(--ninian-nav-color)!important;
}

/* 粘黏时选中的显示颜色 */
.pq-header.pq-style-1 .pq-bottom-header.pq-header-sticky .navbar .navbar-collapse .pq-menu-contain .pq-main-menu > li.menu-item.current-menu-item > a,
.pq-header.pq-style-1 .pq-bottom-header.pq-header-sticky .navbar .navbar-collapse .pq-menu-contain .pq-main-menu > li.menu-item.current-menu-item > a i,
.pq-header.pq-style-1 .pq-bottom-header.pq-header-sticky .pq-menu-search-block a:hover,
.pq-header .pq-menu-search-block a:hover,
.pq-header.pq-style-1 .pq-bottom-header.pq-header-sticky .pq-toggle-btn a:hover,
.pq-header .pq-toggle-btn a:hover {
    color: var(--ninian-nav-color-hover)!important;
}


.blog-details-area p {
    margin-bottom: 10px!important;
    line-height: 1.6rem!important;
}




/* Banner图样式调整 */
#rev_slider_1_1_wrapper .hesperiden .tp-bullet {
    width: 6px!important;
    height: 6px!important;
    opacity: .4!important;
}

#rev_slider_1_1_wrapper .zeus.tparrows {
    display: none!important;
}