/* ==========================================================================
   openagent · 个人工具开发站 —— 站点首页
   token 沿用 style.css（排期台）—— 同一个人的东西，配色不各走各的。
   刻意做成零 JS 的纯静态页：公开面越小越好守。
   ========================================================================== */

:root{
  --ground:#F4F2EC;
  --surface:#FFFFFF;
  --ink:#1B2620;
  --ink-2:#54605A;
  --ink-3:#8B948E;
  --line:#E3E0D6;

  --brand:#2D6A4F;
  --brand-deep:#1B4332;
  --brand-softer:#EDF5F0;

  --accent:#F0763A;

  --font:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC",
         "Microsoft YaHei","Segoe UI",sans-serif;
}

@media (prefers-color-scheme:dark){
  :root{
    --ground:#101410;
    --surface:#1B201C;
    --ink:#ECEFEA;
    --ink-2:#A2ACA5;
    --ink-3:#727C76;
    --line:#2E352F;

    --brand:#57B085;
    --brand-deep:#8AD3AC;
    --brand-softer:#17251D;

    --accent:#FF8F5C;
  }
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--ground);
  color:var(--ink);
  font-family:var(--font);
  font-size:clamp(15px,.92rem + .25vw,17px);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
}

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

.wrap{max-width:52rem;margin:0 auto;padding:0 1.5rem}

/* ---------- 顶栏 ---------- */
.top{
  display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;
  padding:1.6rem 0;
}
.top__name{font-weight:700;letter-spacing:-.01em}
.top__sub{
  font-size:.82em;color:var(--ink-3);
  padding-left:.75rem;border-left:1px solid var(--line);
}

/* ---------- Hero ---------- */
.hero{padding:1.5rem 0 3rem;border-bottom:1px solid var(--line)}
.hero h1{
  margin:0 0 1.25rem;
  font-size:clamp(2rem,1.1rem + 3.4vw,3.3rem);
  line-height:1.16;
  letter-spacing:-.02em;
}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero p{
  margin:0;
  max-width:36rem;
  color:var(--ink-2);
  font-size:1.05em;
}

/* ---------- 项目列表 ----------
   刻意用「清单」而不是等宽卡片网格：条目只有三条，
   卡片网格会把它们摊成一排没有主次的小方块。
   纯展示、不做跳转 —— 所以没有 :hover 态。 */
.list{list-style:none;margin:0;padding:0}

.item{
  border-bottom:1px solid var(--line);
  padding:1.5rem .25rem;
}
.item__name{display:block;font-size:1.15rem;font-weight:700}
.item__desc{display:block;margin-top:.35rem;color:var(--ink-2);font-size:.94em}

/* ---------- 页脚 ---------- */
.foot{
  border-top:1px solid var(--line);
  margin-top:3.5rem;
  padding:2.5rem 0 3rem;
  color:var(--ink-3);
  font-size:.85em;
}
.foot p{margin:0 0 .5rem}
.foot a{color:var(--ink-3)}
.foot a:hover{color:var(--brand)}
.legal{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem}