/* Quillpress 0.9.7 — 极简博客型 */

@layer reset, base, layout, components, utilities;

@layer reset{
  *,*::before,*::after{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body,h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
  img{display:block;max-width:100%;height:auto}
}

@layer base{
  :root{
    --qp-ink:#111315;
    --qp-accent:#3a6df0;
    --qp-soft:#6b7075;
    --qp-line:#e6e6e6;
    --qp-bg:#fff;
    --qp-ui:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    --qp-measure:720px;
  }
  body{
    background:var(--qp-bg);
    color:var(--qp-ink);
    font-family:var(--qp-ui);
    font-size:16.5px;
    line-height:1.8;
    padding:0 20px;
    -webkit-font-smoothing:antialiased;
  ;overflow-x:clip}
  a{color:inherit;text-decoration:none;text-underline-offset:3px}
  a:hover{color:var(--qp-accent);text-decoration:underline}
  h1,h2,h3{line-height:1.28;letter-spacing:-.01em;font-weight:750}
  p{margin-bottom:1.1em}
}

@layer layout{
  .qp-col{width:min(100%,var(--qp-measure));margin-inline:auto}
  .qp-col--narrow{width:min(100%,660px)}
  .qp-head{border-bottom:1px solid var(--qp-line);padding:18px 0;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(6px);z-index:30}
  .qp-head__inner{display:flex;align-items:center;gap:20px;flex-wrap:nowrap}
  .qp-head__brand{font-size:18px;font-weight:800;letter-spacing:.3px;flex:none;white-space:nowrap}
  .qp-head__brand img{max-height:36px;width:auto}
  .qp-menu{margin-left:auto}
  .qp-menu__list{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;font-size:14.5px;color:var(--qp-soft)}
  .qp-menu__list li{white-space:nowrap}
  .qp-search{margin-left:18px;flex:none}
  .qp-search input[type=search]{width:150px;padding:6px 10px;border:1px solid var(--qp-line);border-radius:999px;font:13.5px var(--qp-ui);background:#fafafa;transition:width .2s}
  .qp-search input[type=search]:focus{width:200px;outline:0;border-color:var(--qp-accent);background:#fff}
  .qp-main{padding:40px 0 60px;min-height:60vh}
  .qp-foot{border-top:1px solid var(--qp-line);padding:24px 0;font-size:13px;color:var(--qp-soft)}
  .qp-foot__inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .qp-foot__links a{color:var(--qp-soft)}
}

@layer components{
  .qp-intro{padding:8px 0 34px;border-bottom:1px solid var(--qp-line);margin-bottom:34px}
  .qp-intro__title{font-size:clamp(30px,4.4vw,44px);margin-bottom:.35em}
  .qp-intro__text{color:var(--qp-soft);font-size:17px;max-width:62ch}

  .qp-feed__list{list-style:none;padding:0}
  .qp-entry{padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid var(--qp-line)}
  .qp-entry:last-child{border-bottom:0}
  .qp-entry__media{margin-bottom:18px;border-radius:4px;overflow:hidden;background:#f2f3f5}
  .qp-entry__media img{width:100%;aspect-ratio:4/3;object-fit:cover}
  .qp-entry__meta{display:flex;gap:12px;font-size:12.5px;letter-spacing:.06em;color:var(--qp-soft);text-transform:uppercase;margin-bottom:8px}
  .qp-entry__title{font-size:clamp(22px,2.6vw,28px);margin-bottom:.35em}
  .qp-entry__excerpt{color:#3c4046;margin-bottom:.8em}
  .qp-entry__more{font-size:14px;color:var(--qp-accent);border-bottom:1px solid currentColor}

  .qp-page-title{font-size:clamp(26px,3.4vw,34px);margin-bottom:1em}
  .qp-lead{color:var(--qp-soft);margin-bottom:1.6em}

  .qp-post{padding-top:6px}
  .qp-post__cat{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--qp-accent);margin-bottom:8px}
  .qp-post__title{font-size:clamp(28px,4vw,40px);margin-bottom:.4em}
  .qp-post__meta{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--qp-soft);margin-bottom:1.6em}
  .qp-post__figure{margin:0 0 28px;border-radius:4px;overflow:hidden}
  .qp-prose{font-size:17.5px}
  .qp-prose p{margin-bottom:1.35em}
  .qp-prose h2{font-size:clamp(21px,2.6vw,26px);margin:1.9em 0 .55em}
  .qp-prose h3{font-size:clamp(18px,2.2vw,21px);margin:1.5em 0 .45em}
  .qp-prose img{margin:1.4em 0;border-radius:4px}
  .qp-prose ul,.qp-prose ol{padding-left:1.3em;margin-bottom:1.3em}
  .qp-prose li{margin-bottom:.4em}
  .qp-prose blockquote{margin:1.6em 0;padding-left:18px;border-left:2px solid var(--qp-accent);color:#3c4046}
  .qp-prose pre{overflow:auto;background:#f7f7f8;padding:14px 16px;border-radius:6px;font-size:14px}
  .qp-prose code{background:#f4f4f6;padding:.1em .35em;border-radius:3px;font-size:.92em}
  .qp-prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px}
  .qp-prose th,.qp-prose td{border-bottom:1px solid var(--qp-line);padding:9px 6px;text-align:left}
  .qp-prose th{font-weight:700}

  .qp-tags{font-size:13px;color:var(--qp-soft);margin-top:1.6em}
  .qp-tags a{margin-right:10px}
  .qp-pages a,.qp-pages span{margin-right:8px;font-size:14px}
  .qp-adjacent{display:grid;gap:8px;margin-top:34px;padding-top:20px;border-top:1px solid var(--qp-line);font-size:15px}
  .qp-adjacent__next{text-align:right}
  .qp-related{padding-top:34px;margin-top:10px;border-top:1px solid var(--qp-line)}
  .qp-h2{font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--qp-soft);margin-bottom:16px}
  .qp-related__list{list-style:none;padding:0;display:grid;gap:12px}
  .qp-related__list li{display:flex;justify-content:space-between;gap:16px;font-size:15.5px;border-bottom:1px dotted var(--qp-line);padding-bottom:10px}
  .qp-related__list time{color:var(--qp-soft);font-size:12.5px;white-space:nowrap}

  .qp-pager{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;font-size:14.5px}
  .qp-pager a,.qp-pager span{padding:7px 12px;border:1px solid var(--qp-line);border-radius:4px;color:var(--qp-soft)}
  .qp-pager .current{background:var(--qp-ink);color:#fff;border-color:var(--qp-ink)}

  .qp-crumb{font-size:12.5px;color:var(--qp-soft);margin-bottom:14px}
  .qp-empty{color:var(--qp-soft)}
  .qp-404{padding:80px 0}
  .qp-sr{position:absolute;left:-9999px}
  .qp-skip{position:absolute;left:-9999px}
  .qp-skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:99;border:1px solid var(--qp-line)}
  .search-form{display:flex;gap:8px;max-width:420px;margin:1.4em 0}
  .search-form input[type=search]{flex:1;padding:9px 12px;border:1px solid var(--qp-line);border-radius:4px;font:15px var(--qp-ui)}
  .search-form input[type=submit],.search-form button{padding:9px 16px;border:0;border-radius:4px;background:var(--qp-ink);color:#fff;font:14px var(--qp-ui);cursor:pointer}
}

@layer utilities{
  .qp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}

/* responsive */
@media (max-width:760px){
  .qp-head__inner{flex-wrap:wrap;gap:10px 16px}
  .qp-head__brand{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .qp-menu{order:3;width:100%;margin-left:0;max-width:100%;overflow-x:auto}
  .qp-menu__list{flex-wrap:nowrap;gap:14px}
  .qp-search{margin-left:auto}
  .qp-search input[type=search]{width:120px}
  .qp-entry{padding-bottom:28px;margin-bottom:28px}
}
@media (max-width:390px){
  body{padding:0 16px;font-size:16px}
  .qp-main{padding:26px 0 44px}
  .qp-entry__title{font-size:21px}
  .qp-post__title{font-size:25px}
  .qp-prose{font-size:16.5px}
  .qp-search input[type=search]{width:96px}
}