/* CUSBOT — zh.css
   仅做两件事：给字体栈补中文字体；把为拉丁字设计的负字距/紧行高调回中文可读区间。
   版式、颜色、动效一律不动。
*/

:root{
  --serif:"Fraunces","Noto Serif SC","Songti SC","Source Han Serif SC","SimSun",Georgia,serif;
  --sans:"Geist","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,sans-serif;
  --mono:"Geist Mono","PingFang SC","Microsoft YaHei",ui-monospace,"SF Mono",Consolas,monospace;
}

/* 中文标题：取消拉丁体的负字距，行高放宽一点 */
.studio-home .hero h1,
.studio-home h2,
.studio-home .project h3,
.studio-home .service-lines h3,
.studio-home .process-list h3{
  letter-spacing:.01em;
  line-height:1.14;
}

.studio-home .hero h1{line-height:1.12}
.studio-home h2{line-height:1.16}

/* 正文：中文行高更舒服，字距归零 */
p,li,summary,label,textarea,input,select,button{
  letter-spacing:0;
}
p{line-height:1.85}

/* 表单与状态提示 */
.form-status{line-height:1.6}

/* 页脚：已移除四个链接栏（演示站点 / 服务 / 快速链接 / 联系）。
   品牌区改为独占整行，否则按原四列栅格右侧会空出三列。 */
.foot-grid{
  grid-template-columns:1fr;
  gap:1rem;
  padding-bottom:1.4rem;
}
.foot-brand p{max-width:32rem;margin:0}

/* 作品卡：作品名放在图片正上方（图片之外），居中，字与字之间空一个字 */
.studio-home .project-name{
  display:block;
  margin:0 0 12px;
  margin-right:-1em;            /* 抵消末字后的字距，保证整行视觉居中 */
  text-align:center;
  padding:6px 4px;
  font-family:var(--sans);      /* 与网页其它文字同字体 */
  font-size:15px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:1em;
  white-space:nowrap;
  color:var(--ink,#14180f);
  pointer-events:none;
}
@media (max-width:640px){
  .studio-home .project-name{font-size:13px;margin-bottom:10px}
}

/* drum 模式（≥901px 宽屏滚筒）：.project-image 被裁成 1px 隐藏，
   画面是 .drum-view 里的预览视频，所以名称单独做一层浮层挂在 .work-stage 上。
   默认隐藏，只在 body.gallery-drum 时显示，避免与 swipe 模式的图片内标题重复。 */
.drum-title{display:none}
/* drum 模式下图片区的名称交给浮层，避免重复；样式与移动端一致：简单黑色、无背景、无圆角 */
.studio-home.gallery-drum .project-name{display:none}
.studio-home.gallery-drum .drum-title{
  display:block;
  position:absolute;
  top:var(--drum-title-top, 18px);   /* 随滚筒画面顶部走，窗口高度变化时名称与画面保持贴合 */
  left:50%;
  transform:translateX(-50%);
  z-index:6;
  margin:0;
  margin-right:-1em;            /* 抵消末字后的字距，保证整体居中 */
  padding:9px 20px;
  font-family:var(--sans);      /* 与网页其它文字同字体 */
  font-size:16px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:1em;
  white-space:nowrap;
  color:var(--ink,#14180f);
  pointer-events:none;
}