/* =========================================================
   chok的研究栈 — 暗色科技感主题
   ========================================================= */

/* ---------- Tokens ---------- */
:root{
  --bg:        #05060B;
  --bg-soft:   #080A12;
  --fg:        #E9EDF6;
  --muted:     #8A93A8;
  --dim:       #5C6478;
  --line:      rgba(255,255,255,.09);
  --line-soft: rgba(255,255,255,.05);
  --a1:        #00E0FF;
  --a2:        #7C5CFF;
  --card:      rgba(255,255,255,.028);
  --radius:    18px;
  --ease:      cubic-bezier(.16,1,.3,1);
  --sans: "Space Grotesk","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",
          "PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --mono: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}

/* ---------- Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:96px; }
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.7;
  letter-spacing:.01em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img,svg{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3{ margin:0; line-height:1.15; letter-spacing:-.02em; font-weight:700; }
p{ margin:0; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
::selection{ background:rgba(0,224,255,.28); color:#fff; }

.wrap{ width:100%; max-width:1180px; margin:0 auto; padding:0 clamp(20px,5vw,52px); }

/* ---------- 背景层 ---------- */
#particles{
  position:fixed; inset:0; width:100%; height:100%;
  z-index:0; pointer-events:none; opacity:.55;
}
.grain{
  position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* 极光光斑 */
.aurora{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.aurora span{
  position:absolute; border-radius:50%; filter:blur(120px); opacity:.30;
  animation:drift 22s ease-in-out infinite alternate;
}
.aurora span:nth-child(1){ width:620px; height:620px; top:-180px; left:-120px; background:#0066FF; }
.aurora span:nth-child(2){ width:520px; height:520px; top:38%; right:-160px; background:#7C5CFF; animation-delay:-7s; }
.aurora span:nth-child(3){ width:560px; height:560px; bottom:-220px; left:26%; background:#00E0FF; opacity:.20; animation-delay:-14s; }
@keyframes drift{
  0%  { transform:translate3d(0,0,0) scale(1); }
  100%{ transform:translate3d(60px,-50px,0) scale(1.14); }
}
/* 鼠标光晕 */
.cursor-glow{
  position:fixed; top:0; left:0; width:560px; height:560px; z-index:2;
  pointer-events:none; margin:-280px 0 0 -280px; opacity:0;
  background:radial-gradient(circle, rgba(0,224,255,.10) 0%, rgba(124,92,255,.06) 38%, transparent 68%);
  transition:opacity .4s ease;
  will-change:transform;
}
@media (hover:hover) and (pointer:fine){ .cursor-glow{ opacity:1; } }

main, .nav, .footer{ position:relative; z-index:3; }

/* ---------- 导航 ---------- */
.nav{
  position:fixed; top:0; left:0; right:0; height:76px; z-index:50;
  transition:background .4s ease, border-color .4s ease, backdrop-filter .4s ease;
  border-bottom:1px solid transparent;
}
.nav.is-stuck{
  background:rgba(5,6,11,.72);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
  border-bottom-color:var(--line-soft);
}
.nav-inner{
  max-width:1180px; height:100%; margin:0 auto;
  padding:0 clamp(20px,5vw,52px);
  display:flex; align-items:center; justify-content:space-between; gap:24px;
}
.brand{ display:flex; align-items:center; gap:11px; font-weight:700; letter-spacing:-.015em; }
.brand-mark{
  width:22px; height:22px; border-radius:7px; flex:none;
  background:linear-gradient(140deg,var(--a1),var(--a2));
  box-shadow:0 0 18px rgba(0,224,255,.45);
  position:relative;
}
.brand-mark::after{
  content:""; position:absolute; inset:6px; border-radius:3px; background:var(--bg);
}
.brand-text{ font-size:17px; }
.brand-dim{ color:var(--dim); font-weight:500; }

.nav-links{ display:flex; align-items:center; gap:34px; font-size:14.5px; }
.nav-links a{ color:var(--muted); position:relative; transition:color .3s ease; }
.nav-links a::after{
  content:""; position:absolute; left:0; bottom:-7px; height:1px; width:0;
  background:linear-gradient(90deg,var(--a1),var(--a2)); transition:width .35s var(--ease);
}
.nav-links a:hover{ color:var(--fg); }
.nav-links a:hover::after{ width:100%; }
.nav-cta{
  padding:8px 18px; border:1px solid var(--line); border-radius:999px;
  color:var(--fg) !important; background:var(--card);
}
.nav-cta::after{ display:none; }
.nav-cta:hover{ border-color:rgba(0,224,255,.5); box-shadow:0 0 22px -6px rgba(0,224,255,.5); }

.burger{ display:none; width:40px; height:40px; position:relative; border-radius:10px; border:1px solid var(--line); }
.burger span{
  position:absolute; left:11px; width:18px; height:1.5px; background:var(--fg);
  transition:transform .35s var(--ease), opacity .2s;
}
.burger span:nth-child(1){ top:16px; }
.burger span:nth-child(2){ top:23px; }
.burger.is-open span:nth-child(1){ transform:translateY(3.5px) rotate(45deg); }
.burger.is-open span:nth-child(2){ transform:translateY(-3.5px) rotate(-45deg); }

/* ---------- HERO ---------- */
.hero{
  position:relative; min-height:100svh;
  display:flex; align-items:center;
  padding:132px 0 96px;
}
.hero-inner{
  display:grid; grid-template-columns:1.15fr .85fr; gap:64px; align-items:center;
}
.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--mono); font-size:11.5px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--muted); padding:7px 15px 7px 12px;
  border:1px solid var(--line); border-radius:999px; background:var(--card);
}
.pulse{
  width:7px; height:7px; border-radius:50%; background:var(--a1); flex:none;
  box-shadow:0 0 0 0 rgba(0,224,255,.6); animation:pulse 2.4s infinite;
}
@keyframes pulse{
  0%  { box-shadow:0 0 0 0 rgba(0,224,255,.55); }
  70% { box-shadow:0 0 0 10px rgba(0,224,255,0); }
  100%{ box-shadow:0 0 0 0 rgba(0,224,255,0); }
}

.hero-title{
  font-size:clamp(64px,11vw,132px); font-weight:700; letter-spacing:-.045em;
  margin:26px 0 0; line-height:.95;
  background:linear-gradient(180deg,#FFFFFF 30%,#8E97AB 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero-title .dot{ background:linear-gradient(140deg,var(--a1),var(--a2)); -webkit-background-clip:text; background-clip:text; color:transparent; }

.type-line{
  margin-top:18px; font-family:var(--mono); font-size:clamp(14px,2vw,19px);
  color:var(--a1); letter-spacing:.02em; display:flex; align-items:center; gap:6px;
}
.type-bracket{ color:var(--dim); }
.caret{
  display:inline-block; width:9px; height:1.05em; background:var(--a1);
  margin-left:3px; animation:blink 1s steps(2) infinite; vertical-align:-2px;
}
@keyframes blink{ 50%{ opacity:0; } }

.lede{
  margin-top:26px; max-width:47ch; color:var(--muted); font-size:16.5px; line-height:1.85;
}

.hero-actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:38px; }
.btn{
  display:inline-flex; align-items:center; gap:9px;
  padding:14px 26px; border-radius:999px; font-size:15px; font-weight:600;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s, background .35s;
}
.btn-primary{
  background:linear-gradient(135deg,var(--a1),#4A8BFF 55%,var(--a2));
  color:#04060C; box-shadow:0 12px 34px -12px rgba(0,224,255,.75);
}
.btn-primary:hover{ transform:translateY(-3px); box-shadow:0 18px 44px -12px rgba(0,224,255,.9); }
.btn-ghost{ border:1px solid var(--line); color:var(--fg); background:var(--card); }
.btn-ghost:hover{ border-color:rgba(255,255,255,.28); transform:translateY(-3px); }
.btn-lg{ padding:17px 34px; font-size:16px; margin-top:36px; }

.hero-stats{
  display:flex; gap:46px; margin-top:52px; padding-top:30px;
  border-top:1px solid var(--line-soft); max-width:440px;
}
.hero-stats li{ display:flex; flex-direction:column; gap:2px; }
.hero-stats b{
  font-size:30px; font-weight:700; letter-spacing:-.03em;
  background:linear-gradient(180deg,#fff,#9AA3B8);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero-stats span{ font-size:12.5px; color:var(--dim); letter-spacing:.06em; }

/* HERO 视觉：轨道 */
.hero-visual{ display:flex; flex-direction:column; align-items:center; gap:22px; }
.orbit{
  position:relative; width:min(360px,78vw); aspect-ratio:1;
  display:grid; place-items:center;
}
.ring{
  position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.10);
}
.ring-1{ inset:0; border-style:dashed; animation:spin 26s linear infinite; }
.ring-2{ inset:14%; border-color:rgba(0,224,255,.22); border-top-color:var(--a1); animation:spin 14s linear infinite reverse; }
.ring-3{ inset:29%; border-color:rgba(124,92,255,.24); border-bottom-color:var(--a2); animation:spin 19s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }

/* 轨道上的游走光点：容器旋转，光点固定在容器顶部 */
.orbiter{ position:absolute; inset:0; border-radius:50%; pointer-events:none; }
.orbiter::after{
  content:""; position:absolute; top:-4.5px; left:calc(50% - 4.5px);
  width:9px; height:9px; border-radius:50%;
  background:var(--a1); box-shadow:0 0 16px 2px rgba(0,224,255,.75);
}
.o1{ animation:spin 12s linear infinite; }
.o2{ inset:14%; animation:spin 17s linear infinite reverse; animation-delay:-4s; }
.o2::after{ background:var(--a2); box-shadow:0 0 16px 2px rgba(124,92,255,.75); }
.o3{ inset:29%; animation:spin 24s linear infinite; animation-delay:-9s; }
.o3::after{ background:#fff; box-shadow:0 0 14px 2px rgba(255,255,255,.5); }

.core{
  position:relative; width:58%; aspect-ratio:1; border-radius:50%;
  display:grid; place-content:center; text-align:center; gap:4px;
  background:radial-gradient(circle at 32% 28%, rgba(255,255,255,.10), rgba(255,255,255,0) 55%),
             linear-gradient(150deg, rgba(0,224,255,.16), rgba(124,92,255,.20));
  border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  box-shadow:inset 0 0 60px rgba(0,224,255,.10), 0 30px 70px -30px rgba(0,224,255,.45);
}
.core-id{
  font-size:clamp(26px,4.4vw,40px); font-weight:700; letter-spacing:-.04em;
  background:linear-gradient(180deg,#fff,#AEB7CB);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.core-sub{
  font-family:var(--mono); font-size:10.5px; letter-spacing:.24em;
  text-transform:uppercase; color:var(--a1); opacity:.85;
}
.orbit-caption{
  font-family:var(--mono); font-size:12px; color:var(--dim); letter-spacing:.06em;
}

.scroll-hint{
  position:absolute; left:50%; bottom:34px; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:10px;
  font-family:var(--mono); font-size:10px; letter-spacing:.3em; color:var(--dim);
}
.scroll-hint span{
  width:1px; height:46px; background:linear-gradient(180deg,transparent,var(--a1),transparent);
  animation:scrollLine 2.2s ease-in-out infinite;
}
@keyframes scrollLine{ 0%,100%{ opacity:.25; transform:scaleY(.55);} 50%{ opacity:1; transform:scaleY(1);} }

/* ---------- 通用区块 ---------- */
.section{ padding:clamp(84px,11vw,140px) 0; }
.sec-head{
  display:grid; grid-template-columns:auto 1fr; gap:8px 26px;
  align-items:start; margin-bottom:56px;
}
.sec-num{
  grid-row:span 2; font-family:var(--mono); font-size:12px; color:var(--a1);
  letter-spacing:.16em; padding-top:8px;
}
.sec-kicker{
  font-family:var(--mono); font-size:11.5px; letter-spacing:.26em;
  text-transform:uppercase; color:var(--dim); margin-bottom:10px;
}
.sec-title{ font-size:clamp(32px,4.6vw,46px); letter-spacing:-.03em; }
.sec-desc{
  grid-column:2; margin-top:16px; max-width:52ch; color:var(--muted); font-size:15.5px;
}

/* ---------- 研究栈 ---------- */
.stack-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px;
}
.stack-col{
  padding:28px 26px 30px; border:1px solid var(--line); border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008));
  transition:border-color .45s var(--ease), transform .45s var(--ease), box-shadow .45s var(--ease);
}
.stack-col:hover{
  border-color:rgba(0,224,255,.34); transform:translateY(-5px);
  box-shadow:0 26px 60px -34px rgba(0,224,255,.6);
}
.stack-col h3{
  display:flex; align-items:center; gap:10px;
  font-size:15px; font-weight:600; letter-spacing:-.01em; margin-bottom:20px;
}
.tag-dot{
  width:6px; height:6px; border-radius:50%; flex:none;
  background:linear-gradient(140deg,var(--a1),var(--a2));
  box-shadow:0 0 12px rgba(0,224,255,.9);
}
.chips{ display:flex; flex-wrap:wrap; gap:8px; }
.chips li{
  font-size:13px; color:var(--muted); padding:6px 13px; border-radius:8px;
  border:1px solid var(--line-soft); background:rgba(255,255,255,.03);
  transition:color .3s, border-color .3s, background .3s;
}
.chips li:hover{ color:var(--fg); border-color:rgba(0,224,255,.4); background:rgba(0,224,255,.07); }

/* ---------- 筛选 ---------- */
.filters{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:34px; }
.filter{
  padding:9px 20px; border-radius:999px; font-size:13.5px; color:var(--muted);
  border:1px solid var(--line); background:var(--card);
  transition:color .3s, border-color .3s, background .3s, transform .3s var(--ease);
}
.filter:hover{ color:var(--fg); border-color:rgba(255,255,255,.24); transform:translateY(-2px); }
.filter.is-active{
  color:#04060C; font-weight:600; border-color:transparent;
  background:linear-gradient(135deg,var(--a1),#6E8BFF 60%,var(--a2));
  box-shadow:0 10px 26px -12px rgba(0,224,255,.8);
}

/* ---------- 作品卡 ---------- */
.work-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:22px;
}
.card{
  display:flex; flex-direction:column; overflow:hidden;
  border:1px solid var(--line); border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008));
  transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .3s var(--ease), border-color .4s, box-shadow .4s, opacity .5s;
}
.card:hover{
  border-color:rgba(0,224,255,.38);
  box-shadow:0 30px 70px -34px rgba(0,224,255,.55);
  transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px);
}
.card.is-hidden{ display:none; }

.thumb{
  position:relative; aspect-ratio:16/10; overflow:hidden;
  background:linear-gradient(135deg,var(--t1,#00E0FF),var(--t2,#0A5CFF));
}
/* 网格纹理 */
.thumb::before{
  content:""; position:absolute; inset:0; opacity:.35;
  background-image:
    linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:radial-gradient(circle at 30% 20%, #000 0%, transparent 72%);
  -webkit-mask-image:radial-gradient(circle at 30% 20%, #000 0%, transparent 72%);
}
/* 顶部暗压 + 底部渐隐 */
.thumb::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(5,6,11,.28), rgba(5,6,11,0) 42%, rgba(5,6,11,.55));
}
.thumb-num{
  position:absolute; right:20px; bottom:6px; z-index:2;
  font-size:74px; font-weight:700; letter-spacing:-.06em; line-height:1;
  color:rgba(255,255,255,.22);
  transition:transform .6s var(--ease), color .6s var(--ease);
}
.card:hover .thumb-num{ transform:translateY(-6px); color:rgba(255,255,255,.42); }
.thumb-glow{
  position:absolute; width:260px; height:260px; border-radius:50%; z-index:1;
  left:-60px; top:-90px; background:rgba(255,255,255,.35); filter:blur(70px);
  transition:transform .8s var(--ease);
}
.card:hover .thumb-glow{ transform:translate(90px,60px) scale(1.2); }

/* 卡片缩略图：图片铺满，网格纹理与序号仍浮在上层 */
.thumb-img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:0;
}
.thumb::before,.thumb::after{ z-index:1; }
.thumb-zoom{
  position:absolute; left:16px; top:14px; z-index:3;
  font-size:12px; color:#e8f6ff; padding:5px 11px; border-radius:999px;
  border:1px solid rgba(255,255,255,.24); background:rgba(5,8,16,.66);
  opacity:0; transform:translateY(-4px); transition:opacity .25s, transform .25s;
  pointer-events:auto; cursor:pointer; user-select:none;
}
.card:hover .thumb-zoom{ opacity:1; transform:none; }
.thumb-zoom:hover{ background:rgba(0,224,255,.28); border-color:#00E0FF; }

/* 原图预览 */
.site-lightbox{
  position:fixed; inset:0; z-index:100001; display:grid; place-items:center;
  gap:16px; align-content:center; padding:24px;
  background:rgba(2,5,12,.9); backdrop-filter:blur(6px); cursor:zoom-out;
}
.site-lightbox img{
  max-width:min(1100px,92vw); max-height:76vh; object-fit:contain;
  border-radius:12px; box-shadow:0 30px 80px rgba(0,0,0,.7); cursor:default;
}
.site-lightbox-bar{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:center;
  color:#e8f6ff; font:13px/1.5 "Microsoft YaHei",system-ui,sans-serif; cursor:default;
}
.site-lightbox-bar > span{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.site-lightbox-bar a,.site-lightbox-bar button{
  padding:7px 14px; border-radius:9px; font-size:12.5px; text-decoration:none;
  border:1px solid rgba(0,224,255,.35); background:rgba(0,224,255,.09);
  color:#e8f6ff; cursor:pointer;
}
.site-lightbox-bar a.primary,.site-lightbox-bar a:hover,.site-lightbox-bar button:hover{
  background:#00E0FF; border-color:#00E0FF; color:#04121a; font-weight:700;
}

/* 鼠标移入缩略图：放大显示原图（不拦截点击，卡片仍可跳链接） */
.site-hover-preview{
  position:fixed; z-index:9998; pointer-events:none; padding:10px;
  border-radius:14px; border:1px solid rgba(0,224,255,.35);
  background:rgba(6,10,20,.97); box-shadow:0 24px 70px rgba(0,0,0,.65);
  animation:hoverPreviewIn .16s ease-out both;
}
.site-hover-preview img{
  display:block; width:100%; max-height:62vh; object-fit:contain; border-radius:8px;
}
.site-hover-preview span{
  display:block; margin-top:8px; color:#9fb6c8; font-size:12px;
  font-family:"Microsoft YaHei",system-ui,sans-serif; text-align:center;
}
@keyframes hoverPreviewIn{
  from{ opacity:0; transform:scale(.96); }
  to  { opacity:1; transform:none; }
}
@media(max-width:760px){ .site-hover-preview{ display:none; } }

.card-body{ padding:24px 24px 26px; display:flex; flex-direction:column; flex:1; }
.card-meta{
  font-family:var(--mono); font-size:11.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--dim); margin-bottom:12px;
}
.card-title{ font-size:20px; letter-spacing:-.02em; margin-bottom:10px; }
.card-desc{ color:var(--muted); font-size:14.5px; line-height:1.75; }
.tags{ display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.tags li{
  font-size:11.5px; color:var(--muted); padding:4px 10px; border-radius:6px;
  border:1px solid var(--line-soft); background:rgba(255,255,255,.03);
}
.card-link{
  margin-top:22px; padding-top:16px; border-top:1px solid var(--line-soft);
  display:flex; align-items:center; gap:8px;
  font-size:13.5px; font-weight:600; color:var(--a1);
}
.card-link i{ font-style:normal; transition:transform .4s var(--ease); }
.card:hover .card-link i{ transform:translateX(6px); }

/* 筛选后重播的入场动画 */
@keyframes cardIn{
  from{ opacity:0; transform:translateY(16px) scale(.985); }
  to  { opacity:1; transform:none; }
}
.card.pop{ animation:cardIn .55s var(--ease) both; }

.work-empty{
  margin-top:40px; text-align:center; color:var(--dim); font-size:14.5px;
}
.work-empty.is-error{ color:#FF6B7A; }

/* ---------- 关于 ---------- */
.about-grid{
  display:grid; grid-template-columns:1.2fr .8fr; gap:56px; align-items:start;
}
.about-copy .sec-title{ margin-bottom:26px; }
.para{ color:var(--muted); font-size:16px; line-height:1.9; margin-bottom:18px; max-width:56ch; }
.para.dim{ color:var(--dim); }
.quote{
  margin:32px 0 0; padding:20px 0 20px 24px;
  border-left:2px solid transparent; border-image:linear-gradient(180deg,var(--a1),var(--a2)) 1;
  font-size:17px; color:var(--fg); line-height:1.7; letter-spacing:-.01em;
}
.about-card{
  padding:30px 28px; border:1px solid var(--line); border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
}
.about-card h3{
  font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--dim); margin-bottom:20px;
}
.status-list{ display:flex; flex-direction:column; gap:16px; }
.status-list li{
  display:flex; flex-direction:column; gap:4px;
  padding-bottom:16px; border-bottom:1px solid var(--line-soft);
}
.status-list li:last-child{ border-bottom:0; padding-bottom:0; }
.status-list span{ font-size:12px; color:var(--dim); letter-spacing:.05em; }
.status-list b{ font-size:14.5px; font-weight:500; }
.about-badge{
  display:flex; align-items:center; gap:10px; margin-top:24px;
  padding:12px 16px; border-radius:12px; font-size:13.5px; color:var(--fg);
  border:1px solid rgba(0,224,255,.28); background:rgba(0,224,255,.06);
}

/* ---------- CTA ---------- */
.cta{
  position:relative; padding:clamp(90px,12vw,150px) 0; text-align:center;
  border-top:1px solid var(--line-soft);
}
.cta::before{
  content:""; position:absolute; left:50%; top:0; transform:translateX(-50%);
  width:min(900px,92vw); height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,224,255,.55),transparent);
}
.cta-inner{ display:flex; flex-direction:column; align-items:center; }
.cta-title{
  font-size:clamp(30px,5.4vw,56px); letter-spacing:-.035em; margin-bottom:18px;
  background:linear-gradient(180deg,#fff,#8E97AB);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.cta-desc{ color:var(--muted); max-width:44ch; font-size:16px; }
.socials{ display:flex; flex-wrap:wrap; gap:26px; margin-top:46px; }
.socials a{
  font-size:13.5px; color:var(--muted); position:relative; transition:color .3s;
}
.socials a::after{
  content:""; position:absolute; left:0; bottom:-5px; width:0; height:1px;
  background:var(--a1); transition:width .35s var(--ease);
}
.socials a:hover{ color:var(--fg); }
.socials a:hover::after{ width:100%; }

/* ---------- Footer ---------- */
.footer{ border-top:1px solid var(--line-soft); padding:38px 0; }
.footer-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:22px; flex-wrap:wrap;
}
.footer-brand{ display:flex; align-items:center; gap:10px; font-weight:600; font-size:15px; }
.footer-links{ display:flex; gap:26px; font-size:13.5px; color:var(--muted); }
.footer-links a{ transition:color .3s; }
.footer-links a:hover{ color:var(--fg); }
.footer-copy{ font-size:12.5px; color:var(--dim); }

/* ---------- Reveal ---------- */
.reveal{ opacity:0; transform:translateY(30px); }
.reveal.is-in{
  opacity:1; transform:none;
  transition:opacity .9s var(--ease) var(--d,0s), transform .9s var(--ease) var(--d,0s);
}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .hero-inner{ grid-template-columns:1fr; gap:52px; }
  .hero-visual{ order:-1; }
  .orbit{ width:min(280px,62vw); }
  .about-grid{ grid-template-columns:1fr; gap:40px; }
  .hero-stats{ gap:32px; }
}
@media (max-width:760px){
  .nav-links{
    position:fixed; top:76px; left:0; right:0; flex-direction:column; align-items:flex-start;
    gap:0; padding:12px clamp(20px,5vw,52px) 26px;
    background:rgba(5,6,11,.94); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
    border-bottom:1px solid var(--line-soft);
    transform:translateY(-12px); opacity:0; pointer-events:none;
    transition:opacity .3s ease, transform .35s var(--ease);
  }
  .nav-links.is-open{ opacity:1; transform:none; pointer-events:auto; }
  .nav-links a{ padding:14px 0; width:100%; font-size:16px; border-bottom:1px solid var(--line-soft); }
  .nav-links a::after{ display:none; }
  .nav-cta{ margin-top:14px; text-align:center; border-bottom:0 !important; }
  .burger{ display:block; }
  .sec-head{ grid-template-columns:1fr; }
  .sec-num{ grid-row:auto; }
  .sec-desc{ grid-column:1; }
  .hero{ padding-top:120px; }
  .scroll-hint{ display:none; }
  .footer-inner{ flex-direction:column; align-items:flex-start; }
}
@media (max-width:420px){
  .hero-stats{ gap:24px; }
  .hero-stats b{ font-size:24px; }
}

/* ---------- 资料 / 图片区（由本地内容管理程序生成） ---------- */
.res-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:16px; margin-top:8px;
}
.res-card{
  display:flex; flex-direction:column; gap:10px; padding:14px; min-width:0;
  border:1px solid var(--line); border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  transition:border-color .3s var(--ease), transform .3s var(--ease);
}
.res-card:hover{ border-color:rgba(0,224,255,.42); transform:translateY(-3px); }
.res-thumb{
  width:100%; height:150px; object-fit:cover; border-radius:9px;
  background:rgba(255,255,255,.04);
}
.res-ext{
  display:grid; place-items:center; height:150px; border-radius:9px;
  font-family:var(--mono); font-size:22px; font-weight:700; letter-spacing:.08em;
  color:var(--a1); background:linear-gradient(135deg,rgba(0,224,255,.12),rgba(124,92,255,.12));
}
.res-name{ font-size:14.5px; font-weight:600; word-break:break-all; }
.res-note{ font-size:12.5px; color:var(--muted); line-height:1.6; word-break:break-all; }
#resEmpty{ margin-top:8px; }

/* ---------- 降低动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  html{ scroll-behavior:auto; }
  .reveal{ opacity:1; transform:none; }
}