/* 微光漫画专用：叠加在 site.css 之后，只有 lumicomic 页面加载。
   取漫画页的语汇：粗墨线分格与硬投影、角落网点、主页集中线、对话框式摘要、章末「完」字章。 */
:root{--ink:#241f1a;--accent:#b5452f;--white:#fffdf8;--tone:rgba(36,31,26,.15);--mark:rgba(181,69,47,.2)}
body::before{content:"";position:fixed;top:0;right:0;width:min(48vw,540px);height:440px;background-image:radial-gradient(var(--tone) 1.4px,transparent 1.7px);background-size:11px 11px;-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 0,transparent 70%);mask-image:radial-gradient(ellipse at 100% 0,#000 0,transparent 70%);pointer-events:none;z-index:-1}

/* 页眉：图标描墨边，当前页用朱砂粗下划线，语言切换做成小标签 */
.brand img{border:2.5px solid var(--ink);border-radius:10px}
.brand{font-weight:800}
.site-nav a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -4px 0 var(--accent)}
.site-nav .language{border:2px solid var(--ink);border-radius:4px;padding:4px 12px;margin-left:6px}

/* 通用：标题加粗到漫画标题的分量，眉标做成黑底章节标签 */
h1{font-weight:900;letter-spacing:-.02em;text-wrap:balance}
.eyebrow{display:inline-block;width:fit-content;background:var(--ink);color:var(--white);padding:3px 10px;border-radius:3px;letter-spacing:.14em}

/* 主页：整块主视觉是一格分镜，左侧集中线衬着图标 */
.home-hero{max-width:none;display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:40px;align-items:start;padding:36px 40px;margin:0 0 44px;border:3px solid var(--ink);border-radius:6px;background:var(--white);box-shadow:6px 6px 0 var(--ink);position:relative;overflow:hidden}
.home-hero::before{content:"";grid-column:1;grid-row:1/span 4;align-self:stretch;min-height:200px;background:repeating-conic-gradient(from 0deg at 50% 50%,var(--ink) 0deg .7deg,transparent .7deg 6deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 30%,#000 33%,#000 62%,transparent 70%);mask-image:radial-gradient(circle at 50% 50%,transparent 30%,#000 33%,#000 62%,transparent 70%);opacity:.5}
.home-hero img{grid-column:1;grid-row:1/span 4;align-self:center;justify-self:center;margin:0;width:96px;height:96px;border:3px solid var(--ink);border-radius:20px;position:relative;z-index:1}
.home-hero>:not(img){grid-column:2}
.home-hero h1{margin-top:4px}
.home-facts li{border:2px solid var(--ink);border-radius:4px;background:var(--white);color:var(--ink);font-weight:600;box-shadow:3px 3px 0 var(--ink)}

/* 三个入口照图标的三格排：左边一格高，右边上下两格 */
.cards{grid-template-columns:1.15fr 1fr;gap:22px}
.card:first-child{grid-row:span 2;background-image:radial-gradient(var(--tone) 1.2px,transparent 1.5px);background-size:10px 10px}
.card{border:3px solid var(--ink);border-radius:6px;background-color:var(--white);box-shadow:5px 5px 0 var(--ink);min-height:0;transition:transform .15s,box-shadow .15s}
.card:hover{background-color:var(--white);border-color:var(--ink);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.card span{display:none}
.card h2{margin-top:0;font-weight:900;color:var(--ink)}
.card p{color:var(--ink)}

/* 文档页：摘要是一个对话框，目录是一格网点分镜 */
.document-header{border-bottom:3px solid var(--ink)}
.document-header .lead{position:relative;display:inline-block;background:var(--white);border:3px solid var(--ink);border-radius:28px;padding:14px 24px;margin-top:4px;color:var(--ink)}
.document-header .lead::before{content:"";position:absolute;left:38px;bottom:-21px;border-style:solid;border-width:21px 0 0 20px;border-color:var(--ink) transparent transparent transparent}
.document-header .lead::after{content:"";position:absolute;left:42px;bottom:-14px;border-style:solid;border-width:15px 0 0 14px;border-color:var(--white) transparent transparent transparent}
.meta{margin-top:34px}
.contents{background-color:var(--white);background-image:radial-gradient(var(--tone) 1.1px,transparent 1.4px);background-size:9px 9px;border:2.5px solid var(--ink);border-radius:6px;box-shadow:4px 4px 0 var(--ink)}
.contents p{color:var(--ink)}
article h2{font-weight:800}
article h2::after{content:"";display:block;width:56px;height:4px;margin-top:6px;background:var(--accent);opacity:.75}

/* 章末：像漫画单话结尾那样盖一个「完」字章 */
.document-end{border-top:0;display:grid;justify-items:start;gap:14px}
.document-end::before{content:"完";display:grid;place-items:center;width:58px;height:58px;border:3px solid var(--ink);border-radius:50%;font-size:24px;font-weight:900;color:var(--ink);transform:rotate(-8deg)}
:lang(en) .document-end::before{content:"END";font-size:13px;letter-spacing:.08em}

.site-footer{border-top:3px solid var(--ink)}

@media(max-width:640px){
  .home-hero{grid-template-columns:minmax(0,1fr);padding:22px;box-shadow:4px 4px 0 var(--ink)}
  .home-hero::before{grid-row:1;min-height:168px}
  .home-hero img{grid-row:1;width:80px;height:80px}
  .home-hero>:not(img){grid-column:1}
  .cards{grid-template-columns:1fr;gap:16px}
  .card:first-child{grid-row:auto}
  .document-header .lead{padding:12px 18px}
}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}