/* 万物社群对外介绍页 · 视觉方向：编辑式人文排版（参考看理想会员页的版式气质，
   不复制其素材与文案）。低饱和暖纸底 + 墨色正文 + 克制暖赭点缀 + 局部深色区块。
   零脚本、零外部资源、零框架。 */
:root{
  --paper:#f6f3ec;
  --paper-deep:#efe9dc;
  --card:#fffdf7;
  --ink:#2c2a25;
  --ink-soft:#524d43;
  --muted:#8d8577;
  --line:#ded6c4;
  --accent:#9a6b3f;
  --dark:#26251f;
  --dark-soft:#3a372e;
  --serif:'Songti SC','STSong','SimSun','Noto Serif SC',serif;
  --sans:'PingFang SC','Microsoft YaHei',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:15px;
  line-height:2;
}

/* ---------- 页眉 ---------- */
header{
  display:flex;justify-content:space-between;align-items:flex-end;
  padding:34px 6vw 26px;border-bottom:1px solid var(--line);gap:24px;
}
.brand-name{
  display:block;font-family:var(--serif);font-size:28px;
  letter-spacing:6px;color:var(--ink);
}
.brand-sub{
  display:block;margin-top:8px;font-size:10px;letter-spacing:4px;
  color:var(--muted);
}
nav{display:flex;gap:34px}
nav a{
  color:var(--ink-soft);text-decoration:none;font-size:13px;
  letter-spacing:3px;padding-bottom:4px;border-bottom:1px solid transparent;
}
nav a:hover{color:var(--accent);border-bottom-color:var(--accent)}

.environment{
  padding:9px 6vw;background:var(--paper-deep);
  color:var(--muted);font-size:12px;letter-spacing:1px;line-height:1.7;
}

/* ---------- 首屏 ---------- */
main{max-width:920px;margin:0 auto;padding:0 32px}
.hero{padding:88px 0 72px}
.eyebrow{
  margin:0 0 26px;font-size:12px;letter-spacing:5px;color:var(--accent);
}
h1{
  margin:0 0 30px;font-family:var(--serif);font-weight:500;
  font-size:46px;line-height:1.6;letter-spacing:5px;color:var(--ink);
}
.lead{
  max-width:620px;margin:0 0 18px;font-size:17px;line-height:2.1;
  color:var(--ink-soft);
}
.hero-note{max-width:620px;margin:0;color:var(--muted);font-size:14px}

/* ---------- 深色宣言区块 ---------- */
.manifesto{
  margin:10px 0 0;padding:72px 8vw;text-align:center;
  background:var(--dark);color:#e8e2d2;
}
.manifesto-line{
  margin:0 0 18px;font-family:var(--serif);font-size:26px;
  letter-spacing:8px;line-height:1.8;
}
.manifesto-line::after{
  content:"";display:block;width:36px;height:1px;
  background:var(--accent);margin:26px auto 0;
}
.manifesto-sub{margin:0;font-size:13px;letter-spacing:2px;color:#a89f8a}

/* ---------- 编号栏目 ---------- */
.pillar{padding:72px 0 8px}
.sec-head{
  display:flex;align-items:flex-start;gap:26px;
  border-top:1px solid var(--line);padding-top:34px;margin-bottom:26px;
}
.sec-no{
  font-family:var(--serif);font-size:30px;line-height:1.2;
  color:var(--accent);letter-spacing:2px;
}
.sec-eyebrow{
  margin:2px 0 6px;font-size:10px;letter-spacing:4px;color:var(--muted);
}
h2{
  margin:0;font-family:var(--serif);font-weight:500;
  font-size:26px;letter-spacing:4px;color:var(--ink);
}
.pillar>p{max-width:640px;margin:0 0 12px;color:var(--ink-soft)}
.topics{
  display:flex;flex-wrap:wrap;gap:14px 40px;
  margin:22px 0 0;padding:0;list-style:none;
}
.topics li{
  font-family:var(--serif);font-size:16px;letter-spacing:3px;color:var(--ink);
  padding-bottom:6px;border-bottom:1px solid var(--line);
}

/* ---------- 会员入口卡片 ---------- */
.grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;margin:30px 0 18px;
}
.card{
  padding:30px 26px;background:var(--card);
  border:1px solid var(--line);border-radius:6px;
}
h3{
  margin:0 0 12px;font-family:var(--serif);font-weight:500;
  font-size:18px;letter-spacing:2px;color:var(--ink);
}
.card p{margin:0;font-size:13px;line-height:1.9;color:var(--muted)}
.status{
  display:inline-block;margin-top:20px;padding:5px 12px;
  background:var(--paper-deep);border:1px solid #d8cbae;border-radius:3px;
  color:#77582f;font-size:12px;letter-spacing:2px;
}
.note{margin-top:8px;font-size:13px;color:var(--muted)}

/* ---------- 关于 ---------- */
.about{padding:72px 0 90px}
.about h2{margin-bottom:22px}
.about p{max-width:640px;margin:0 0 12px;color:var(--ink-soft)}

/* ---------- 页脚 ---------- */
footer{
  border-top:1px solid var(--line);padding:34px 6vw 40px;
  text-align:center;color:var(--muted);font-size:12px;letter-spacing:1px;
}
footer p{margin:0 0 8px}
.filing{margin-top:14px}
.filing a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}

/* ---------- 移动端 ---------- */
@media(max-width:760px){
  header{align-items:flex-start;flex-direction:column;padding:26px 6vw 20px;gap:16px}
  nav{gap:24px;flex-wrap:wrap}
  main{padding:0 22px}
  .hero{padding:56px 0 48px}
  /* 标题变长只需缩小字号；行盒固定为原 31px×1.6，保证首屏高度与其余版块位置不变 */
  h1{font-size:clamp(22px,7vw,29px);letter-spacing:1.5px;line-height:calc(31px * 1.6)}
  .lead{font-size:16px}
  .manifesto{padding:56px 7vw}
  .manifesto-line{font-size:21px;letter-spacing:5px}
  .pillar{padding:56px 0 4px}
  .sec-head{gap:18px;padding-top:26px}
  .sec-no{font-size:24px}
  h2{font-size:22px}
  .grid{grid-template-columns:1fr;gap:16px}
  .card{padding:24px 22px}
  .about{padding:56px 0 64px}
}