@import "ft.css";

@import "header.css";

@font-face {
    font-family: 'VELISTA';
    src: url(../fonts/VELISTA.otf);
}

@font-face {
    font-family: 'The Erupha Italic Scale';
    src: url(../fonts/The Erupha Italic Scale.ttf);
}

@font-face {
    font-family: 'The Erupha';
    src: url(../fonts/The Erupha.ttf);
}

@font-face {
    font-family: 'The Erupha Slant';
    src: url(../fonts/The Erupha Slant.ttf);
}

@font-face {
    font-family: 'The Erupha Italic';
    src: url(../fonts/The Erupha Italic.ttf);
}

@font-face {
    font-family: 'The Erupha Scale';
    src: url(../fonts/The Erupha Scale.ttf);
}

@font-face {
    font-family: 'The Erupha Scale Slant';
    src: url(../fonts/The Erupha Scale Slant.ttf);
}

.ff2,
.ff2 * {
    font-family: 'The Erupha Italic Scale';
}

.ff3,
.ff3 * {
    font-family: 'The Erupha';
}

.ff4,
.ff4 * {
    font-family: 'The Erupha Slant';
}

.ff5,
.ff5 * {
    font-family: 'The Erupha Italic';
}

.ff6,
.ff6 * {
    font-family: 'The Erupha Scale';
}

.ff7,
.ff7 * {
    font-family: 'The Erupha Scale Slant';
}

* {

    font-family: "PingFang SC", "Calibri", "opensans", "GothicArial", "Arial", "Microsoft YaHei", "San Francisco", 'Hiragino Sans GB', "Helvetica Neue", Helvetica, sans-serif;

}

body {
    background: #F7F3EF;
}

::-webkit-scrollbar {
    width: 0;
}

body,
ul,
li,
p,
a,
* {

    margin: 0;

    padding: 0;

    list-style: none;

    color: #272727;

}

::-webkit-scrollbar {
    width: 0;
}

a {

    text-decoration: none;

    color: inherit;

}

* {

    outline: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    box-sizing: border-box;

}

img {

    vertical-align: middle;

    max-width: 100%;

}





.VELISTA,
.VELISTA>* {

    font-family: 'VELISTA';

    letter-spacing: 0 !important;

}



/* sabon+ time new roman都用这个 */

.Tinos,
.Tinos>* {
    font-family: 'Tinos';
}

video::-webkit-media-controls-download-button {
    display: none;
}

/* ===== 全局Header修复：首页透明，滚动后优雅半透明 ===== */
.header{mix-blend-mode:normal!important;background:transparent!important;transition:background .4s ease,padding .4s ease,box-shadow .4s ease;pointer-events:auto!important;padding-top:20px!important;padding-bottom:10px!important;}
.header .box{pointer-events:auto;padding-bottom:0!important;}
.header .box .logo{mix-blend-mode:normal!important;}
.header.scrolled{background:rgba(20,18,15,0.84)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-top:12px!important;padding-bottom:8px!important;box-shadow:0 1px 18px rgba(0,0,0,0.10);}
.header.scrolled .inline-nav .nav-link{color:rgba(255,255,255,0.9)!important;text-shadow:none!important;}
.header.scrolled .inline-nav .nav-link::after{color:rgba(255,255,255,0.5)!important;text-shadow:none;}
.header.black{background:transparent!important;}
.header.black.scrolled{background:rgba(20,18,15,0.84)!important;backdrop-filter:none!important;}
.logo img{height:44px!important;width:auto!important;transition:height .4s;}
.header.scrolled .logo img{height:34px!important;}
.inline-nav{pointer-events:auto;}
.inline-nav .nav-link{color:rgba(255,255,255,0.95)!important;font-size:14px;letter-spacing:2px;position:relative;transition:color .3s;mix-blend-mode:normal!important;text-shadow:0 1px 6px rgba(0,0,0,0.6),0 0 12px rgba(0,0,0,0.3)!important;pointer-events:auto;}
/* 覆盖header.css默认padding */
.header{padding:20px 30px 10px!important;}
.header .box .logo img{width:auto!important;height:44px!important;}
.inline-nav .nav-link::after{content:attr(data-en);display:block;font-family:Georgia,serif;font-size:9px;letter-spacing:1px;color:rgba(255,255,255,0.55);text-transform:uppercase;margin-top:2px;transition:color .3s;text-shadow:0 1px 4px rgba(0,0,0,0.5);}
.inline-nav .nav-link:hover,.inline-nav .nav-link.active{color:#fff!important;}
.inline-nav .nav-link:hover::after,.inline-nav .nav-link.active::after{color:rgba(255,255,255,0.85);}
.inline-nav .sub-menu{background:rgba(20,18,15,0.96)!important;backdrop-filter:none;border:1px solid rgba(255,255,255,0.08);}
.inline-nav .sub-menu a{color:rgba(255,255,255,0.8)!important;text-shadow:none!important;}
.inline-nav .sub-menu a:hover{color:#fff!important;background:rgba(184,151,107,0.15)!important;}
.navbar-toggle{pointer-events:auto;}
.navbar-toggle span{background:#fff!important;transition:background .3s,box-shadow .3s;box-shadow:0 1px 4px rgba(0,0,0,0.3);}
.floating-menu{pointer-events:auto;z-index:101;}

/* ===== 导航浅色模式（在浅色内容区上使用） ===== */
.header.scrolled.light{background:rgba(255,253,249,0.96)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 1px 14px rgba(0,0,0,0.05)!important;}
.header.scrolled.light .logo img{filter:brightness(0) saturate(100%)!important;}
.header.scrolled.light .inline-nav .nav-link{color:#2a2420!important;text-shadow:none!important;}
.header.scrolled.light .inline-nav .nav-link::after{color:rgba(42,36,32,0.5)!important;text-shadow:none!important;}
.header.scrolled.light .inline-nav .nav-link:hover,.header.scrolled.light .inline-nav .nav-link.active{color:#1a1a1a!important;}
.header.scrolled.light .inline-nav .nav-link:hover::after{color:#b8976b!important;}
.header.scrolled.light .inline-nav .sub-menu{background:rgba(255,253,249,0.98)!important;border:1px solid rgba(0,0,0,0.06)!important;box-shadow:0 8px 30px rgba(0,0,0,0.08)!important;}
.header.scrolled.light .inline-nav .sub-menu a{color:#4a4035!important;}
.header.scrolled.light .inline-nav .sub-menu a:hover{color:#1a1a1a!important;background:rgba(184,151,107,0.1)!important;}
.header.scrolled.light .navbar-toggle span{background:#2a2420!important;box-shadow:none!important;}

/* ===== 汉堡菜单修复 ===== */
.navbar-toggle{cursor:pointer!important;position:relative;z-index:110;pointer-events:auto!important;}
.navbar-toggle span{display:block!important;width:22px;height:2px;background:#fff!important;margin:3px 0!important;transition:all .3s;border-radius:1px;}
.pheader .navbox{cursor:pointer!important;}
.floating-menu{cursor:pointer!important;z-index:105;}
body.navopen{overflow:hidden;}

/* 移动端（≤1024px）修复：确保header和菜单按钮可用 */
@media screen and (max-width:1024px){
  .header{display:flex!important;background:rgba(20,18,15,0.9)!important;}
  .inline-nav{display:none!important;}
  .navbar-toggle{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;}
  .floating-menu{display:none!important;}
}

/* ===== 内页page-banner确保标题白色可见 ===== */
.page-banner{z-index:1;}
.page-banner .overlay{background:linear-gradient(180deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.6) 100%)!important;}
.page-banner .title-box{z-index:2;color:#fff!important;}
.page-banner .title-box .en{color:rgba(255,255,255,0.8)!important;}
.page-banner .title-box h1{color:#fff!important;}
.page-content{position:relative;z-index:2;background:var(--paper,#f5f2ed);}

/* ===== Footer 统一样式 ===== */
.footer{background:#1a1815!important;padding:60px 50px 30px!important;color:#c5bfb3!important;position:relative;z-index:2;}
.footer .box{max-width:1400px!important;margin:0 auto!important;}
.footer .f-top{display:flex!important;justify-content:space-between!important;gap:40px!important;padding-bottom:40px!important;border-bottom:1px solid rgba(255,255,255,0.08)!important;flex-wrap:wrap;}
.footer .f-left{flex-shrink:0!important;}
.footer .f-logo img{height:44px!important;width:auto!important;margin-bottom:14px!important;display:block;filter:brightness(0) invert(1)!important;opacity:0.9;}
.footer .f-desc{font-size:12px!important;line-height:2!important;color:#8a8478!important;letter-spacing:1px!important;}
.footer .f-right{display:flex!important;gap:50px!important;flex-wrap:wrap;}
.footer .f-col{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:100px;}
.footer .f-col .f-title{font-size:13px!important;color:#e0dbd1!important;letter-spacing:2px!important;margin-bottom:6px!important;font-weight:500;}
.footer .f-col a{color:#8a8478!important;text-decoration:none!important;font-size:12px!important;letter-spacing:1px!important;transition:color .3s!important;display:block;line-height:1.8;}
.footer .f-col a:hover{color:#b8976b!important;}
.footer .f-col .f-info{font-size:12px!important;color:#8a8478!important;line-height:2!important;letter-spacing:0.5px!important;}
.footer .f-bottom{padding-top:24px!important;text-align:center!important;}
.footer .f-bottom .copy{font-size:11px!important;color:#5d5850!important;letter-spacing:1px!important;}
.footer .f-bottom .copy a{color:inherit!important;text-decoration:none!important;transition:color .3s!important;}
.footer .f-bottom .copy a:hover{color:#b8976b!important;}

/* ===== News cards and article detail ===== */
.news-card-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:26px!important;margin-top:42px!important;}
.news-card{display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid rgba(39,39,39,0.08)!important;text-decoration:none!important;overflow:hidden!important;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease!important;}
.news-card:hover{transform:translateY(-4px)!important;border-color:rgba(184,151,107,0.45)!important;box-shadow:0 10px 28px rgba(0,0,0,0.07)!important;}
.news-card .news-thumb{width:100%!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#eee!important;}
.news-card .news-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .7s ease!important;}
.news-card:hover .news-thumb img{transform:scale(1.04)!important;}
.news-card .news-body{padding:22px 22px 24px!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:190px!important;}
.news-card .date{font-family:Georgia,"Times New Roman",serif!important;font-size:13px!important;color:#b8976b!important;letter-spacing:1.5px!important;}
.news-card .news-title{font-size:18px!important;line-height:1.55!important;color:#1a1a1a!important;letter-spacing:.4px!important;font-weight:500!important;}
.news-card p{font-size:14px!important;line-height:1.9!important;color:#5c5040!important;margin:0!important;}
.news-card .arrow{margin-top:auto!important;font-size:13px!important;color:#8a8070!important;letter-spacing:2px!important;transition:color .3s ease!important;}
.news-card:hover .arrow{color:#b8976b!important;}
.article{max-width:900px!important;}
.article h1{font-size:32px!important;line-height:1.45!important;}
.article .article-hero{margin:0 0 34px!important;overflow:hidden!important;background:#eee!important;}
.article .article-hero img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;display:block!important;margin:0!important;}
.article .article-gallery{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:16px!important;margin:32px 0!important;}
.article .article-gallery img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;margin:0!important;display:block!important;}
.article .source-note{margin-top:34px!important;padding-top:18px!important;border-top:1px solid rgba(39,39,39,0.1)!important;font-size:12px!important;color:#8a8070!important;line-height:1.8!important;}
.article .source-note a{color:#8a8070!important;text-decoration:none!important;border-bottom:1px solid rgba(138,128,112,0.35)!important;}
@media screen and (max-width:768px){
  .footer{padding:40px 24px 24px!important;}
  .footer .f-top{flex-direction:column!important;gap:30px!important;}
  .footer .f-right{gap:30px!important;}
  .news-card-list{grid-template-columns:1fr!important;gap:18px!important;}
  .article h1{font-size:24px!important;}
  .article .article-gallery{grid-template-columns:1fr!important;}
}