
/* LCN-NAV3 2026-10-05 START — 导航精细化(取代 LCN-NAV2):更窄更静的深色顶栏 + 与顶栏栅格对齐的白色大面板;发丝线(1px)分隔、8px 节奏、
   细字重/宽字距、慢而柔的缓动 cubic-bezier(.22,.61,.36,1)(300–550ms)、减少花哨的逐项错峰、服务/登录面板补足大图版式。
   只学习高端汽车品牌官网的设计原则,未使用任何第三方代码/字体/Logo/图片。
   关闭整套效果:还原备份 index.html.bak-nav3-20261005(回到上一版);或删除本 <style id="lcn-nav3"> 与 <script id="lcn-nav3-js"> 两块,并同时删除 "服务" 面板里的 .lcn3-feat 一行。 */
body .lcn{--lcn-h:64px;--n2-bar:#121212;--n2-ink:#1a1a1a;--n2-mut:#6b6b6b;--n2-line:rgba(26,26,26,.12);--n2-line2:rgba(26,26,26,.32);--n2-soft:#f6f6f6;--n2-accent:#b4653a;--n2-ease:cubic-bezier(.22,.61,.36,1);--n2-gx:max(56px,calc((100vw - 1488px)/2 + 56px));--n2-side:264px;--n2-gap:48px;--n2-sans:"Inter","PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC","Helvetica Neue",Arial,sans-serif;font-family:var(--n2-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html body{padding-top:64px!important}
body .lcn a:focus-visible,body .lcn button:focus-visible{outline:2px solid var(--n2-ink);outline-offset:3px}

/* ---------- 顶栏:低、深、静;Logo 与菜单、右侧电话均与下方面板的栅格对齐 ---------- */
body .lcn .lcn-bar{height:64px;padding:0 var(--n2-gx);column-gap:var(--n2-gap);grid-template-columns:var(--n2-side) 1fr auto;background:var(--n2-bar)!important;color:#fff!important;border-bottom:0!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08);transition:transform .4s var(--n2-ease),box-shadow .4s var(--n2-ease)}
body .lcn.is-open .lcn-bar{box-shadow:none}
body .lcn .lcn-logo{height:64px}
/* Logo 为带透明底的白/彩色标,这里统一压成纯白剪影,和黑底一致;36px 高保证字标可读 */
body .lcn .lcn-logo img{height:48px;width:auto;filter:none!important;opacity:.96;transform:none!important;transition:opacity .4s var(--n2-ease)}
body .lcn .lcn-logo:hover img{opacity:1}
body .lcn .lcn-nav{justify-self:start;margin-left:-20px}
body .lcn .lcn-list{justify-content:flex-start}
body .lcn .lcn-link{text-transform:none;height:64px;padding:0 20px;font-size:13px;font-weight:400;letter-spacing:.16em;color:rgba(255,255,255,.92)!important;transition:color .4s var(--n2-ease)}
body .lcn .lcn-link:hover,body .lcn .lcn-item.is-active .lcn-link{color:#fff!important}
body .lcn .lcn-lb{position:relative;padding:6px 0 6px .16em;border-bottom:0!important}
body .lcn .lcn-lb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .45s var(--n2-ease)}
body .lcn .lcn-link:hover .lcn-lb::after,body .lcn .lcn-link:focus-visible .lcn-lb::after,body .lcn .lcn-item.is-active .lcn-lb::after{transform:scaleX(1);transform-origin:left center}
body .lcn .lcn-item.is-current .lcn-lb::after{transform:scaleX(1);opacity:.5;transition:transform .45s var(--n2-ease),opacity .4s var(--n2-ease)}
body .lcn .lcn-item.is-current .lcn-link:hover .lcn-lb::after{opacity:1}
body .lcn .lcn-chev{width:10px;height:6px;margin-left:8px;opacity:.6;transition:transform .4s var(--n2-ease),opacity .3s var(--n2-ease)}
body .lcn .lcn-link:hover .lcn-chev{opacity:1}
body .lcn .lcn-item.is-active .lcn-chev{opacity:1;transform:rotate(180deg)}
body .lcn .lcn-tools{gap:24px;font-size:12px;letter-spacing:.14em;color:rgba(255,255,255,.82);font-variant-numeric:tabular-nums}
body .lcn .lcn-tel{font-weight:400;gap:8px}
body .lcn .lcn-tel svg{opacity:.8}
body .lcn .lcn-lang .gtranslate_wrapper a.glink{color:inherit!important}
/* 滚动隐藏 / 上滑出现(class 由脚本切换;距顶部 100px 内、菜单展开时始终显示) */
html.lcn2 .lcn.lcn-hide .lcn-bar{transform:translateY(-100%)}
body .lcn .lcn-bar :focus-visible{outline:2px solid #fff;outline-offset:-12px}
body .lcn .lcn-logo:focus-visible{outline-offset:4px}
html.lcn2 .lcn.is-open .lcn-bar,html.lcn2 .lcn.is-drawer .lcn-bar{transform:none}

/* ---------- 遮罩:轻压暗 + 柔和模糊,从顶栏下沿铺满 ---------- */
body .lcn .lcn-scrim{top:var(--lcn-h);background:rgba(0,0,0,.44);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .45s var(--n2-ease),visibility 0s linear .45s}
body .lcn.is-open .lcn-scrim{transition:opacity .45s var(--n2-ease),visibility 0s}

/* ---------- 大面板:整幅白色,淡入 + 轻微下落(慢进、快出);已展开时切换另一面板只做短淡入 ---------- */
body .lcn .lcn-panel{top:var(--lcn-h);max-height:calc(100vh - var(--lcn-h) - 24px);max-height:calc(100dvh - var(--lcn-h) - 24px);background:#fff;color:var(--n2-ink);box-shadow:none;opacity:0;transform:translateY(-8px);clip-path:none;transition:opacity .24s ease,transform .24s ease,visibility 0s linear .24s}
body .lcn .lcn-panel.is-open{opacity:1;transform:none;transition:opacity .5s var(--n2-ease),transform .65s var(--n2-ease),visibility 0s}
body .lcn[data-n2-mode="swap"] .lcn-panel.is-open{transform:none;transition:opacity .36s var(--n2-ease),visibility 0s}
body .lcn[data-n2-mode="swap"] .lcn-panel:not(.is-open){transition:none}
body .lcn .lcn-pin{display:grid;grid-template-columns:var(--n2-side) minmax(0,1fr);grid-template-areas:"side main" "side promo";column-gap:var(--n2-gap);row-gap:40px;align-items:start;max-width:1488px;padding:48px 56px 56px}
body .lcn .lcn2-side{grid-area:side;min-width:0}
body .lcn .lcn2-main{grid-area:main;min-width:0}
body .lcn .lcn-cards{grid-area:promo}
body .lcn .lcn-x{top:12px;right:48px;width:32px;height:32px;opacity:.45;transition:opacity .3s var(--n2-ease)}
body .lcn .lcn-x:hover{opacity:1;transform:none}
body .lcn .lcn-x svg{width:16px;height:16px}

/* 左侧:灰色眉标 + 竖向列表。文字与眉标、顶栏菜单同一条左对齐线;发丝线分隔;hover 只做 12px 位移 + 2px 强调短线 */
body .lcn .lcn2-pt{display:block;margin:0 0 24px;font-size:11px;font-weight:400;line-height:16px;letter-spacing:.24em;color:var(--n2-mut)}
body .lcn .lcn2-side .lcn-ph{display:block;min-height:0;margin:0;gap:0}
body .lcn .lcn2-side .lcn-ph .lcn-pl{display:block;margin:0 0 8px;font-size:12px;line-height:24px;letter-spacing:.12em;color:var(--n2-mut)}
body .lcn .lcn2-side ul{display:block}
body .lcn .lcn2-side .lcn-ul{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0;border-bottom:1px solid var(--n2-line);color:var(--n2-ink)!important;font-size:14px;font-weight:400;letter-spacing:.12em;line-height:24px}
body .lcn .lcn2-side .lcn-ph .lcn-ul,body .lcn .lcn2-side .lcn-ind li:first-child .lcn-ul,body .lcn .lcn2-tabs.lcn2-top li:first-child .lcn-ul{border-top:1px solid var(--n2-line)}
body .lcn .lcn2-side .lcn-ph+.lcn2-tabs{margin-top:24px}
body .lcn .lcn2-side .lcn-ph+.lcn2-tabs li:first-child .lcn-ul{border-top:1px solid var(--n2-line)}
body .lcn .lcn2-side .lcn-ul span{display:block;padding:0;background:none;text-decoration:none;transition:transform .45s var(--n2-ease)}
body .lcn .lcn2-side .lcn-ul::before{content:"";position:absolute;left:0;top:50%;width:2px;height:16px;margin-top:-8px;background:var(--n2-accent);transform:scaleY(0);transition:transform .4s var(--n2-ease)}
body .lcn .lcn2-side .lcn-ul::after{width:6px;height:6px;margin:0 2px 0 16px;transition:transform .45s var(--n2-ease),opacity .3s}
body .lcn .lcn2-side .lcn-ul:hover span,body .lcn .lcn2-side .lcn-ul:focus-visible span,body .lcn .lcn2-side .lcn-ul.is-on span{transform:translateX(12px)}
body .lcn .lcn2-side .lcn-ul:hover::before,body .lcn .lcn2-side .lcn-ul:focus-visible::before,body .lcn .lcn2-side .lcn-ul.is-on::before{transform:scaleY(1)}
body .lcn .lcn2-side .lcn-ul:hover::after,body .lcn .lcn2-side .lcn-ul.is-on::after{transform:translateX(4px) rotate(45deg)}
body .lcn .lcn2-side .lcn-ul:focus-visible{outline-offset:-2px}
body .lcn .lcn2-side .lcn-ind{display:block;margin:40px 0 0;padding:0;border:0}
body .lcn .lcn2-side .lcn-ind .lcn-k{display:block;margin:0 0 16px;font-size:11px;font-weight:400;line-height:16px;letter-spacing:.24em;color:var(--n2-mut)}
body .lcn .lcn2-tabs{margin:0}
body .lcn .lcn2-tabs li:first-child .lcn-ul{border-top:0}

/* 右侧:图片卡(16:9)→ 眉标 → 标题(细字重)→ 下划线链接。节奏:图 24 / 眉标 8 / 标题 16 */
body .lcn .lcn-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;row-gap:40px}
body .lcn .lcn-grid.lcn-n4,body .lcn .lcn-grid.lcn-n2{grid-template-columns:repeat(4,minmax(0,1fr))}
body .lcn .lcn-grid.lcn-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
body .lcn #lcn-p-insight .lcn-pin{grid-template-areas:"side main";row-gap:0}
body .lcn .lcn-col{display:flex;flex-direction:column;min-width:0;transition:opacity .5s var(--n2-ease)}
body .lcn .lcn-fig{order:0;position:relative;display:block;margin:0 0 24px;aspect-ratio:16/9;overflow:hidden;background:#ececec}
body .lcn .lcn-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.16),rgba(0,0,0,0) 60%);opacity:0;transition:opacity .6s var(--n2-ease);pointer-events:none}
body .lcn .lcn-col:hover .lcn-fig::after{opacity:1}
body .lcn .lcn-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1s var(--n2-ease),opacity .6s var(--n2-ease)}
body .lcn .lcn-col:hover .lcn-im{transform:scale(1.02)}
body .lcn .lcn-k{order:1;display:block;margin:0 0 8px;font-size:11px;font-weight:400;line-height:16px;letter-spacing:.22em;color:var(--n2-mut)}
body .lcn .lcn-t{order:2;margin:0 0 16px;font-family:var(--n2-sans);font-size:20px;font-weight:300;line-height:32px;letter-spacing:.05em;color:var(--n2-ink)!important}
body .lcn .lcn-tl::after{width:6px;height:6px;margin-left:12px;border-width:1px;transform:translateY(-2px) rotate(45deg);transition:transform .45s var(--n2-ease)}
body .lcn .lcn-col:hover .lcn-tl::after{transform:translate(6px,-2px) rotate(45deg)}
body .lcn .lcn-ls{order:3;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 24px}
/* 标签 hover → 右侧对应卡片保持,其余柔和淡出(交叉淡化) */
body .lcn .lcn2-main[data-n2-hl] .lcn-col:not(.is-hl){opacity:.45}
/* 链接:发丝下划线,hover 时由左向右划成深色 */
body .lcn .lcn2-main .lcn-ul,body .lcn .lcn-ind .lcn-ul{color:var(--n2-ink)!important;font-size:13px;font-weight:400;line-height:24px;letter-spacing:.06em}
body .lcn .lcn2-main .lcn-ul::after{display:none}
body .lcn .lcn2-main .lcn-ul span{display:inline-block;padding-bottom:2px;text-decoration:none;background:linear-gradient(var(--n2-ink),var(--n2-ink)) left bottom/0 1px no-repeat,linear-gradient(var(--n2-line2),var(--n2-line2)) left bottom/100% 1px no-repeat;transition:background-size .45s var(--n2-ease)}
body .lcn .lcn2-main .lcn-ul:hover span,body .lcn .lcn2-main .lcn-ul:focus-visible span{background-size:100% 1px,100% 1px}

/* 登录面板:只有两张卡,放大成并排的大幅横图,不再留空 */
body .lcn #lcn-p-login .lcn-grid.lcn-n2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
body .lcn #lcn-p-login .lcn-fig{aspect-ratio:2/1}

/* 服务面板:主区 3 列文字(发丝线 + 标题/说明),左侧补一张纵向大图(图内底部渐变 + 说明 + CTA) */
body .lcn .lcn-sg{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
body .lcn .lcn-sv{position:relative;display:block;padding:20px 0 24px;border-top:1px solid var(--n2-line);color:var(--n2-ink)!important}
body .lcn .lcn-sv::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:1px;background:var(--n2-ink);transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--n2-ease)}
body .lcn .lcn-sv:hover::before,body .lcn .lcn-sv:focus-visible::before{transform:scaleX(1)}
body .lcn .lcn-svt{font-family:var(--n2-sans);font-size:18px;font-weight:300;line-height:28px;letter-spacing:.05em;transition:transform .5s var(--n2-ease)}
body .lcn .lcn-sv:hover .lcn-svt{transform:translateX(6px)}
body .lcn .lcn-svt::after{width:6px;height:6px;margin-left:12px;border-width:1px;transform:translateY(-2px) rotate(45deg);transition:transform .45s var(--n2-ease)}
body .lcn .lcn-sv:hover .lcn-svt::after{transform:translate(4px,-2px) rotate(45deg)}
body .lcn .lcn-sve{margin-top:4px;font-size:13px;line-height:20px;font-variant-caps:normal;letter-spacing:.03em;color:var(--n2-mut);transition:transform .5s var(--n2-ease)}
body .lcn .lcn-sv:hover .lcn-sve{transform:translateX(6px)}
body .lcn .lcn3-feat{position:relative;display:block;margin-top:32px;aspect-ratio:4/5;overflow:hidden;background:#1f1f1f;color:#fff!important}
body .lcn .lcn3-feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;filter:none!important;transition:transform 1.2s var(--n2-ease)}
body .lcn .lcn3-feat:hover img{transform:scale(1.03)}
body .lcn .lcn3-feat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 48%,rgba(0,0,0,0));pointer-events:none}
body .lcn .lcn3-fc{position:absolute;z-index:1;left:24px;right:24px;bottom:24px;display:block}
body .lcn .lcn3-fk{display:block;margin:0 0 8px;font-size:11px;line-height:16px;letter-spacing:.24em;color:rgba(255,255,255,.72)}
body .lcn .lcn3-ft{display:block;margin:0 0 16px;font-size:16px;font-weight:300;line-height:24px;letter-spacing:.04em;color:#fff}
body .lcn .lcn3-cta{display:inline-block;padding-bottom:4px;font-size:12px;line-height:16px;letter-spacing:.16em;background:linear-gradient(#fff,#fff) left bottom/0 1px no-repeat,linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)) left bottom/100% 1px no-repeat;transition:background-size .5s var(--n2-ease)}
body .lcn .lcn3-feat:hover .lcn3-cta,body .lcn .lcn3-feat:focus-visible .lcn3-cta{background-size:100% 1px,100% 1px}
body .lcn .lcn3-feat:focus-visible{outline-color:var(--n2-ink)}

/* 底部快捷卡:统一比例;图内底部渐变 + 白字;hover 只慢速微放大 */
body .lcn .lcn-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding-top:32px;border-top:1px solid var(--n2-line)}
body .lcn .lcn-card{display:block;height:auto;aspect-ratio:880/308;background:#2b2b2b;color:#fff!important}
body .lcn .lcn-card img{filter:none!important;object-fit:cover;object-position:right center;transition:transform 1s var(--n2-ease)}
body .lcn .lcn-card:hover img{transform:scale(1.03);filter:none!important}
body .lcn .lcn-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.06) 64%,rgba(0,0,0,0));pointer-events:none}
body .lcn .lcn-card span{position:absolute;z-index:1;left:16px;bottom:16px;display:inline-block;width:max-content;max-width:calc(100% - 32px);padding:0 0 4px;text-align:left;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.16em;color:#fff;background:linear-gradient(#fff,#fff) left bottom/0 1px no-repeat;transition:background-size .5s var(--n2-ease)}
body .lcn .lcn-card:hover span,body .lcn .lcn-card:focus-visible span{background-size:100% 1px}
body .lcn .lcn-card:focus-visible{outline-color:#fff;outline-offset:-6px}

/* 面板内容入场:只分三组(左栏 / 主区 / 快捷卡)轻柔上浮,不再逐项错峰 */
@keyframes n2rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html.lcn2 .lcn-panel.is-open .n2-stg{animation:n2rise .6s var(--n2-ease) backwards;animation-delay:calc(var(--i,0)*70ms + 60ms)}
html.lcn2 .lcn[data-n2-mode="swap"] .lcn-panel.is-open .n2-stg{animation-duration:.4s;animation-delay:calc(var(--i,0)*40ms)}

/* 922–1279:收窄 */
@media (min-width:922px) and (max-width:1279px){
 body .lcn{--n2-side:200px;--n2-gap:32px;--n2-gx:28px}
 body .lcn .lcn-link{padding:0 12px;letter-spacing:.1em}
 body .lcn .lcn-nav{margin-left:-12px}
 body .lcn .lcn-tools{gap:16px;letter-spacing:.08em}
 body .lcn .lcn-pin{padding:40px 28px 48px}
 body .lcn .lcn-sg{column-gap:24px}
 body .lcn .lcn-grid{column-gap:16px}
 body .lcn .lcn-x{right:20px}
 body .lcn .lcn3-fc{left:16px;right:16px;bottom:16px}
}
@media (min-width:922px) and (max-width:999px){
 body .lcn .lcn-grid,body .lcn .lcn-grid.lcn-n4,body .lcn .lcn-grid.lcn-n3{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .lcn .lcn-tel span{display:none}
 body .lcn .lcn-sg{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- 手机:汉堡 → ×,抽屉自上柔和展开,子级整屏从右侧滑入;大行高 + 发丝分隔 ---------- */
.lcn2-backrow{display:none}
.lcn3-feat{display:none}
@media (max-width:921px){
 body .lcn{--lcn-h:48px}
 html body{padding-top:48px!important}
 body .lcn .lcn-bar{height:48px;padding:0 20px;grid-template-columns:1fr auto}
 body .lcn .lcn-logo{height:48px}
 body .lcn .lcn-logo img{height:34px}
 body .lcn .lcn-burger{width:44px;height:44px;margin-right:-10px;gap:7px;color:#fff}
 body .lcn .lcn-burger span{width:24px;height:1.5px;transition:transform .35s var(--n2-ease)}
 body .lcn.is-drawer .lcn-burger span:nth-child(1){transform:translateY(4.25px) rotate(45deg)}
 body .lcn.is-drawer .lcn-burger span:nth-child(2){transform:translateY(-4.25px) rotate(-45deg)}
 body .lcn.is-drawer .lcn-tools{justify-self:stretch;width:100%;justify-content:space-between;padding:16px 24px calc(16px + env(safe-area-inset-bottom));background:#fff;color:var(--n2-ink);border-top:1px solid var(--n2-line);font-size:12px;letter-spacing:.12em}
 body .lcn.is-drawer .lcn-tel svg{opacity:1}
 body .lcn .lcn-drawer{display:block;position:fixed;inset:var(--lcn-h) 0 auto 0;height:0;padding:0;overflow:hidden;background:#fff;color:var(--n2-ink);opacity:1;transform:none;visibility:hidden;transition:height .45s var(--n2-ease),visibility 0s linear .45s}
 body .lcn.is-drawer .lcn-drawer{height:calc(100vh - var(--lcn-h));height:calc(100dvh - var(--lcn-h));visibility:visible;transition:height .5s var(--n2-ease),visibility 0s}
 body .lcn .lcn-dl{height:100%;padding:0 24px 96px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 body .lcn .lcn-dt{min-height:64px;padding:0;border-bottom:1px solid var(--n2-line);font-size:15px;font-weight:400;letter-spacing:.14em;color:var(--n2-ink)!important}
 body .lcn .lcn-dt .lcn-chev{width:10px;height:6px;opacity:1;transform:rotate(-90deg);transition:none}
 body .lcn .lcn-dt[aria-expanded="true"] .lcn-chev{transform:rotate(-90deg)}
 body .lcn .lcn-dt[aria-expanded="true"]{border-bottom-color:var(--n2-line)}
 body .lcn .lcn-dtl::after{content:"";width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);opacity:0}
 @keyframes n2rowin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
 html.lcn2 .lcn.is-drawer .lcn-di{animation:n2rowin .5s var(--n2-ease) backwards;animation-delay:calc(var(--i,0)*24ms + 120ms)}
 /* 子级:整屏从右滑入,顶部粘性返回行 */
 body .lcn .lcn-ds,body .lcn .lcn-ds[hidden]{display:block!important;position:absolute;inset:0;z-index:3;padding:0 24px 96px;border:0;overflow-y:auto;overscroll-behavior:contain;background:#fff;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .45s var(--n2-ease),opacity .35s var(--n2-ease),visibility 0s linear .45s}
 body .lcn .lcn-ds:not([hidden]){opacity:1;visibility:visible;transform:none;transition:transform .45s var(--n2-ease),opacity .35s var(--n2-ease),visibility 0s}
 .lcn2-backrow{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:56px;margin:0 -24px 0;padding:0 24px;background:#fff;border-bottom:1px solid var(--n2-line)}
 .lcn2-back{display:flex;align-items:center;justify-content:flex-start;width:44px;height:44px;margin-left:-8px;color:var(--n2-ink)}
 .lcn2-back svg{width:8px;height:14px}
 .lcn2-bt{text-align:center;font-size:14px;letter-spacing:.18em;color:var(--n2-ink)}
 /* 子级内的行:56px 行高 + 发丝线 + 右侧细箭头 */
 body .lcn .lcn-ds .lcn-dh{display:block;margin:0}
 body .lcn .lcn-ds .lcn-ul,body .lcn .lcn-dcols .lcn-dgt{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:0;border-bottom:1px solid var(--n2-line);font-family:var(--n2-sans);font-size:14px;font-weight:400;line-height:24px;letter-spacing:.12em;color:var(--n2-ink)!important}
 body .lcn .lcn-ds .lcn-ul span{text-decoration:none}
 body .lcn .lcn-ds .lcn-ul::after,body .lcn .lcn-dcols .lcn-dgt::after{content:"";flex:none;width:6px;height:6px;margin:0 4px 0 16px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
 body .lcn .lcn-dcols .lcn-dgt{flex-wrap:wrap;align-content:center;padding:12px 0}
 body .lcn .lcn-dcols .lcn-dgt .lcn-dse{flex:0 0 100%;order:5;margin-top:4px;font-size:12px;line-height:16px;letter-spacing:.03em;color:var(--n2-mut)}
 body .lcn .lcn-dcols li{display:block}
 body .lcn .lcn-dg{margin:0}
 body .lcn .lcn-dg>.lcn-dgt,body .lcn .lcn-dg>.lcn-k{display:block;min-height:0;padding:32px 0 8px;border:0;font-size:11px;font-weight:400;line-height:16px;letter-spacing:.24em;color:var(--n2-mut)!important;font-family:var(--n2-sans)}
 body .lcn .lcn-dg>.lcn-k{margin:0}
 body .lcn .lcn-dg>.lcn-dgt::after{display:none}
 body .lcn .lcn-dg ul,body .lcn .lcn-dind{display:block!important;flex-direction:column!important;gap:0!important}
 body .lcn .lcn-ds .lcn-pl{display:block;padding:24px 0 8px;font-size:12px;line-height:16px;letter-spacing:.12em;color:var(--n2-mut)}
 body .lcn a:focus-visible,body .lcn button:focus-visible{outline-offset:-3px}
}

/* ---------- 减少动态效果 ---------- */
@media (prefers-reduced-motion:reduce){
 body .lcn,body .lcn *,body .lcn *::before,body .lcn *::after{transition:none!important;animation:none!important}
 html.lcn2 .lcn .lcn-bar{transform:none!important}
 body .lcn .lcn-panel{transform:none!important}
 body .lcn .lcn-im,body .lcn .lcn-card img,body .lcn .lcn3-feat img{transform:none!important}
}
/* LCN-NAV3 2026-10-05 END */
