/* midicn data sites · v0.9 skin（与知识站同一套视觉） */
html[data-design=v6]{
  --ink:light-dark(#FCFBF7,#111319);
  --ink-2:light-dark(#FFFFFF,#171A22);
  --ink-3:light-dark(#F1F3F8,#1D212B);
  --ink-4:light-dark(#E7EAF2,#242935);
  --paper:light-dark(#12141A,#F2F3F7);
  --paper-2:light-dark(#4A505F,#B9BECE);
  --paper-3:light-dark(#6B7286,#8A90A0);
  --rule:light-dark(#E4E6EC,#262B37);
  --rule-2:light-dark(#EFF1F6,#1B1F29);
  --accent:light-dark(#1F4BFF,#6E8BFF);
  --accent-h:light-dark(#173BD6,#8AA1FF);
  --accent-soft:light-dark(#EAF0FF,#1C2540);
  --nc:var(--accent);
  --r-1:10px; --r-2:14px; --r-3:18px;
}
html[data-design=v6] body>header{background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:50}
html[data-design=v6] .hbar{height:60px;gap:10px;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center}
html[data-design=v6] .brand{display:flex;align-items:center;gap:8px;text-decoration:none;flex:none}
html[data-design=v6] .brand b{font-family:"Smiley Sans","Songti SC",serif;font-size:21px;font-weight:400;letter-spacing:-.01em;color:var(--paper)}
html[data-design=v6] .brand i{display:none}
html[data-design=v6] .brand svg{width:24px;height:24px}
html[data-design=v6] .nav{display:flex;align-items:center;gap:6px;margin-left:auto}
html[data-design=v6] .nav a.kb-navbtn{
  display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;
  border:1px solid var(--rule);border-radius:10px;background:var(--ink-2);
  color:var(--paper-2);font-size:12.5px;font-weight:550;text-decoration:none;
  transition:transform .15s,border-color .15s,background .15s
}
html[data-design=v6] .nav a.kb-navbtn svg{width:15px;height:15px;fill:currentColor;color:var(--nc)}
html[data-design=v6] .nav a.kb-navbtn:hover{transform:translateY(-1px);border-color:var(--nc);color:var(--paper);background:color-mix(in srgb,var(--nc) 9%,var(--ink-2))}
html[data-design=v6] .nav a.kb-navbtn.on,
html[data-design=v6] .nav a.kb-navbtn[aria-current="page"]{background:var(--nc);border-color:var(--nc);color:#fff}
html[data-design=v6] .nav a.kb-navbtn.on svg,
html[data-design=v6] .nav a.kb-navbtn[aria-current="page"] svg{color:#fff}
html[data-design=v6] .iconbtn{
  width:36px;height:36px;border:1px solid var(--rule);border-radius:10px;
  background:var(--ink-2);color:var(--paper-2);display:inline-grid;place-items:center;cursor:pointer
}
html[data-design=v6] .iconbtn:hover{border-color:var(--accent);color:var(--accent)}
html[data-design=v6] .iconbtn svg{width:16px;height:16px;fill:currentColor}
html[data-design=v6] .langbtn{
  width:auto;min-width:46px;padding:0 12px;height:34px;border-radius:999px;
  border:1px solid var(--rule);background:var(--ink-2);color:var(--paper-2);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;letter-spacing:.06em
}
html[data-design=v6] .langbtn:hover{border-color:var(--accent);color:var(--accent)}
html[data-design=v6] .navmenu-btn{
  display:none;width:36px;height:36px;padding:0;justify-content:center;align-items:center;
  border:1px solid var(--rule);border-radius:10px;background:var(--ink-2);color:var(--paper-2);cursor:pointer
}
html[data-design=v6] .navmenu-btn svg{width:18px;height:18px;fill:currentColor}
html[data-design=v6] .navmenu-panel{
  position:absolute;left:var(--gutter);right:var(--gutter);top:calc(100% - 4px);z-index:60;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;
  border:1px solid var(--rule);border-radius:14px;background:var(--ink-2);
  box-shadow:0 18px 44px rgba(10,15,30,.18)
}
html[data-design=v6] .navmenu-panel[hidden]{display:none}
html[data-design=v6] .navmenu-panel a{
  display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border-radius:10px;
  color:var(--paper-2);text-decoration:none;font-size:13px
}
html[data-design=v6] .navmenu-panel a svg{width:16px;height:16px;fill:currentColor;color:var(--nc)}
html[data-design=v6] .navmenu-panel a:hover{background:var(--ink-3);color:var(--paper)}
html[data-design=v6] .navmenu-panel a[aria-current="page"]{background:color-mix(in srgb,var(--nc) 14%,var(--ink-2));color:var(--paper);font-weight:650}

/* 页脚 */
html[data-design=v6] body>footer.foot{background:var(--ink-3);border-top:1px solid var(--rule);margin-top:32px;padding:22px 0 26px;color:var(--paper-2)}
html[data-design=v6] .footwrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
html[data-design=v6] .footline .kb-switch{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;background:none}
html[data-design=v6] .footline .kb-navbtn{display:inline;padding:0;border:0;background:none;box-shadow:none;color:var(--paper-2);font-size:12.5px;border-radius:0;height:auto;transform:none}
html[data-design=v6] .footline .kb-navbtn svg{display:none}
html[data-design=v6] .footline .kb-navbtn:hover{color:var(--accent);background:none;transform:none}
html[data-design=v6] .footline .kb-navbtn[aria-current="page"]{color:var(--paper);font-weight:650;background:none}
html[data-design=v6] .footnote{margin:12px 0 0;font-size:11.5px;line-height:1.8;color:var(--paper-3)}
html[data-design=v6] .footmeta{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0;font-size:11.5px;color:var(--paper-3)}
html[data-design=v6] .footmeta a{color:var(--paper-2);text-decoration:none}
html[data-design=v6] .footmeta a:hover{color:var(--accent)}
html[data-design=v6] .footcore{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* 底栏 */
@media (max-width:640px){
  html[data-design=v6] .kb-tabs{
    display:grid;grid-template-columns:repeat(8,1fr);gap:1px;
    position:fixed;left:0;right:0;bottom:0;z-index:60;
    padding:6px 4px calc(6px + var(--sa-b));
    background:color-mix(in srgb,var(--ink-2) 92%,transparent);
    backdrop-filter:blur(12px);border-top:1px solid var(--rule)
  }
  html[data-design=v6] .kb-tabs>a{
    display:grid;place-items:center;gap:2px;font-size:9.5px;padding:4px 0;
    color:var(--paper-3);border-radius:12px;text-decoration:none
  }
  html[data-design=v6] .kb-tabs>a svg{width:18px;height:18px;fill:currentColor;color:var(--nc)}
  html[data-design=v6] .kb-tabs>a[aria-current="page"]{color:var(--nc);background:color-mix(in srgb,var(--nc) 14%,transparent)}
  html[data-design=v6] main{padding-bottom:calc(64px + var(--sa-b))}
}
@media (max-width:1180px){
  html[data-design=v6] .hbar .nav{display:none}
  html[data-design=v6] .navmenu-btn{display:inline-flex}
  html[data-design=v6] .navmenu-panel{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  html[data-design=v6] .hbar{height:56px;gap:8px}
  html[data-design=v6] .brand b{font-size:19px}
  html[data-design=v6] .langbtn{display:inline-flex}
}