:root{
  color-scheme:light;
  --page:#f4f1ea;
  --paper:#e3ddce;
  --ink:#2a2a2a;
  --sub:#6b665c;
  --line:rgba(0,0,0,.12);
  --brand:#0b6fb8;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;background:var(--page);color:var(--ink);
  font:16px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",
       "Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",
       "Malgun Gothic","Apple SD Gothic Neo",sans-serif;
}
.doc{
  max-width:900px;margin:28px auto;padding:28px 32px 40px;
  background:var(--paper);border-radius:10px;
  box-shadow:0 2px 12px rgba(60,50,30,.08);
  word-wrap:break-word;overflow-wrap:anywhere;
}
.doc h2{font-size:22px;line-height:1.45;margin:1.5em 0 .6em}
.doc h3{
  font-size:19px;line-height:1.5;margin:1.9em 0 .7em;
  padding-bottom:.35em;border-bottom:1px solid var(--line);
}
.doc h4{font-size:16.5px;line-height:1.6;margin:1.35em 0 .5em}
.doc p{margin:0 0 .75em;text-align:justify}
.doc p:last-child{margin-bottom:0}
.doc ol,.doc ul{margin:.3em 0 1em;padding-left:1.6em}
.doc li{margin:.15em 0}
.doc a{color:var(--brand);text-decoration:none}
.doc a:hover{text-decoration:underline}
.doc pre{
  margin:0;white-space:pre-wrap;overflow-wrap:anywhere;
  font:inherit;line-height:1.9;
}
.doc strong{font-weight:700}

/* ---------------- 文档目录 ---------------- */
.home-head{padding-bottom:8px}
.home-head h1{font-size:26px;line-height:1.35;margin:0 0 6px}
.home-head p{margin:0;color:var(--sub);font-size:14px}
.group-title{
  font-size:18px;margin:30px 0 12px;padding-bottom:.35em;
  border-bottom:1px solid var(--line);
}
.group-title small{color:var(--sub);font-weight:400;font-size:13px;margin-left:6px}
.cards{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));
  gap:10px;
}
.card{
  display:block;padding:11px 14px;border:1px solid #ded7c6;border-radius:8px;
  background:#faf8f3;color:inherit;text-decoration:none;
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
.card:hover{
  border-color:#c7bca3;box-shadow:0 3px 10px rgba(60,50,30,.10);
  transform:translateY(-1px);
}
.card b{display:block;font-size:15px;font-weight:600;line-height:1.5}
.card span{
  display:block;margin-top:2px;color:#837c6e;font-size:12.5px;
  font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  word-break:break-all;
}
.foot-note{margin-top:34px;color:var(--sub);font-size:13px;line-height:1.7}
.foot-note a{color:var(--brand);text-decoration:none}

/* ---------------- 产品介绍 ---------------- */
.product .hero{
  background:linear-gradient(135deg,#03a4f6 0%,#27eea0 100%);
  border-radius:8px;padding:42px 24px;color:#fff;text-align:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);
}
.product .hero p{
  margin:.25em 0;text-align:center;font-weight:600;
  font-size:clamp(16px,2.6vw,22px);line-height:1.6;
  text-shadow:0 1px 2px rgba(0,0,0,.15);
}
.product .features{
  display:grid;grid-template-columns:1fr 1.9fr;gap:30px;margin-top:30px;
}
.product .features .grad{
  display:inline-block;color:#fff;font-size:18px;
  background:radial-gradient(circle,#03a4f6 0%,#27eea0 100%);
  padding:6px 16px;border-radius:6px;margin:0 0 .8em;
}
.product .features h2{font-size:20px;margin:0 0 .65em}
.product .features p{font-size:15px;line-height:1.95}

/* ---------------- 小屏 ---------------- */
@media (max-width:640px){
  body{font-size:15.5px;line-height:1.85}
  .doc{margin:0;padding:20px 16px 32px;border-radius:0;box-shadow:none}
  .doc h2{font-size:20px}
  .doc h3{font-size:18px}
  .home-head h1{font-size:22px}
  .product .features{grid-template-columns:1fr;gap:18px}
  .product .hero{padding:30px 18px}
}

@media print{
  body{background:#fff}
  .doc{margin:0;max-width:none;box-shadow:none;border-radius:0;background:#fff}
}