/* 文章中心样式 — 浅色主题 */



/* tokens */

:root{

  --blue:#1f9fff;

  --c-alert:#dc2626;--c-alert-2:#dc2626;--c-alert-deep:#b91c1c;--c-alert-soft:rgba(239,68,68,.12);

  --c-brand:#111111;--c-brand-2:#111111;--c-brand-3:#111111;--c-brand-deep:#111111;

  --c-brand-edge:rgba(0,0,0,.4);--c-brand-soft:rgba(0,0,0,.12);

  --c-link:#111111;

  --c-ok:#16a34a;--c-ok-soft:rgba(22,163,74,.12);

  --c-warn:#eab308;--c-warn-soft:rgba(234,179,8,.14);

  --edge:rgba(0,0,0,.08);--edge-2:rgba(0,0,0,.14);--edge-3:rgba(0,0,0,.26);

  --fill-0:#111111;--fill-2:#e8e8e8;

  --font-code:ui-monospace,'Cascadia Code',Consolas,Menlo,monospace;

  --font-serif:'Noto Serif SC','Songti SC',serif;

  --font-ui:'Inter','Noto Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei',system-ui,sans-serif;

  --font-zh:'Noto Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei',system-ui,sans-serif;

  --gx:clamp(18px, 3.5vw, 48px);

  --hover-bg:rgba(0,0,0,.04);

  --mesh-line:transparent;

  --page-bg:#f7f8fa;--page-w:1280px;

  --s0:#f7f8fa;--s1:#ffffff;--s2:#f7f8fa;--s3:#f0f1f4;--s4:#e8eaee;

  --shell-bg:#ffffff;

  --t-on-brand:#ffffff;

  --t0:#111111;--t1:#333333;--t2:rgba(0,0,0,.55);--t3:rgba(0,0,0,.38);

  --topnav-bg:rgba(255,255,255,.96);

  --hy-accent:#111111;--hy-accent-2:#333333;

  --sf-cyan:#1f9fff;--sf-indigo:#1f9fff;--sf-glow:rgba(0,0,0,.08);

  --game-orange:#111111;--game-blue:#1f9fff;

  /* 旧 cyan 令牌映射为墨色，避免未定义导致白字无底 */

  --cyan:#111111;--cyan-2:#333333;--cyan-soft:rgba(0,0,0,.06);

}



/* ── reset ──────────────────────────────────────────── */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth;color-scheme:light}

html,body{

  background:var(--s0);color:var(--t0);

  font-family:var(--font-ui);font-size:15px;line-height:1.55;

  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;

}

body{overflow-x:hidden;min-height:100vh}

a{color:inherit;text-decoration:none}

button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}

img,svg{display:block;max-width:100%}

::selection{background:var(--cyan);color:#fff}



.cn{font-family:var(--font-zh)}

.mono{font-family:var(--font-code);font-weight:400;letter-spacing:.02em}

.up{text-transform:uppercase;letter-spacing:.18em}



.dim{color:var(--t3)}

.meter-num{font-variant-numeric:tabular-nums}



/* ── 顶部状态条（精简版） ─────────────────────────────── */

.status-strip{

  position:sticky;top:0;z-index:60;

  background:var(--shell-bg);border-bottom:1px solid var(--edge);

  height:30px;

  display:flex;align-items:center;

  padding:0 var(--gx);

  font-family:var(--font-code);font-size:11px;letter-spacing:.04em;color:var(--t1);

  white-space:nowrap;overflow:hidden;

}

.site-status > * + *{margin-left:24px}

.site-status .sep{color:var(--t3)}



.site-status .num{color:var(--t0);font-variant-numeric:tabular-nums}

.site-status .dot{

  display:inline-block;width:8px;height:8px;border-radius:50%;

  background:var(--c-ok);box-shadow:0 0 0 0 rgba(90,155,106,.5);

  animation:pulse 2.4s ease-in-out infinite;

  vertical-align:middle;margin-right:6px;transform:translateY(-1px);

}

.site-status .spacer{flex:1 1 auto;margin-left:24px;border-bottom:1px dashed var(--edge);height:1px}

.site-status .logout{

  font-family:var(--font-code);font-size:11px;color:var(--t1);

  padding:4px 10px;border:1px solid var(--edge);

  letter-spacing:.14em;text-transform:uppercase;cursor:pointer;

  transition:all .25s;

}

.site-status .logout:hover{color:var(--t0);border-color:var(--edge-3);background:var(--hover-bg)}



/* ── 顶部导航 ───────────────────────────────────────── */



.chrome-nav{

  display:flex;align-items:center;justify-content:space-between;

  padding:14px var(--gx);max-width:var(--page-w);margin:0 auto;

}

.mark{display:flex;align-items:center;gap:12px;min-width:max-content}

.brand-mark-link{

  width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;

  transition:transform .2s, filter .2s;

}

.brand-mark-link:hover{transform:translateY(-1px);filter:saturate(1.08)}

.brand-mark{

  width:46px;height:46px;object-fit:contain;

  filter:drop-shadow(0 0 8px rgba(0,0,0,.14));

}

.brand-title{

  font-family: var(--font-serif);font-weight:600;letter-spacing:.02em;font-size:16px;

  display:inline-flex;align-items:baseline;gap:.18em;

  color:var(--t0);

  transition:color .2s;

}

.brand-title:hover{color:var(--c-brand-3)}

.brand-title .en{

  font-family: var(--font-ui);font-weight:600;letter-spacing:.04em;font-size:15px;

}

.nav-menu{display:flex;align-items:center;gap:6px;font-family:var(--font-code);font-size:12px}

.nav-menu a{

  position:relative;padding:8px 14px;color:var(--t1);

  letter-spacing:.1em;text-transform:uppercase;transition:color .25s;

}

.nav-menu a:hover{color:var(--t0)}

.nav-menu a.active{color:var(--t0)}

.nav-menu a.active::before,

.nav-menu a:hover::before{transform:scaleX(1)}

.nav-menu a::before{

  content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1px;

  background:var(--c-brand);transform:scaleX(0);transform-origin:left;transition:transform .35s;

}

.nav-toggle{

  display:none;width:36px;height:36px;border:1px solid var(--edge);

  align-items:center;justify-content:center;cursor:pointer;color:var(--t1);

}



/* ── 通用按钮 ───────────────────────────────────────── */

.btn{

  font-family:var(--font-code);font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;

  padding:16px 26px;border:1px solid var(--t0);color:var(--t0);

  background:transparent;cursor:pointer;position:relative;overflow:hidden;

  transition:color .25s, background .25s;display:inline-flex;align-items:center;gap:10px;

}

.btn:hover{background:var(--t0);color:var(--s1)}

.btn.primary{border-color:#111;color:#fff;background:#111}

.btn.primary:hover{background:transparent;color:#111}

.btn.ghost{border-color:var(--edge-3);color:var(--t1)}

.btn.ghost:hover{color:#111;border-color:#111;background:var(--hover-bg)}

.btn.sm{padding:11px 18px;font-size:11px}

.btn .arr{width:14px;height:1px;background:currentColor;position:relative}

.btn .arr::before,.btn .arr::after{content:"";position:absolute;right:0;width:5px;height:1.5px;background:currentColor}

.btn .arr::before{top:-2px;transform:rotate(35deg);transform-origin:right}

.btn .arr::after{top:2px;transform:rotate(-35deg);transform-origin:right}



/* ── 区段通用 ───────────────────────────────────────── */

.block{padding: clamp(42px, 5vw, 76px) var(--gx);position:relative;border-bottom:1px solid var(--edge)}

.block.tight{padding: clamp(30px, 3.2vw, 52px) var(--gx)}

.block-inner{max-width:var(--page-w);margin:0 auto;width:100%}

.section-eyebrow{

  display:flex;align-items:center;gap:12px;

  font-family:var(--font-code);font-size:10px;color:var(--t2);letter-spacing:.2em;

  margin-bottom:16px;

}

.section-eyebrow::before{content:"";width:18px;height:1px;background:var(--cyan)}



/* ── Subpage Hero ───────────────────────────────────── */

.page-hero{

  padding: clamp(28px,3vw,44px) var(--gx) clamp(20px,2.5vw,32px);

  border-bottom:1px solid var(--edge);

  position:relative;

  background: radial-gradient(ellipse 50% 60% at 80% 50%, rgba(31,159,255,.06), transparent 60%);

}

.leaf-spotlight-inner{max-width:var(--page-w);margin:0 auto;width:100%}

.page-crumbs{

  font-family:var(--font-code);font-size:11px;color:var(--t2);letter-spacing:.16em;text-transform:uppercase;

  margin-bottom:14px;display:flex;gap:10px;flex-wrap:wrap;

}

.page-crumbs a{color:var(--t1);transition:color .2s}

.page-crumbs a:hover{color:var(--t0)}

.page-crumbs .sep{color:var(--t3)}



.leaf-h{

  display:grid;grid-template-columns: auto 1fr;gap:24px;align-items:center;

}

.leaf-h h1{

  display:flex;align-items:baseline;flex-wrap:wrap;gap:0 14px;

  font-family:var(--font-ui);font-weight:700;font-size:clamp(22px,2.6vw,32px);

  line-height:1.15;letter-spacing:0;margin:0;

}

.leaf-h h1 br{display:none}

.leaf-h h1 .zh{font-family:var(--font-zh);font-weight:500}

.leaf-h h1 .accent{color:var(--cyan)}

.leaf-h .stat{

  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0;

  font-family:var(--font-code);font-size:11px;color:var(--t1);letter-spacing:.06em;

  line-height:1.5;text-align:right;

}

.leaf-h .stat > span{display:inline-flex;align-items:baseline;white-space:nowrap}

.leaf-h .stat > span:not(:last-child)::after{

  content:"·";margin:0 10px;color:var(--t3);

}

.leaf-h .stat .v{color:var(--t0)}



/* ══════════════════════════════════════════════════════�?

   NEWS CAROUSEL · Hero 横屏轮播

   ══════════════════════════════════════════════════════�?*/

.art-carousel-section{

  padding:0;background:var(--s0);

}

.art-carousel{

  position:relative;

  max-width:var(--page-w);margin:0 auto;

  height: clamp(380px, 56vh, 580px);

  overflow:hidden;

  background:var(--s1);

  border-bottom:1px solid var(--edge-2);

}

.ncar-track{

  position:absolute;inset:0;

}

.ncar-slide{

  position:absolute;inset:0;

  display:block;color:inherit;text-decoration:none;

  opacity:0;visibility:hidden;

  transition:opacity .7s ease, visibility 0s linear .7s;

  cursor:pointer;

  overflow:hidden;

}

.ncar-slide.is-active{

  opacity:1;visibility:visible;

  transition:opacity .7s ease, visibility 0s linear 0s;

  z-index:2;

}

.ncar-slide.is-active .ncar-slide-title{animation:slideUp .8s ease both .1s}

.ncar-slide.is-active .ncar-slide-sub{animation:slideUp .8s ease both .25s}

.ncar-slide.is-active .ncar-slide-top{animation:slideDown .8s ease both 0s}

.ncar-slide.is-active .ncar-slide-cta{animation:slideUp .8s ease both .4s}



/* slide 背景 */

.ncar-slide-bg{

  position:absolute;inset:0;

  background:var(--s2);

  overflow:hidden;

}

.ncar-slide-bg[data-pattern="default"]{

  background:

    radial-gradient(ellipse 70% 60% at 25% 50%, rgba(31,159,255,.08), transparent 70%),

    linear-gradient(180deg, #f7f8fa 0%, #ffffff 100%);

}

.ncar-slide-vignette{

  position:absolute;inset:0;pointer-events:none;

  background:

    linear-gradient(180deg, rgba(247,248,250,0) 0%, rgba(247,248,250,.4) 55%, rgba(255,255,255,.92) 100%),

    linear-gradient(90deg, rgba(0,0,0,.06) 0%, transparent 50%);

}



/* slide 内容�?*/

.ncar-slide-content{

  position:absolute;inset:0;z-index:2;

  display:grid;grid-template-rows:auto 1fr auto;

  padding: clamp(34px, 5vw, 56px) clamp(28px, 5vw, 64px);

  max-width:var(--page-w);margin:0 auto;

}

.ncar-slide-top{

  display:flex;align-items:center;gap:14px;flex-wrap:wrap;

}

.ncar-slide-tag{

  display:inline-flex;align-items:center;

  padding:6px 12px;

  border:1px solid currentColor;

  font-family:var(--font-code);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;

  color:var(--cyan);

  background:var(--cyan-soft);

  backdrop-filter:blur(6px);

}

.ncar-slide-date{

  font-family:var(--font-code);font-size:11px;color:var(--t2);

  letter-spacing:.14em;

}

.ncar-slide-bottom{

  display:flex;flex-direction:column;gap:14px;

  max-width:68%;

  justify-content:center;

}

.ncar-slide-title{

  font-family:var(--font-zh);font-weight:600;

  font-size: clamp(28px, 4.2vw, 48px);

  line-height:1.2;letter-spacing:.02em;

  color:var(--t0);

  text-shadow:none;

}

.ncar-slide-sub{

  font-family:var(--font-zh);font-weight:300;

  font-size: clamp(14px, 1.4vw, 17px);

  color:var(--t1);

  line-height:1.75;max-width:54ch;

}

.ncar-slide-cta{display:flex;gap:10px;flex-wrap:wrap}

.ncar-slide-cta .btn{

  font-family:var(--font-zh);font-size:14px;font-weight:600;

  letter-spacing:.04em;

  padding:14px 28px;

  background:var(--cyan);color:#fff;

  border:1px solid var(--cyan);

  display:inline-flex;align-items:center;gap:10px;

  transition:background .2s, color .2s, border-color .2s;

}

.ncar-slide-cta .btn .arr{

  width:16px;height:10px;display:inline-block;position:relative;vertical-align:middle;

  background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat;

}

.ncar-slide-cta .btn .arr::before,.ncar-slide-cta .btn .arr::after{

  content:"";position:absolute;right:0;width:7px;height:1px;background:currentColor

}

.ncar-slide-cta .btn .arr::before{top:4px;transform:rotate(35deg);transform-origin:right}

.ncar-slide-cta .btn .arr::after{top:6px;transform:rotate(-35deg);transform-origin:right}

.ncar-slide:hover .ncar-slide-cta .btn{background:var(--cyan-2);color:#fff;border-color:var(--cyan-2)}



/* 左右箭头 */

.ncar-arrow{

  position:absolute;top:50%;transform:translateY(-50%);

  z-index:10;

  width:52px;height:52px;border-radius:50%;

  display:grid;place-items:center;

  font-size:28px;color:var(--t0);

  background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.12);

  backdrop-filter:blur(8px);

  cursor:pointer;transition:all .25s;

  line-height:1;padding-bottom:4px;

  box-shadow:0 4px 16px rgba(50,50,50,.06);

}

.ncar-arrow:hover{

  background:var(--cyan);color:#fff;border-color:var(--cyan);

  transform:translateY(-50%) scale(1.05);

}

.ncar-prev{left: clamp(10px, 2vw, 28px)}

.ncar-next{right: clamp(10px, 2vw, 28px)}



/* 底部 dots + counter */

.ncar-bottom{

  position:absolute;bottom:0;left:0;right:0;z-index:8;

  display:flex;align-items:center;justify-content:space-between;

  padding:0 clamp(22px, 4vw, 48px) clamp(14px, 2vw, 22px);

  max-width:var(--page-w);margin:0 auto;

}

.ncar-dots{display:flex;gap:8px}

.ncar-dot{

  width:42px;height:3px;

  background:rgba(255,255,255,.18);

  border:none;cursor:pointer;padding:0;

  transition:background .2s, transform .2s;

}

.ncar-dot:hover{background:rgba(255,255,255,.35)}

.ncar-dot.is-active{background:var(--cyan);height:4px}

.ncar-counter{

  font-family:var(--font-code);font-size:12px;color:var(--t2);

  letter-spacing:.06em;

}

.ncar-counter .sep{opacity:.4;margin:0 2px}

.ncar-progress{

  position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(30,45,70,.08);z-index:9;

}

.ncar-progress-bar{

  display:block;height:100%;width:0%;background:var(--cyan);

}



/* ══════════════════════════════════════════════════════�?

   NEWS LIST · 全部新闻列表 + chips + 分页�?

   ══════════════════════════════════════════════════════�?*/

.art-list-section{padding-top:32px}



/* artsec-eyebrow + actv-chips */

.artsec-eyebrow{

  display:flex;align-items:center;justify-content:space-between;

  gap:14px;flex-wrap:wrap;

  padding:0 0 14px;

  margin-bottom:18px;

  border-bottom:1px solid var(--edge);

}

.artsec-eyebrow > span{

  font-family:var(--font-code);font-size:11px;color:var(--t1);letter-spacing:.2em;text-transform:uppercase;

}

.actv-chips{display:flex;gap:6px;flex-wrap:wrap}

.actv-chips .chip{

  display:inline-flex;align-items:center;

  padding:7px 14px;border:1px solid var(--edge-2);

  background:transparent;color:var(--t1);

  font-family:var(--font-code);font-size:11px;letter-spacing:.08em;

  cursor:pointer;transition:all .2s;

  text-decoration:none;

}

.actv-chips .chip:hover{border-color:#111;color:#111}

.actv-chips .chip.is-active{

  border-color:#111;color:#fff;background:#111;

}



/* 动态卡�?*/

.pulse-grid{

  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;

}

.actv-card{

  position:relative;

  display:flex;flex-direction:column;gap:10px;

  padding:20px 22px;

  border:1px solid #111;background:#fff;

  transition:border-color .25s, background .25s, transform .25s, box-shadow .25s;

  min-width:0;color:inherit;text-decoration:none;

  box-shadow:0 4px 16px rgba(50,50,50,.03);

}

.actv-card:hover{

  border-color:#111;background:#fff;transform:translateY(-2px);

  box-shadow:0 8px 24px rgba(50,50,50,.06);

}

.actv-card::before{

  content:"";position:absolute;top:0;left:0;width:42px;height:3px;

  background:var(--cyan);

}



.actv-card header{

  display:flex;align-items:center;gap:8px;flex-wrap:wrap;

  font-family:var(--font-code);font-size:10px;letter-spacing:.14em;text-transform:uppercase;

  padding-bottom:10px;border-bottom:1px solid var(--edge);

}

.snap-kind{

  padding:3px 8px;border:1px solid #ef0303;font-weight:600;

  color:#ef0303;

}

.snap-date{color:var(--t2);margin-left:auto}



.actv-card h3{

  font-family:var(--font-zh);font-weight:500;font-size:17px;color:var(--t0);

  letter-spacing:.02em;line-height:1.45;

}

.actv-card > p{font-family:var(--font-zh);font-size:13.5px;color:var(--t1);line-height:1.75}



.snap-readmore{

  margin-top:auto;padding-top:8px;

  font-size:10px;letter-spacing:.14em;color:var(--t2);

  transition:color .2s,transform .2s;

}

.actv-card:hover .snap-readmore{color:var(--c-alert);transform:translateX(2px)}



.actv-empty{

  grid-column:1/-1;

  padding:60px 20px;text-align:center;

  font-family:var(--font-zh);font-size:14px;color:var(--t2);

  border:1px dashed var(--edge-2);

}



/* 分页�?*/

.page-nav{

  margin-top:28px;

  display:flex;align-items:center;justify-content:space-between;

  gap:14px;flex-wrap:wrap;

  padding-top:18px;border-top:1px solid var(--edge);

}

.page-nav:empty{display:none}

.page-nav .pager-btn{

  font-family:var(--font-code);font-size:11px;font-weight:600;

  letter-spacing:.14em;text-transform:uppercase;

  color:var(--t1);background:transparent;

  border:1px solid var(--edge-2);

  padding:9px 16px;cursor:pointer;

  transition:all .2s;

  text-decoration:none;display:inline-flex;

}

.page-nav .pager-btn:hover:not([disabled]){

  color:#fff;border-color:var(--cyan);

  background:var(--cyan);

}

.page-nav .pager-btn[disabled]{

  opacity:.3;cursor:not-allowed;pointer-events:none;

}

.page-nav .pager-btn.disabled{

  opacity:.3;cursor:not-allowed;pointer-events:none;

}

.page-nav .pager-pages{

  display:flex;gap:4px;align-items:center;

}

.page-nav .pager-num{

  font-family:var(--font-code);font-size:13px;font-weight:600;

  font-variant-numeric:tabular-nums;

  color:var(--t1);background:transparent;

  border:1px solid var(--edge-2);

  width:38px;height:38px;

  display:grid;place-items:center;

  cursor:pointer;transition:all .2s;

  text-decoration:none;

}

.page-nav .pager-num:hover{color:var(--t0);border-color:var(--edge-3)}

.page-nav .pager-num.is-active{

  color:#fff;border-color:#111;

  background:#111;

  box-shadow:0 3px 0 rgba(0,0,0,.18);

}

.page-nav .pager-gap{

  font-family:var(--font-code);color:var(--t2);font-size:13px;

  padding:0 4px;

}



/* ══════════════════════════════════════════════════════�?

   NEWS DETAIL · 新闻详情�?

   ══════════════════════════════════════════════════════�?*/

.nad-section{padding-top:36px;padding-bottom:80px}

.nad-inner{max-width:920px}



.nad-back{

  display:inline-block;margin-bottom:22px;

  font-family:var(--font-code);font-size:11px;letter-spacing:.12em;

  color:var(--t1);text-decoration:none;transition:color .2s,transform .2s;

}

.nad-back:hover{color:var(--t0);transform:translateX(-3px)}



.nad-loading{

  padding:80px 0;text-align:center;color:var(--t2);

  font-size:12px;letter-spacing:.3em;

}



.nad-article{

  position:relative;

  border:1px solid var(--edge-2);background:#fff;

  padding:clamp(28px,4vw,52px) clamp(22px,4vw,56px);

  box-shadow:0 8px 24px rgba(50,50,50,.04);

}

.nad-article::before{

  content:"";position:absolute;top:0;left:0;width:64px;height:3px;

  background:var(--cyan);

}



.nad-head{border-bottom:1px solid var(--edge);padding-bottom:22px;margin-bottom:26px}

.nad-meta{

  display:flex;align-items:center;gap:8px;flex-wrap:wrap;

  font-family:var(--font-code);font-size:10px;letter-spacing:.14em;text-transform:uppercase;

  margin-bottom:18px;

}

.nad-kind{padding:3px 9px;border:1px solid #ef0303;font-weight:600;color:#ef0303}

.nad-date{color:var(--t2);margin-left:auto}



.nad-title{

  font-family:var(--font-zh);font-weight:700;

  font-size:clamp(24px,3.4vw,38px);line-height:1.32;letter-spacing:.01em;

  color:var(--t0);

}

.nad-lead{

  margin-top:16px;

  font-family:var(--font-zh);font-size:clamp(14px,1.5vw,16px);line-height:1.8;

  color:var(--t1);

  padding-left:14px;border-left:2px solid var(--edge-3);

}



/* 正文 */

.nad-body{

  font-family:var(--font-zh);font-size:clamp(14.5px,1.55vw,16.5px);

  line-height:2;color:var(--t0);

}

/* 覆盖富文本编辑器内联黑色样式 */

.nad-body,

.nad-body p,

.nad-body span,

.nad-body div,

.nad-body li,

.nad-body td,

.nad-body th,

.nad-body em,

.nad-body strong,

.nad-body u,

.nad-body s,

.nad-body del,

.nad-body ins,

.nad-body sub,

.nad-body sup,

.nad-body mark,

.nad-body pre,

.nad-body blockquote,

.nad-body font,

.nad-body h5,

.nad-body h6{color:var(--t0)}

/* 覆盖内联 style 属�?*/

.nad-body [style*="color"]{color:var(--t0) !important}

.nad-body p{margin:0 0 1.15em}

.nad-body p:last-child{margin-bottom:0}

.nad-body img{max-width:100%;height:auto;margin:1.4em 0}

.nad-body h1,.nad-body h2,.nad-body h3,.nad-body h4{color:var(--t0);margin:1.6em 0 .6em;line-height:1.35}

.nad-body h1{font-size:1.6em}

.nad-body h2{font-size:1.35em}

.nad-body h3{font-size:1.15em}

.nad-body h4{font-size:1.05em}

.nad-body strong{font-weight:600}

.nad-body a{color:var(--c-alert) !important;text-decoration:underline;text-underline-offset:3px}

.nad-body blockquote{

  margin:1em 0;padding:10px 18px;

  border-left:3px solid var(--edge-2);

  color:var(--t1);font-style:italic;

}

.nad-body ul,.nad-body ol{padding-left:1.5em;margin:0.8em 0}

.nad-body li{margin-bottom:.4em}

.nad-body code{

  background:var(--s2);color:var(--c-link) !important;

  padding:2px 7px;font-size:.88em;font-family:var(--font-code);

}



.nad-foot{

  margin-top:30px;padding-top:18px;border-top:1px solid var(--edge);

  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;

  font-family:var(--font-code);font-size:10px;letter-spacing:.16em;color:var(--t3);

}

.nad-foot-id{color:var(--t2)}



/* 上一�?/ 下一�?*/

.nad-pager{

  margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;

}

.nad-pg-cell{

  display:flex;flex-direction:column;gap:7px;

  padding:16px 18px;min-height:78px;

  border:1px solid var(--edge-2);background:#fff;

  text-decoration:none;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;

}

.nad-pg-cell.is-empty{visibility:hidden}

.nad-pg-next{text-align:right;align-items:flex-end}

.nad-pg-cell:hover{

  border-color:rgba(31,159,255,.35);background:#fff;transform:translateY(-2px);

  box-shadow:0 6px 18px rgba(50,50,50,.05);

}

.nad-pg-dir{font-size:10px;letter-spacing:.14em;color:var(--t2)}

.nad-pg-cell:hover .nad-pg-dir{color:var(--c-alert)}

.nad-pg-title{

  font-family:var(--font-zh);font-size:13.5px;line-height:1.5;color:var(--t0);

  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;

}



/* 相关新闻 */

.nad-related{margin-top:46px}

.nad-related-eyebrow{

  font-family:var(--font-code);font-size:11px;letter-spacing:.2em;color:var(--t1);

  padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--edge);

}

.nad-related-grid{

  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;

}

.nad-rel-card{

  position:relative;display:flex;flex-direction:column;gap:9px;

  padding:18px 18px;

  border:1px solid #111;background:#fff;

  text-decoration:none;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;

  box-shadow:0 4px 16px rgba(50,50,50,.03);

}

.nad-rel-card::before{

  content:"";position:absolute;top:0;left:0;width:34px;height:3px;background:var(--cyan);

}

.nad-rel-card:hover{

  border-color:#111;background:#fff;transform:translateY(-2px);

  box-shadow:0 8px 24px rgba(50,50,50,.06);

}

.nad-rel-meta{

  display:flex;align-items:center;gap:8px;

  font-size:10px;letter-spacing:.12em;

}

.nad-rel-kind{padding:2px 7px;border:1px solid #ef0303;font-weight:600;color:#ef0303}

.nad-rel-date{color:var(--t2);margin-left:auto}

.nad-rel-card h3{

  font-family:var(--font-zh);font-weight:500;font-size:14.5px;line-height:1.5;color:var(--t0);

}

.nad-rel-card p{

  font-family:var(--font-zh);font-size:12.5px;line-height:1.7;color:var(--t2);

  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;

}



/* 未找�?*/

.nad-notfound{

  text-align:center;padding:56px 20px;

}

.nad-notfound .icon{

  display:block;font-size:46px;font-weight:600;color:var(--t3);

  margin-bottom:12px;

}

.nad-notfound h2{

  font-family:var(--font-zh);font-size:20px;color:var(--t0);font-weight:500;margin-bottom:8px;

}

.nad-notfound p{color:var(--t2);margin-bottom:20px}

.nad-notfound a{

  font-family:var(--font-code);font-size:11px;letter-spacing:.12em;

  color:var(--c-link);text-decoration:none;

}



/* ══════════════════════════════════════════════════════�?

   FOOTER

   ══════════════════════════════════════════════════════�?*/

footer{background:var(--s1);padding: clamp(18px, 1.8vw, 28px) var(--gx) 18px;color:var(--t1)}

.sitefoot-inner{max-width:var(--page-w);margin:0 auto}

.sitefoot-bot{

  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;

  font-family:var(--font-code);font-size:11px;color:var(--t2);letter-spacing:.06em;

}

.sitefoot-bot .legal{font-family:var(--font-zh);font-size:12px;color:var(--t2);max-width:60ch;line-height:1.7}

.sitefoot-bot .stamp{display:inline-flex;align-items:center;gap:8px}

.sitefoot-bot .stamp .dot{width:8px;height:8px;border-radius:50%;background:var(--c-ok);animation:pulse 2.4s ease-in-out infinite}



/* ── 动画 ───────────────────────────────────────────── */

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}

@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

@keyframes slideDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}



/* ══════════════════════════════════════════════════════�?

   RESPONSIVE

   ══════════════════════════════════════════════════════�?*/

@media (max-width:1180px){

  .nav-menu{display:none}

  .nav.nav-expanded .nav-menu{

    display:flex;position:absolute;left:0;right:0;top:100%;

    flex-direction:column;align-items:stretch;gap:0;

    background:rgba(255,255,255,.98);border-bottom:1px solid var(--edge);

    padding:8px var(--gx) 14px;

    box-shadow:0 12px 28px rgba(30,45,70,.08);

  }

  .nav.nav-expanded .nav-menu a{padding:13px 0;border-bottom:1px solid var(--edge)}

  .nav.nav-expanded .nav-menu a::before{left:0;right:0;bottom:7px}

  .nav-toggle{display:flex}

  .pulse-grid{grid-template-columns:1fr}

  .artsec-eyebrow{flex-direction:column;align-items:flex-start}

  .ncar-slide-bottom{max-width:78%}

  .nad-related-grid{grid-template-columns:1fr}

}

@media (max-width:760px){

  .site-status{font-size:10px}

  .site-status > * + *{margin-left:12px}

  

  .art-carousel{height:auto;min-height:0}

  .ncar-slide{position:relative;height:auto;visibility:visible;opacity:0;display:none}

  .ncar-slide.is-active{display:block;opacity:1}

  .ncar-slide-content{padding:24px 22px;min-height:480px}

  .ncar-slide-bottom{max-width:100%}

  .ncar-slide-title{font-size:26px}

  .ncar-arrow{width:42px;height:42px;font-size:24px}

  .ncar-prev{left:10px}

  .ncar-next{right:10px}

  .ncar-bottom{padding:0 22px}

  .ncar-dot{width:28px}

  .actv-chips{width:100%;justify-content:flex-start}

  .actv-chips .chip{flex:0 0 auto}

  .page-nav{flex-direction:column;align-items:stretch;gap:10px}

  .page-nav .pager-btn{justify-self:stretch;text-align:center}

  .page-nav .pager-pages{justify-content:center;flex-wrap:wrap}

  .nad-pager{grid-template-columns:1fr}

  .nad-article{padding:24px 20px}

  .nad-related-grid{grid-template-columns:1fr}

  .leaf-h{grid-template-columns:1fr}

  .leaf-h .stat{justify-content:flex-start}

  .leaf-h h1 br{display:inline}

}

@media (max-width:560px){

  .ncar-slide-content{padding:20px 16px;min-height:420px}

  .ncar-slide-title{font-size:22px}

  .ncar-slide-sub{font-size:13px}

  .nad-title{font-size:20px}

}



/* ========== Article 列表 + 详情美化 ========== */

:root{

  --blue:#111111;

  --sf-cyan:#111111;

  --sf-indigo:#111111;

  --game-blue:#111111;

}



.art-carousel{

  border:1px solid #111!important;

  border-radius:16px!important;

  overflow:hidden!important;

  box-shadow:4px 4px 0 #111!important;

  background:#fff!important;

}

.art-carousel-section{

  padding: clamp(24px,3vw,40px) var(--gx)!important;

}

.ncar-slide-bg[data-pattern="default"]{

  background:

    radial-gradient(ellipse 70% 60% at 20% 40%, rgba(0,0,0,.05), transparent 70%),

    radial-gradient(ellipse 50% 40% at 85% 75%, rgba(0,0,0,.03), transparent 70%),

    linear-gradient(180deg,#fafafa 0%,#fff 100%)!important;

}

.ncar-slide-vignette{

  background:

    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 58%, rgba(255,255,255,.96) 100%),

    linear-gradient(90deg, rgba(0,0,0,.08) 0%, transparent 45%, transparent 100%)!important;

}

.ncar-slide-tag{

  border:1px solid #111!important;

  border-radius:999px!important;

  background:#111!important;

  color:#fff!important;

  padding:5px 12px!important;

  font-weight:800!important;

  letter-spacing:.04em!important;

  text-transform:none!important;

  font-family:var(--font-zh)!important;

  font-size:11px!important;

}

.ncar-slide-date{

  letter-spacing:0!important;

  color:#888!important;

}

.ncar-slide-title{

  font-weight:800!important;

  letter-spacing:-.02em!important;

}

.ncar-slide-cta .btn,

.ncar-slide-cta .btn.primary{

  border:1px solid #111!important;

  border-radius:10px!important;

  background:#111!important;

  color:#fff!important;

  box-shadow:0 3px 0 #000!important;

  text-transform:none!important;

  letter-spacing:0!important;

  font-weight:800!important;

}

.ncar-slide:hover .ncar-slide-cta .btn{

  background:#222!important;

  border-color:#222!important;

  transform:translateY(-1px);

  box-shadow:0 4px 0 #000!important;

}

.ncar-arrow{

  border:1px solid #111!important;

  border-radius:12px!important;

  background:#fff!important;

  color:#111!important;

  box-shadow:2px 2px 0 #111!important;

  backdrop-filter:none!important;

}

.ncar-arrow:hover{

  background:#111!important;

  color:#fff!important;

  border-color:#111!important;

  transform:translateY(-50%)!important;

}

.ncar-dot{

  background:rgba(0,0,0,.14)!important;

  border-radius:999px!important;

  height:4px!important;

}

.ncar-dot:hover{background:rgba(0,0,0,.28)!important}

.ncar-dot.is-active{background:#111!important;height:4px!important}

.ncar-progress{background:rgba(0,0,0,.08)!important}

.ncar-progress-bar{background:#111!important}



.artsec-eyebrow{

  border-bottom:1px solid #ececec!important;

  margin-bottom:20px!important;

  padding-bottom:16px!important;

}

.artsec-eyebrow > span{

  color:#111!important;

  font-weight:800!important;

  letter-spacing:.04em!important;

  font-family:var(--font-zh)!important;

  font-size:13px!important;

  text-transform:none!important;

}

.actv-chips .chip{

  border:1px solid #ddd!important;

  border-radius:999px!important;

  background:#fff!important;

  color:#555!important;

  font-family:var(--font-zh)!important;

  font-size:12px!important;

  font-weight:600!important;

  letter-spacing:0!important;

  text-transform:none!important;

  padding:6px 14px!important;

  box-shadow:none!important;

}

.actv-chips .chip:hover{

  border-color:#111!important;

  color:#111!important;

  background:#f5f5f5!important;

}

.actv-chips .chip.is-active{

  border-color:#111!important;

  background:#111!important;

  color:#fff!important;

  box-shadow:0 2px 0 #000!important;

}



.pulse-grid{gap:16px!important}

.actv-card{

  border:1px solid #111!important;

  border-radius:14px!important;

  background:#fff!important;

  padding:18px 18px 16px!important;

  gap:12px!important;

  box-shadow:0 8px 22px rgba(0,0,0,.04)!important;

  overflow:hidden!important;

}

.actv-card::before{

  width:100%!important;

  height:2px!important;

  background:#111!important;

}

.actv-card:hover{

  transform:translateY(-2px)!important;

  box-shadow:0 12px 28px rgba(0,0,0,.08)!important;

  border-color:#111!important;

}

.actv-card header{

  gap:8px!important;

  padding-bottom:0!important;

  border-bottom:none!important;

  letter-spacing:0!important;

  text-transform:none!important;

  font-family:var(--font-zh)!important;

}

.snap-kind{

  display:inline-flex!important;

  align-items:center!important;

  height:22px!important;

  padding:0 9px!important;

  border:1px solid #ef0303!important;

  border-radius:999px!important;

  background:transparent!important;

  color:#ef0303!important;

  font-size:11px!important;

  font-weight:700!important;

  letter-spacing:0!important;

}

.snap-date{

  color:#999!important;

  font-size:12px!important;

  letter-spacing:0!important;

}

.actv-card h3{

  font-size:17px!important;

  font-weight:800!important;

  letter-spacing:-.01em!important;

  line-height:1.4!important;

  color:#111!important;

}

.actv-card > p{

  color:#666!important;

  font-size:13.5px!important;

  line-height:1.7!important;

  display:-webkit-box!important;

  -webkit-line-clamp:3!important;

  -webkit-box-orient:vertical!important;

  overflow:hidden!important;

}

.snap-readmore{

  display:inline-flex!important;

  align-items:center!important;

  margin-top:auto!important;

  padding-top:10px!important;

  border-top:1px solid #efefef!important;

  color:#555!important;

  font-family:var(--font-zh)!important;

  font-size:12px!important;

  font-weight:700!important;

  letter-spacing:0!important;

}

.actv-card:hover .snap-readmore{

  color:#111!important;

  transform:translateX(2px)!important;

}

.actv-empty{

  border:1px dashed #ccc!important;

  border-radius:14px!important;

  background:#fafafa!important;

  color:#888!important;

  padding:48px 20px!important;

}



.page-nav{border-top:1px solid #ececec!important}

.page-nav .pager-btn{

  border:1px solid #111!important;

  border-radius:10px!important;

  background:#fff!important;

  color:#111!important;

  font-family:var(--font-zh)!important;

  font-size:13px!important;

  font-weight:700!important;

  letter-spacing:0!important;

  text-transform:none!important;

  box-shadow:0 2px 0 rgba(0,0,0,.12)!important;

}

.page-nav .pager-btn:hover:not(.disabled):not([disabled]){

  background:#111!important;

  color:#fff!important;

  border-color:#111!important;

}

.page-nav .pager-num{

  border:1px solid #ddd!important;

  border-radius:10px!important;

  color:#555!important;

  font-weight:700!important;

}

.page-nav .pager-num:hover{

  border-color:#111!important;

  color:#111!important;

  background:#f5f5f5!important;

}

.page-nav .pager-num.is-active{

  border-color:#111!important;

  background:#111!important;

  color:#fff!important;

  box-shadow:0 2px 0 #000!important;

}



.nad-back{

  display:inline-flex!important;

  align-items:center!important;

  min-height:34px!important;

  padding:0 12px!important;

  border:1px solid #ddd!important;

  border-radius:999px!important;

  background:#fff!important;

  color:#555!important;

  font-family:var(--font-zh)!important;

  font-size:12px!important;

  font-weight:700!important;

  letter-spacing:0!important;

  text-transform:none!important;

}

.nad-back:hover{

  border-color:#111!important;

  color:#111!important;

  background:#f5f5f5!important;

  transform:none!important;

}



.nad-article{

  border:1px solid #111!important;

  border-radius:16px!important;

  background:#fff!important;

  box-shadow:0 12px 32px rgba(0,0,0,.05)!important;

  overflow:hidden!important;

  padding:0!important;

}

.nad-article::before{display:none!important}

.nad-head{

  margin:0!important;

  padding:24px 28px 20px!important;

  border-bottom:1px solid #ececec!important;

  background:linear-gradient(180deg,#fafafa 0%,#fff 100%)!important;

}

.nad-meta{

  margin-bottom:12px!important;

  letter-spacing:0!important;

  text-transform:none!important;

  font-family:var(--font-zh)!important;

  gap:8px!important;

}

.nad-kind{

  display:inline-flex!important;

  align-items:center!important;

  height:22px!important;

  padding:0 10px!important;

  border:1px solid #ef0303!important;

  border-radius:999px!important;

  background:transparent!important;

  color:#ef0303!important;

  font-size:11px!important;

  font-weight:700!important;

  letter-spacing:0!important;

}

.nad-date{

  color:#888!important;

  font-size:12px!important;

  letter-spacing:0!important;

}

.nad-title{

  font-weight:800!important;

  letter-spacing:-.02em!important;

  color:#111!important;

}

.nad-body{

  padding:24px 28px 8px!important;

  color:#222!important;

  line-height:1.9!important;

}

.nad-body a{

  color:#111!important;

  font-weight:600!important;

}

.nad-body blockquote{

  border-left:3px solid #111!important;

  border-radius:0 10px 10px 0!important;

  background:#f7f7f7!important;

  color:#555!important;

  font-style:normal!important;

  padding:12px 16px!important;

}

.nad-body img{

  border:1px solid #e8e8e8!important;

  border-radius:10px!important;

}

.nad-body code{

  border:1px solid #e5e5e5!important;

  border-radius:6px!important;

  background:#f5f5f5!important;

  color:#111!important;

}

.nad-foot{

  margin:0!important;

  padding:16px 28px 20px!important;

  border-top:1px solid #ececec!important;

  background:#fafafa!important;

  color:#888!important;

  font-family:var(--font-zh)!important;

  font-size:12px!important;

  letter-spacing:0!important;

}

.nad-foot-id{color:#666!important;font-weight:600!important}



.nad-pager{gap:12px!important;margin-top:20px!important}

.nad-pg-cell{

  border:1px solid #111!important;

  border-radius:14px!important;

  background:#fff!important;

  box-shadow:0 6px 18px rgba(0,0,0,.04)!important;

  padding:16px 18px!important;

}

.nad-pg-cell:hover{

  border-color:#111!important;

  background:#fafafa!important;

  box-shadow:0 10px 24px rgba(0,0,0,.07)!important;

  transform:translateY(-2px)!important;

}

.nad-pg-dir{

  color:#888!important;

  font-family:var(--font-zh)!important;

  font-size:12px!important;

  font-weight:700!important;

  letter-spacing:0!important;

}

.nad-pg-cell:hover .nad-pg-dir{color:#111!important}

.nad-pg-title{

  font-weight:700!important;

  color:#111!important;

}



.nad-related-eyebrow{

  color:#111!important;

  font-family:var(--font-zh)!important;

  font-size:14px!important;

  font-weight:800!important;

  letter-spacing:0!important;

  text-transform:none!important;

  border-bottom:1px solid #ececec!important;

}

.nad-rel-card{

  border:1px solid #111!important;

  border-radius:14px!important;

  background:#fff!important;

  box-shadow:0 8px 22px rgba(0,0,0,.04)!important;

  overflow:hidden!important;

  padding:16px!important;

}

.nad-rel-card::before{

  width:100%!important;

  height:2px!important;

  background:#111!important;

}

.nad-rel-card:hover{

  transform:translateY(-2px)!important;

  box-shadow:0 12px 28px rgba(0,0,0,.08)!important;

}

.nad-rel-kind{

  display:inline-flex!important;

  align-items:center!important;

  height:20px!important;

  padding:0 8px!important;

  border:1px solid #ef0303!important;

  border-radius:999px!important;

  background:transparent!important;

  color:#ef0303!important;

  font-size:11px!important;

  font-weight:700!important;

  letter-spacing:0!important;

}

.nad-rel-date{color:#999!important;letter-spacing:0!important}

.nad-rel-card h3{

  font-weight:800!important;

  color:#111!important;

}

.nad-rel-card p{color:#666!important}



.nad-notfound{

  border:1px solid #111!important;

  border-radius:16px!important;

  background:#fff!important;

  box-shadow:0 10px 28px rgba(0,0,0,.05)!important;

  padding:48px 24px!important;

}

.nad-notfound a{

  display:inline-flex!important;

  align-items:center!important;

  min-height:38px!important;

  padding:0 16px!important;

  border:1px solid #111!important;

  border-radius:10px!important;

  background:#111!important;

  color:#fff!important;

  font-family:var(--font-zh)!important;

  font-size:13px!important;

  font-weight:700!important;

  letter-spacing:0!important;

  box-shadow:0 3px 0 #000!important;

}



.page-hero{

  background:linear-gradient(180deg,#f7f8fa 0%,#fff 100%)!important;

}



@media (max-width:760px){

  .nad-head,.nad-body,.nad-foot{

    padding-left:16px!important;

    padding-right:16px!important;

  }

  .art-carousel{border-radius:12px!important;box-shadow:3px 3px 0 #111!important}

}