/* ───────────────────────────────────────
   xslyl.com — Shared Stylesheet
   ─────────────────────────────────────── */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{font-size:18px}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  line-height:1.85;
  color:#1a1a2e;
  background:#fafafa;
  max-width:780px;
  margin:0 auto;
  padding:2rem 1.5rem;
}

h1{font-size:2rem;margin-bottom:0.5rem;line-height:1.3}

time{color:#999;font-size:0.9rem;display:block;margin-bottom:2rem}

h2{
  font-size:1.4rem;
  margin:2.5rem 0 1rem;
  padding-left:0.5rem;
  border-left:4px solid #667eea;
}

h3{font-size:1.15rem;margin:1.5rem 0 0.6rem;color:#444}

p{margin-bottom:1.1rem;color:#333}

pre{
  background:#1a1a2e;
  color:#e0e0e0;
  padding:1.2rem;
  border-radius:10px;
  overflow-x:auto;
  font-size:0.85rem;
  margin:1.2rem 0;
  line-height:1.5;
}

code{
  font-family:"Fira Code","Cascadia Code","JetBrains Mono",monospace;
  font-size:0.9em;
}

p code,li code{
  background:#f0f0ff;
  color:#667eea;
  padding:0.15em 0.4em;
  border-radius:4px;
  font-size:0.9em;
}

ul,ol{margin:0.8rem 0 1.2rem 1.5rem}
li{margin-bottom:0.5rem;color:#333}

a{color:#667eea}

/* Tables */
table{
  width:100%;
  border-collapse:collapse;
  margin:1.5rem 0;
}
th{
  background:#667eea;
  color:#fff;
  padding:0.8rem;
  text-align:left;
}
td{
  padding:0.8rem;
  border-bottom:1px solid #eee;
}

/* Blockquote */
blockquote{
  background:#f0f4ff;
  border-left:4px solid #667eea;
  padding:1rem 1.2rem;
  margin:1.5rem 0;
  border-radius:0 8px 8px 0;
  color:#444;
}
blockquote p{margin-bottom:0;color:#555}

/* Breadcrumb navigation */
.breadcrumb{margin-bottom:1.5rem;font-size:0.9rem}
.breadcrumb a{color:#667eea;text-decoration:none}

/* Callout boxes */
.tip{
  background:#e8f5e9;
  border-left:4px solid #4caf50;
  padding:1rem 1.2rem;
  margin:1.5rem 0;
  border-radius:0 8px 8px 0;
}
.tip strong{color:#2e7d32}

.warn{
  background:#fff3e0;
  border-left:4px solid #ff9800;
  padding:1rem 1.2rem;
  margin:1.5rem 0;
  border-radius:0 8px 8px 0;
}

/* Navigation box */
.nav-box{
  margin-top:2rem;
  padding:1rem;
  background:#f0f4ff;
  border-radius:8px;
}

/* Footer */
footer{
  text-align:center;
  color:#999;
  font-size:0.85rem;
  margin-top:3rem;
  padding-top:2rem;
  border-top:1px solid #eee;
}

/* Separator */
hr.sep{
  margin:2rem 0;
  border:none;
  border-top:1px solid #eee;
}