:root{--ink:#25221e;--muted:#746e65;--paper:#f7f4ef;--gold:#a97839;--deep:#332a20;--line:#e6dfd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.75;background:#fff}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:88px;background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 18px #241b0f12}.header-inner{height:100%;display:flex;align-items:center;gap:38px}.brand img{width:220px;max-height:62px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.main-nav a{font-size:15px;white-space:nowrap;position:relative;padding:31px 0}.main-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:20px;height:2px;background:var(--gold);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{left:0;right:0}.phone{padding-left:20px;border-left:1px solid var(--line);line-height:1.25}.phone small{display:block;color:var(--muted)}.phone strong{color:var(--gold);font-size:18px}.nav-toggle{display:none;background:none;border:0}.hero{height:min(680px,70vw);min-height:480px;position:relative;overflow:hidden;background:#201b16}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.03);transition:opacity 1s,transform 6s}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1d1710b8 0%,#1d171052 48%,transparent 75%)}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-copy{position:relative;z-index:2;color:#fff;padding-top:150px}.hero-copy p,.eyebrow{color:#c59657;letter-spacing:3px;font-size:13px;font-weight:700}.hero-copy h1{font-size:48px;line-height:1.25;margin:10px 0 16px;max-width:650px}.hero-copy span{display:block;font-size:19px;margin-bottom:32px}.btn{display:inline-flex;background:var(--gold);color:#fff;padding:13px 28px;align-items:center;justify-content:center;transition:.25s}.btn:hover{background:#8d602d;transform:translateY(-2px)}.section{padding:86px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.about-image{position:relative}.about-image:before{content:"";position:absolute;width:45%;height:55%;left:-18px;bottom:-18px;background:var(--gold);z-index:-1}.section h2,.section-head h2{font-size:36px;margin:4px 0 22px;line-height:1.3}.summary{color:var(--muted)}.facts{display:flex;gap:25px;margin:30px 0}.facts span{padding-right:25px;border-right:1px solid var(--line);color:var(--muted)}.facts b{display:block;color:var(--gold);font-size:22px}.text-link,.section-head>a{color:var(--gold);font-weight:700}.products-home{background:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head h2{margin-bottom:0}.category-row,.subnav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.category-row a,.subnav a{border:1px solid var(--line);padding:8px 18px;background:#fff}.category-row a:hover,.subnav a:hover,.subnav a.active{background:var(--gold);border-color:var(--gold);color:#fff}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:#fff;padding-bottom:18px;transition:.3s;box-shadow:0 8px 30px #392a1410}.product-card:hover{transform:translateY(-6px);box-shadow:0 16px 38px #392a1426}.card-image{aspect-ratio:1.15;overflow:hidden;background:#eee}.card-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.product-card:hover img{transform:scale(1.05)}.product-card h2,.product-card h3{font-size:17px;margin:17px 18px 2px}.product-card p{font-size:13px;color:var(--gold);margin:0 18px}.strengths{background:linear-gradient(#30271edb,#30271edb),url('../legacy/Template/Images/banner/20224811407.jpg') center/cover fixed;color:#fff}.light h2{color:#fff}.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff22}.strength-grid article{padding:35px;background:#251f19b8}.strength-grid b{color:#c59657;font-size:28px}.strength-grid h3{font-size:21px}.strength-grid p{color:#d4cec7}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-card{border:1px solid var(--line);background:#fff;transition:.25s}.news-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px #2e241515}.news-card>img{width:100%;aspect-ratio:1.65;object-fit:cover}.news-card>div{padding:22px}.news-card time,.article-meta{font-size:13px;color:var(--gold)}.news-card h3{margin:6px 0;font-size:19px}.news-card p{margin:0;color:var(--muted);font-size:14px}.page-hero{height:270px;background:linear-gradient(90deg,#2a211eea,#2a211e86),url('../legacy/Template/Images/banner/20224820445.jpg') center/cover;color:#fff;display:flex;align-items:center}.page-hero h1{font-size:40px;margin:0}.page-hero p{color:#d0a66e;letter-spacing:3px;margin:0}.subnav{padding-top:30px;margin-bottom:-30px}.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.list-card{border:1px solid var(--line)}.list-card img{width:100%;aspect-ratio:1.6;object-fit:cover}.list-card div{padding:20px}.list-card h2{font-size:20px;margin:5px 0}.list-card p{color:var(--muted);margin:0}.list-card time{color:var(--gold);font-size:13px}.pagination{display:flex;justify-content:center;margin-top:45px}.pagination a,.pagination span{border:1px solid var(--line);padding:7px 13px;margin:3px}.pagination .active,.pagination a:hover{background:var(--gold);color:#fff}.article{max-width:880px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:28px}.article>h1{text-align:center;font-size:34px;margin-bottom:6px}.article-meta{text-align:center;margin-bottom:35px}.article-body,.page-content,.detail-body{font-size:16px}.article-body img,.page-content img,.detail-body img{margin:20px auto;height:auto!important}.article-nav{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.product-main-image{background:var(--paper)}.product-main-image img{width:100%;max-height:560px;object-fit:contain}.product-intro h1{font-size:34px}.product-intro p{color:var(--muted);margin-bottom:30px}.detail-body{margin-top:60px;border-top:1px solid var(--line);padding-top:35px}.site-footer{background:#241f1a;color:#c7c0b8;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr auto;gap:50px}.footer-grid h3{color:#fff}.footer-logo{max-width:220px;margin-bottom:18px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qr{width:110px}.copyright{border-top:1px solid #ffffff16;text-align:center;padding:18px;margin-top:42px;font-size:13px}.mobile-bar{display:none}
@media(max-width:960px){.phone{display:none}.main-nav{gap:18px}.card-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.qr{display:none}}
@media(max-width:720px){body{padding-bottom:56px}.container{width:min(100% - 28px,1180px)}.site-header{height:70px}.brand img{width:175px}.nav-toggle{display:flex;margin-left:auto;width:36px;height:36px;flex-direction:column;justify-content:center;gap:5px}.nav-toggle span{height:2px;background:var(--ink);width:24px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:12px 20px;box-shadow:0 15px 25px #0002}.main-nav.open{display:grid}.main-nav a{padding:10px}.hero{height:560px}.hero-copy{padding-top:120px}.hero-copy h1{font-size:34px}.hero-copy span{font-size:16px}.section{padding:58px 0}.split,.product-detail{grid-template-columns:1fr;gap:40px}.section h2,.section-head h2{font-size:30px}.facts{gap:10px}.facts span{padding-right:10px;font-size:13px}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-row{overflow-x:auto;flex-wrap:nowrap}.category-row a{white-space:nowrap}.strength-grid,.news-grid,.list-grid{grid-template-columns:1fr}.strengths{background-attachment:scroll}.section-head{align-items:center}.footer-grid{grid-template-columns:1fr}.page-hero{height:210px}.page-hero h1{font-size:32px}.article>h1{font-size:27px}.article-nav{display:grid}.mobile-bar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;z-index:60;bottom:0;left:0;right:0;height:56px;background:#fff;box-shadow:0 -3px 15px #0002}.mobile-bar a{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);font-size:14px}.mobile-bar a:last-child{background:var(--gold);color:#fff}}
.hero-dots{position:absolute;z-index:3;left:50%;bottom:34px;display:flex;gap:10px;transform:translateX(-50%)}.hero-dots button{width:34px;height:3px;border:0;padding:0;background:#ffffff66;cursor:pointer;transition:.3s}.hero-dots button.active{width:58px;background:#fff}.scroll-cue{position:absolute;z-index:3;right:3.5%;bottom:25px;color:#fff9;display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:2px}.scroll-cue i{display:block;width:1px;height:38px;background:#fff;animation:cue 1.6s infinite}@keyframes cue{0%{transform:scaleY(.15);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(.15);transform-origin:bottom}}.hero-copy>*{opacity:0;transform:translateY(25px);animation:heroIn .8s forwards}.hero-copy h1{animation-delay:.15s}.hero-copy span{animation-delay:.3s}.hero-copy .btn{animation-delay:.45s}@keyframes heroIn{to{opacity:1;transform:none}}.facts em{font-style:normal}.reveal{opacity:0;transform:translateY(45px);transition:opacity .75s ease var(--delay),transform .75s cubic-bezier(.2,.7,.2,1) var(--delay)}.reveal.revealed{opacity:1;transform:none}.product-viewport{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.product-viewport::-webkit-scrollbar{display:none}.product-track{display:flex;gap:22px;padding:7px 2px 28px}.product-track .product-card{flex:0 0 calc((100% - 66px)/4);scroll-snap-align:start}.product-controls{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--muted);font-size:12px}.product-controls button{width:42px;height:42px;border:1px solid var(--line);background:#fff;color:var(--gold);font-size:18px;cursor:pointer;transition:.25s}.product-controls button:hover{background:var(--gold);color:#fff}@media(max-width:960px){.product-track .product-card{flex-basis:calc((100% - 44px)/3)}}@media(max-width:720px){.hero-dots{bottom:75px}.scroll-cue{display:none}.facts{display:grid;grid-template-columns:1fr 1fr}.product-track{gap:12px}.product-track .product-card{flex-basis:72%}}

/* 导航蒙版悬停效果 */
.main-nav {
    gap: 24px;
}

.main-nav a {
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;
}

/* 关闭原来的下划线 */
.main-nav a::after {
    display: none;
}

/* 悬停蒙版 */
.main-nav a::before {
    content: "";
    position: absolute;
    z-index: -1;

    /* 控制蒙版大小 */
    top: 21px;
    bottom: 21px;
    left: -15px;
    right: -15px;

    /* 蒙版颜色 */
    background: linear-gradient(135deg, #c49355, #9a672f);

    /* 胶囊形状 */
    border-radius: 30px;

    opacity: 0;
    transform: scale(0.45);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

/* 鼠标悬停和当前栏目 */
.main-nav a:hover,
.main-nav a.active {
    color: #fff;
}

.main-nav a:hover::before,
.main-nav a.active::before {
    opacity: 1;
    transform: scale(1);
}
/* 导航覆盖在 Banner 顶部 */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;

    background: linear-gradient(
        to bottom,
        rgba(15, 25, 32, 0.78) 0%,
        rgba(15, 25, 32, 0.40) 55%,
        rgba(15, 25, 32, 0) 100%
    );

    box-shadow: none;
    transition:
        background 0.4s ease,
        box-shadow 0.4s ease;
}

/* 页面滚动后增加深色蒙版 */
.site-header.scrolled {
    background: rgba(26, 28, 27, 0.92);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* 导航文字改成白色 */
.main-nav a {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

/* 电话区域 */
.phone {
    border-left-color: rgba(255, 255, 255, 0.28);
}

.phone small {
    color: rgba(255, 255, 255, 0.75);
}

.phone strong {
    color: #e1b06c;
}

/* 给白色透明 Logo 增加轻微阴影 */
.brand img {
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.25));
}

/* 手机端导航展开后仍使用白底深色文字 */
@media (max-width: 720px) {
    .nav-toggle span {
        background: #fff;
    }

    .main-nav.open {
        background: rgba(255, 255, 255, 0.98);
    }

    .main-nav.open a {
        color: var(--ink);
        text-shadow: none;
    }
}