@charset "utf-8";
/* 51漫画 - 样式
 * 亮底冷调（与 douman 的暖米黄拉开 147 度色相），主强调青绿 172 度。
 * 类名一律 m51- 前缀，连状态类也带前缀，否则跨模板必撞。
 * 容器名取自出版印刷术语：binder/spread/slate/gutter/issue/margin/colophon/endpaper。
 */

:root{
  --m51-paper:    #EDF1F2;
  --m51-card:     #FFFFFF;
  --m51-ink:      #16232B;
  --m51-ink-2:    #4A5C66;
  --m51-line:     #D4DCDF;

  --m51-jade:     #0B7A6E;   /* 承载文字的深版 */
  --m51-jade-lit: #14C7B2;   /* 纯装饰，禁止压白字 */
  --m51-jade-wash:#E2F4F1;
  --m51-plum:     #5B3FD1;
  --m51-plum-wash:#EDE9FB;

  --m51-r:   10px;
  --m51-r-s: 6px;
  --m51-sp:  clamp(14px, 2.2vw, 22px);
  --m51-max: 1240px;
  --m51-shadow: 0 2px 10px rgba(22,35,43,.07);
  --m51-shadow-up: 0 8px 24px rgba(22,35,43,.13);
}

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

html{ -webkit-text-size-adjust:100%; }

body{
  margin:0;
  background:var(--m51-paper);
  color:var(--m51-ink);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;
  font-size:clamp(15px,1.05vw,16px);
  line-height:1.65;
}

img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3{ margin:0; line-height:1.25; text-wrap:balance; }
button,input{ font:inherit; color:inherit; }

:focus-visible{
  outline:3px solid var(--m51-jade);
  outline-offset:2px;
  border-radius:3px;
}

.m51-bypass{
  position:absolute; left:-9999px; top:0; z-index:99;
  background:var(--m51-jade); color:#fff;
  padding:10px 18px; border-radius:0 0 var(--m51-r-s) 0;
}
.m51-bypass:focus{ left:0; }

/* ══════════ 顶栏 binder ══════════ */
.m51-binder{
  background:var(--m51-ink);          /* 实色不透明，与页脚同族 */
  color:#fff;
  position:sticky; top:0; z-index:40;
  border-bottom:3px solid var(--m51-jade-lit);
}
.m51-binder-in{
  max-width:var(--m51-max); margin:0 auto;
  padding:12px var(--m51-sp);
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
}
.m51-emblem{ display:flex; align-items:baseline; gap:2px; font-weight:800; letter-spacing:.5px; }
.m51-emblem-num{
  font-size:26px; color:var(--m51-jade-lit);
  font-family:"DIN Alternate","Helvetica Neue",sans-serif;
}
.m51-emblem-word{ font-size:21px; color:#fff; }

.m51-flapper{
  display:none; align-items:center; gap:7px;
  background:none; border:1px solid rgba(255,255,255,.34);
  border-radius:var(--m51-r-s); padding:7px 11px; cursor:pointer;
  margin-left:auto;
}
.m51-flapper span:not(.m51-flapper-txt){
  display:block; width:17px; height:2px; background:#fff; border-radius:2px;
}
.m51-flapper span:not(.m51-flapper-txt)+span{ margin-top:-9px; margin-left:0; }
.m51-flapper-txt{ font-size:13px; }

.m51-folio ul{ display:flex; gap:4px; flex-wrap:wrap; }
.m51-folio a{
  display:block; padding:7px 13px; border-radius:var(--m51-r-s);
  font-size:15px; color:#DCE6E9;
  transition:background .15s, color .15s;
}
.m51-folio a:hover{ background:rgba(255,255,255,.12); color:#fff; }
.m51-folio a.m51-inked{ background:var(--m51-jade); color:#fff; font-weight:600; }

.m51-lookup{ margin-left:auto; display:flex; align-items:center; gap:8px; }
.m51-lookup-lab{ font-size:13px; color:#B9C9CE; }
.m51-lookup input{
  width:190px; padding:7px 12px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.24);
  border-radius:var(--m51-r-s); color:#fff;
}
.m51-lookup input::placeholder{ color:#9FB4BA; }

/* ══════════ 通栏跨页 spread（21:9） ══════════ */
.m51-spread{
  max-width:var(--m51-max); margin:var(--m51-sp) auto 0;
  padding:0 var(--m51-sp);
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:clamp(18px,3vw,38px); align-items:center;
}
.m51-spread-art{
  width:100%; aspect-ratio:9/4; object-fit:cover;
  border-radius:var(--m51-r); box-shadow:var(--m51-shadow-up);
}
.m51-bubble{
  display:inline-block; margin:0 0 12px;
  background:var(--m51-jade-wash); color:var(--m51-jade);
  font-size:13px; font-weight:700; letter-spacing:1px;
  padding:5px 13px; border-radius:999px;
}
.m51-spread-copy h1{
  font-size:clamp(24px,3.1vw,38px); font-weight:800; margin-bottom:14px;
}
.m51-spread-say{ margin:0 0 20px; color:var(--m51-ink-2); }
.m51-spread-act{ display:flex; gap:12px; flex-wrap:wrap; margin:0; }

.m51-nib{
  display:inline-block; padding:11px 24px; border-radius:var(--m51-r-s);
  background:var(--m51-jade); color:#fff; font-weight:700;
  transition:transform .15s, box-shadow .15s;
}
.m51-nib:hover{ transform:translateY(-2px); box-shadow:0 6px 16px rgba(11,122,110,.3); }
.m51-nib:active{ transform:translateY(0); }
.m51-nib-plain{
  background:transparent; color:var(--m51-jade);
  border:2px solid var(--m51-jade); padding:9px 22px;
}
.m51-nib-plain:hover{ background:var(--m51-jade-wash); box-shadow:none; }

/* ══════════ 周更排期表 slate ══════════ */
.m51-slate{
  max-width:var(--m51-max); margin:clamp(30px,5vw,58px) auto 0;
  padding:0 var(--m51-sp);
}
.m51-slate-head{ margin-bottom:16px; }
.m51-slate-head h2{ font-size:clamp(20px,2.3vw,27px); font-weight:800; }
.m51-slate-note{ margin:6px 0 0; color:var(--m51-ink-2); font-size:14px; }

.m51-slate-tabs{
  display:flex; gap:6px; flex-wrap:wrap;
  border-bottom:2px solid var(--m51-line); padding-bottom:10px; margin-bottom:18px;
}
.m51-slate-tabs button{
  background:var(--m51-card); border:1px solid var(--m51-line);
  border-radius:999px; padding:8px 20px; cursor:pointer;
  font-weight:600; color:var(--m51-ink-2);
  transition:background .15s, color .15s, border-color .15s;
}
.m51-slate-tabs button:hover{ border-color:var(--m51-jade); color:var(--m51-jade); }
.m51-slate-tabs button[aria-selected="true"]{
  background:var(--m51-jade); border-color:var(--m51-jade); color:#fff;
}

/* 时间轴 */
.m51-runsheet{ position:relative; }
.m51-runsheet::before{
  content:""; position:absolute; left:74px; top:8px; bottom:8px;
  width:2px; background:var(--m51-line);
}
.m51-runsheet-row{
  position:relative; display:grid;
  grid-template-columns:62px minmax(0,220px) minmax(0,1fr);
  gap:18px; align-items:start;
  padding:14px 0;
}
.m51-runsheet-row+.m51-runsheet-row{ border-top:1px solid var(--m51-line); }
.m51-runsheet-clock{
  font-size:14px; font-weight:700; color:var(--m51-jade);
  font-variant-numeric:tabular-nums; padding-top:4px;
}
.m51-runsheet-row::after{
  content:""; position:absolute; left:69px; top:22px;
  width:12px; height:12px; border-radius:50%;
  background:var(--m51-jade-lit); border:2px solid var(--m51-paper);
}
.m51-runsheet-art img{
  width:100%; aspect-ratio:16/9; object-fit:cover;
  border-radius:var(--m51-r-s); box-shadow:var(--m51-shadow);
}
.m51-runsheet-body h3{ font-size:18px; font-weight:700; margin-bottom:5px; }
.m51-runsheet-body h3 a:hover{ color:var(--m51-jade); }
.m51-runsheet-meta{ margin:0 0 7px; font-size:13px; color:var(--m51-jade); font-weight:600; }
.m51-runsheet-syn{ margin:0; color:var(--m51-ink-2); font-size:14px; }

/* ══════════ 封面墙 gutter（3:4） ══════════ */
.m51-gutter{
  max-width:var(--m51-max); margin:clamp(30px,5vw,58px) auto 0;
  padding:0 var(--m51-sp);
}
.m51-gutter-head,.m51-tally-head{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:16px; flex-wrap:wrap; margin-bottom:16px;
}
.m51-gutter-head h2,.m51-tally-head h2,.m51-issue h2,.m51-margin h2{
  font-size:clamp(20px,2.3vw,27px); font-weight:800;
}
.m51-wider{
  font-size:14px; font-weight:600; color:var(--m51-jade);
  border-bottom:2px solid var(--m51-jade-lit); padding-bottom:1px;
}
.m51-wider:hover{ border-bottom-color:var(--m51-jade); }

.m51-gutter-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(158px,1fr));
  gap:clamp(12px,1.6vw,20px);
}
.m51-vol-art{ position:relative; display:block; }
.m51-vol-art img{
  width:100%; aspect-ratio:3/4; object-fit:cover;
  border-radius:var(--m51-r-s); box-shadow:var(--m51-shadow);
  transition:transform .2s, box-shadow .2s;
}
.m51-vol a:hover .m51-vol-art img{ transform:translateY(-4px); box-shadow:var(--m51-shadow-up); }
.m51-vol-score{
  position:absolute; right:7px; bottom:7px;
  background:var(--m51-ink); color:#fff;
  font-size:12px; font-weight:700; padding:2px 8px; border-radius:var(--m51-r-s);
  font-variant-numeric:tabular-nums;
}
.m51-vol-name{
  display:block; margin-top:9px; font-size:15px; font-weight:700;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.m51-vol a:hover .m51-vol-name{ color:var(--m51-jade); }
.m51-vol-meta{ display:block; margin-top:2px; font-size:13px; color:var(--m51-ink-2); }

/* ══════════ 人气榜 rank（2:3） ══════════ */
.m51-tally{
  max-width:var(--m51-max); margin:clamp(30px,5vw,58px) auto 0;
  padding:0 var(--m51-sp);
}
.m51-tally-note{ margin:6px 0 0; color:var(--m51-ink-2); font-size:14px; }
.m51-tally-list{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr));
  gap:clamp(12px,1.6vw,20px);
}
.m51-tally-list>li{
  display:grid; grid-template-columns:34px 76px minmax(0,1fr);
  gap:13px; align-items:center;
  background:var(--m51-card); border:1px solid var(--m51-line);
  border-radius:var(--m51-r); padding:12px;
  transition:border-color .15s, box-shadow .15s;
}
.m51-tally-list>li:hover{ border-color:var(--m51-jade-lit); box-shadow:var(--m51-shadow); }
.m51-tally-no{
  font-size:22px; font-weight:800; color:var(--m51-jade-lit);
  font-family:"DIN Alternate","Helvetica Neue",sans-serif;
  font-variant-numeric:tabular-nums; text-align:center;
}
.m51-tally-list>li:nth-child(-n+3) .m51-tally-no{ color:var(--m51-plum); }
.m51-tally-art img{
  width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:var(--m51-r-s);
}
.m51-tally-body h3{ font-size:16px; font-weight:700; margin-bottom:4px; }
.m51-tally-body h3 a:hover{ color:var(--m51-jade); }
.m51-tally-tag{ margin:0 0 3px; font-size:13px; color:var(--m51-jade); font-weight:600; }
.m51-tally-hot{ margin:0; font-size:13px; color:var(--m51-ink-2); }

/* ══════════ 专题 issue（3:2） ══════════ */
.m51-issue{
  max-width:var(--m51-max); margin:clamp(30px,5vw,58px) auto 0;
  padding:0 var(--m51-sp);
}
.m51-issue h2{ margin-bottom:16px; }
.m51-issue-row{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:clamp(12px,1.6vw,20px);
}
.m51-issue-row a{
  display:block; background:var(--m51-card);
  border:1px solid var(--m51-line); border-radius:var(--m51-r);
  overflow:hidden; height:100%;
  transition:transform .18s, box-shadow .18s;
}
.m51-issue-row a:hover{ transform:translateY(-3px); box-shadow:var(--m51-shadow-up); }
.m51-issue-row img{ width:100%; aspect-ratio:3/2; object-fit:cover; }
.m51-issue-name{ display:block; padding:12px 14px 0; font-size:16px; font-weight:700; }
.m51-issue-n{
  display:inline-block; margin:6px 14px 0;
  background:var(--m51-plum-wash); color:var(--m51-plum);
  font-size:12px; font-weight:700; padding:3px 10px; border-radius:999px;
}
.m51-issue-say{ display:block; padding:8px 14px 14px; font-size:13px; color:var(--m51-ink-2); }

/* ══════════ 分类入口 margin（1:1） ══════════ */
.m51-margin{
  max-width:var(--m51-max); margin:clamp(30px,5vw,58px) auto 0;
  padding:0 var(--m51-sp);
}
.m51-margin h2{ margin-bottom:16px; }
.m51-margin-row{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
  gap:clamp(12px,1.6vw,20px);
}
.m51-margin-row a{
  display:block; text-align:center;
  background:var(--m51-card); border:1px solid var(--m51-line);
  border-radius:var(--m51-r); padding:14px; height:100%;
  transition:border-color .15s, transform .15s;
}
.m51-margin-row a:hover{ border-color:var(--m51-jade); transform:translateY(-3px); }
.m51-margin-row img{
  width:100%; aspect-ratio:1/1; object-fit:cover;
  border-radius:50%; margin-bottom:10px;
}
.m51-margin-name{ display:block; font-size:15px; font-weight:700; }
.m51-margin-n{ display:block; margin-top:3px; font-size:13px; color:var(--m51-ink-2); }

/* ══════════ 友链 endpaper ══════════ */
.m51-endpaper{
  max-width:var(--m51-max); margin:clamp(30px,5vw,58px) auto 0;
  padding:20px var(--m51-sp);
}
.m51-endpaper h2{ font-size:17px; font-weight:800; margin-bottom:12px; }
.m51-endpaper-row{ display:flex; flex-wrap:wrap; gap:9px 20px; }
.m51-endpaper-row a{ font-size:14px; color:var(--m51-ink-2); }
.m51-endpaper-row a:hover{ color:var(--m51-jade); text-decoration:underline; }

/* ══════════ 页脚 colophon ══════════ */
.m51-colophon{
  margin-top:clamp(34px,5vw,60px);
  background:var(--m51-ink); color:#C6D3D8;
  border-top:3px solid var(--m51-jade-lit);
}
.m51-colophon-in{
  max-width:var(--m51-max); margin:0 auto;
  padding:clamp(26px,4vw,42px) var(--m51-sp);
}
.m51-colophon-cols{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:clamp(18px,3vw,40px); margin-bottom:26px;
}
.m51-colophon-h{ font-size:15px; font-weight:800; color:#fff; margin-bottom:10px; }
.m51-colophon-say{ margin:0; font-size:14px; }
.m51-colophon-links li{ margin-bottom:7px; font-size:14px; }
.m51-colophon-links a:hover{ color:var(--m51-jade-lit); }
.m51-colophon-tail{
  display:flex; flex-wrap:wrap; gap:6px 14px; align-items:baseline;
  padding-top:18px; border-top:1px solid rgba(255,255,255,.14); margin:0 0 8px;
}
.m51-imprint{ font-size:17px; font-weight:800; color:#fff; }
.m51-imprint-full{ font-size:13px; }
.m51-colophon-line{ margin:0; font-size:13px; }

/* ══════════ 回到顶部 ══════════ */
.m51-ascend{
  position:fixed; right:20px; bottom:20px; z-index:30;
  width:44px; height:44px; border-radius:50%;
  background:var(--m51-jade); color:#fff; border:none;
  font-size:19px; cursor:pointer;
  opacity:0; pointer-events:none; transform:translateY(8px);
  transition:opacity .2s, transform .2s;
  box-shadow:0 4px 14px rgba(11,122,110,.35);
}
.m51-ascend.m51-inked{ opacity:1; pointer-events:auto; transform:translateY(0); }

/* ══════════ 列表页 / 详情页共用 ══════════ */
.m51-route{
  max-width:var(--m51-max); margin:0 auto; padding:14px var(--m51-sp) 0;
  font-size:13px; color:var(--m51-ink-2);
}
.m51-route a:hover{ color:var(--m51-jade); }
.m51-route span{ margin:0 6px; }

.m51-preface{
  max-width:var(--m51-max); margin:0 auto; padding:16px var(--m51-sp) 0;
}
.m51-preface h1{ font-size:clamp(22px,2.7vw,32px); font-weight:800; margin-bottom:10px; }
.m51-preface-say{ margin:0; color:var(--m51-ink-2); max-width:74ch; }

.m51-facet{
  max-width:var(--m51-max); margin:18px auto 0; padding:0 var(--m51-sp);
  display:flex; gap:8px; flex-wrap:wrap;
}
.m51-facet a{
  padding:6px 15px; border-radius:999px; font-size:14px;
  background:var(--m51-card); border:1px solid var(--m51-line); color:var(--m51-ink-2);
}
.m51-facet a:hover{ border-color:var(--m51-jade); color:var(--m51-jade); }
.m51-facet a.m51-inked{ background:var(--m51-jade); border-color:var(--m51-jade); color:#fff; font-weight:600; }

.m51-pager{
  max-width:var(--m51-max); margin:clamp(24px,4vw,40px) auto 0;
  padding:0 var(--m51-sp);
  display:flex; gap:8px; justify-content:center; flex-wrap:wrap;
}
.m51-pager a,.m51-pager span{
  min-width:38px; text-align:center; padding:7px 12px;
  border-radius:var(--m51-r-s); border:1px solid var(--m51-line);
  background:var(--m51-card); font-size:14px;
}
.m51-pager a:hover{ border-color:var(--m51-jade); color:var(--m51-jade); }
.m51-pager .m51-inked{ background:var(--m51-jade); border-color:var(--m51-jade); color:#fff; font-weight:700; }

/* ══════════ 详情页 ══════════ */
.m51-dossier{
  max-width:var(--m51-max); margin:18px auto 0; padding:0 var(--m51-sp);
  display:grid; grid-template-columns:minmax(0,270px) minmax(0,1fr);
  gap:clamp(18px,3vw,36px); align-items:start;
}
.m51-dossier-art img{
  width:100%; aspect-ratio:3/4; object-fit:cover;
  border-radius:var(--m51-r); box-shadow:var(--m51-shadow-up);
}
.m51-dossier-body h1{ font-size:clamp(22px,2.8vw,33px); font-weight:800; margin-bottom:12px; }
.m51-stats{ display:flex; flex-wrap:wrap; gap:8px 10px; margin:0 0 16px; }
.m51-stats li{
  background:var(--m51-jade-wash); color:var(--m51-jade);
  font-size:13px; font-weight:600; padding:4px 12px; border-radius:999px;
}
.m51-pitch{ margin:0 0 18px; color:var(--m51-ink-2); }
.m51-dossier-act{ display:flex; gap:12px; flex-wrap:wrap; margin:0 0 6px; }

.m51-chapters{
  max-width:var(--m51-max); margin:clamp(28px,4vw,46px) auto 0; padding:0 var(--m51-sp);
}
.m51-chapters h2,.m51-around h2,.m51-alike h2,.m51-faq h2{
  font-size:clamp(19px,2.2vw,25px); font-weight:800; margin-bottom:14px;
}
.m51-chapter-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(146px,1fr)); gap:9px;
}
.m51-chapter-grid a{
  display:block; padding:9px 12px; font-size:14px;
  background:var(--m51-card); border:1px solid var(--m51-line);
  border-radius:var(--m51-r-s);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.m51-chapter-grid a:hover{ border-color:var(--m51-jade); color:var(--m51-jade); }

.m51-around,.m51-alike,.m51-faq{
  max-width:var(--m51-max); margin:clamp(28px,4vw,46px) auto 0; padding:0 var(--m51-sp);
}
.m51-around-body{ color:var(--m51-ink-2); }
.m51-around-body h3{
  font-size:16px; font-weight:700; color:var(--m51-ink);
  margin:18px 0 7px;
}
.m51-around-body p{ margin:0 0 10px; max-width:76ch; }

.m51-alike-row{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(158px,1fr));
  gap:clamp(12px,1.6vw,20px);
}
.m51-faq-list li{
  background:var(--m51-card); border:1px solid var(--m51-line);
  border-radius:var(--m51-r); padding:14px 16px; margin-bottom:10px;
}
.m51-faq-q{ margin:0 0 6px; font-weight:700; }
.m51-faq-a{ margin:0; color:var(--m51-ink-2); font-size:14px; }

/* ══════════ APP 页 ══════════ */
.m51-getapp{
  max-width:var(--m51-max); margin:20px auto 0; padding:0 var(--m51-sp);
  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:clamp(20px,3vw,40px); align-items:center;
}
.m51-getapp-copy h1{ font-size:clamp(23px,2.9vw,34px); font-weight:800; margin-bottom:12px; }
.m51-getapp-say{ margin:0 0 18px; color:var(--m51-ink-2); }
.m51-upside{ margin:0 0 20px; }
.m51-upside li{ padding-left:24px; position:relative; margin-bottom:9px; }
.m51-upside li::before{
  content:""; position:absolute; left:0; top:9px;
  width:11px; height:11px; border-radius:3px; background:var(--m51-jade-lit);
}
.m51-shotrow{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px;
}
.m51-shotrow img{
  width:100%; aspect-ratio:3/4; object-fit:cover;
  border-radius:var(--m51-r); box-shadow:var(--m51-shadow);
}

/* ══════════ 404 ══════════ */
.m51-strayed{
  max-width:660px; margin:0 auto; padding:clamp(50px,9vw,110px) var(--m51-sp);
  text-align:center;
}
.m51-strayed-num{
  font-size:clamp(64px,12vw,120px); font-weight:800; line-height:1;
  color:var(--m51-jade-lit);
  font-family:"DIN Alternate","Helvetica Neue",sans-serif;
}
.m51-strayed h1{ font-size:clamp(20px,2.4vw,27px); font-weight:800; margin:14px 0 10px; }
.m51-strayed-say{ margin:0 0 22px; color:var(--m51-ink-2); }
.m51-strayed-ways{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }

/* ══════════ 响应式 ══════════ */
@media (max-width:1024px){
  .m51-spread{ grid-template-columns:1fr; }
  .m51-dossier{ grid-template-columns:minmax(0,210px) minmax(0,1fr); }
}

@media (max-width:760px){
  .m51-flapper{ display:flex; }
  .m51-folio{
    flex-basis:100%; display:none; order:9;
    border-top:1px solid rgba(255,255,255,.16); padding-top:10px; margin-top:4px;
  }
  .m51-folio.m51-inked{ display:block; }
  .m51-folio ul{ flex-direction:column; gap:2px; }
  .m51-folio a{ padding:10px 12px; }
  .m51-lookup{ order:8; flex-basis:100%; margin-left:0; }
  .m51-lookup input{ width:100%; }
  .m51-lookup-lab{ display:none; }

  .m51-runsheet::before{ display:none; }
  .m51-runsheet-row{ grid-template-columns:1fr; gap:10px; }
  .m51-runsheet-row::after{ display:none; }
  .m51-runsheet-art{ max-width:340px; }

  .m51-tally-list>li{ grid-template-columns:30px 62px minmax(0,1fr); }
  .m51-dossier{ grid-template-columns:1fr; }
  .m51-dossier-art{ max-width:230px; }
}

@media (max-width:420px){
  .m51-gutter-grid{ grid-template-columns:repeat(auto-fill,minmax(132px,1fr)); }
  .m51-margin-row{ grid-template-columns:repeat(auto-fit,minmax(108px,1fr)); }
}

@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}


/* --- 内容库 --- */
/* 亮·14°·r16·宽1502·间距40 */
:root{
  --m51-paper:#F1EBE9;
  --m51-card:#FDFCFC;
  --m51-ink:#211512;
  --m51-ink-2:#765D56;
  --m51-line:#E2D8D5;
  --m51-jade:#6E2FDA;
  --m51-plum:#B72A4F;
  --m51-jade-lit:#6E2FDA;
  --m51-jade-wash:#EBE6F5;
  --m51-plum-wash:#F5E6EA;
  --m51-r:16px;
  --m51-r-s:12px;
  --m51-max:1502px;
  --m51-on:#FFFFFF;
  --m51-on2:#FFFFFF;
  --m51-on3:#10131A;
}