/* Display settings panel — fixed float, never clipped by navbar */
.moe-nav-tools{margin-left:auto;display:flex;align-items:center;gap:4px;position:relative;z-index:30}
.moe-nav-tools .moe-icon-btn{margin-left:0}
.moe-navbar,
.moe-navbar-inner{overflow:visible!important}

.moe-display-panel{
  position:fixed;z-index:9999;
  top:calc(var(--moe-nav-h,60px) + 10px);right:12px;
  width:min(340px,calc(100vw - 24px));max-height:min(78vh,640px);overflow:auto;
  padding:14px 14px 12px;
  border-radius:16px;border:1px solid var(--moe-border);
  background:color-mix(in srgb,var(--moe-card) 96%,transparent);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 12px 40px rgba(0,0,0,.18),var(--moe-shadow);
  display:none;scrollbar-width:thin;
  pointer-events:auto
}
.moe-display-panel.is-open{display:block;animation:moe-disp-in .18s ease}
@keyframes moe-disp-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.moe-disp-section{padding:10px 0;border-bottom:1px solid var(--moe-border)}
.moe-disp-section:last-of-type{border-bottom:0;padding-bottom:4px}
.moe-disp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.moe-disp-title{font-size:13px;font-weight:700;color:var(--moe-text)}
.moe-disp-reset{
  border:0;background:transparent;color:var(--moe-muted);font-size:11px;cursor:pointer;padding:3px 6px;border-radius:8px
}
.moe-disp-reset:hover{color:var(--moe-theme);background:var(--moe-bg-2)}
.moe-disp-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--moe-muted);margin:0 0 8px}
.moe-disp-val{color:var(--moe-text);font-variant-numeric:tabular-nums}
.moe-disp-hue-wrap,.moe-disp-slider-wrap{margin-bottom:10px}
.moe-disp-hue{
  -webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;outline:none;cursor:pointer;
  background:linear-gradient(90deg,
    hsl(0 80% 65%),hsl(60 80% 65%),hsl(120 80% 65%),hsl(180 80% 65%),
    hsl(240 80% 65%),hsl(300 80% 65%),hsl(360 80% 65%))
}
.moe-disp-range{
  -webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;outline:none;cursor:pointer;
  background:color-mix(in srgb,var(--moe-theme) 35%,var(--moe-border))
}
.moe-disp-hue::-webkit-slider-thumb,
.moe-disp-range::-webkit-slider-thumb{
  -webkit-appearance:none;width:16px;height:16px;border-radius:50%;
  background:#fff;border:2px solid var(--moe-theme);box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.moe-disp-hue::-moz-range-thumb,
.moe-disp-range::-moz-range-thumb{
  width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--moe-theme)
}
.moe-disp-presets{display:flex;flex-wrap:wrap;gap:8px}
.moe-disp-swatch{
  width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--moe-border) 80%,transparent)
}
.moe-disp-swatch:hover,.moe-disp-swatch.is-active{border-color:var(--moe-text);transform:scale(1.08)}
.moe-disp-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.moe-disp-seg.is-4{grid-template-columns:1fr 1fr}
.moe-disp-seg-btn{
  border:1px solid var(--moe-border);background:var(--moe-bg-2);color:var(--moe-text);
  border-radius:10px;padding:8px 6px;font-size:12px;cursor:pointer;line-height:1.2
}
.moe-disp-seg-btn:hover{border-color:var(--moe-theme);color:var(--moe-theme)}
.moe-disp-seg-btn.is-active{
  background:color-mix(in srgb,var(--moe-theme) 18%,var(--moe-bg-2));
  border-color:var(--moe-theme);color:var(--moe-theme);font-weight:700
}
.moe-disp-tip{margin:8px 0 0;font-size:11px;color:var(--moe-muted);line-height:1.5}
.moe-disp-foot{display:flex;justify-content:flex-end;padding-top:8px}
.moe-disp-foot .moe-disp-reset{font-size:12px;color:var(--moe-theme)}

/* ===== applied display modes ===== */
html.moe-hero-hide .moe-hero{display:none!important}
html.moe-hero-fullscreen .moe-hero,
html.moe-hero-fullscreen .moe-hero.has-bg{
  min-height:100vh!important;
  height:100vh!important;
  max-height:none!important
}
html.moe-hero-overlay .moe-hero{
  position:fixed!important;left:0;right:0;top:0;z-index:0;pointer-events:none;
  min-height:100vh!important;height:100vh!important;margin-top:0!important
}
html.moe-hero-overlay .moe-hero-wave{display:none}
html.moe-hero-overlay #moe-pjax{position:relative;z-index:1}
html.moe-hero-overlay .moe-main,
html.moe-hero-overlay .moe-layout{
  margin-top:min(48vh,420px)!important
}

/* wallpaper / blur — hit hero slides + site bg + page tint */
.moe-site-bg,
.moe-hero-slides,
.moe-hero-video{
  opacity:var(--moe-wallpaper-opacity,1);
  filter:blur(var(--moe-wallpaper-blur,0px));
  transform:scale(var(--moe-wallpaper-scale,1));
  transform-origin:center;
  transition:opacity .25s ease,filter .25s ease,transform .25s ease
}
html[data-moe-disp] .moe-hero.has-bg::before{
  opacity:calc(1.2 - var(--moe-wallpaper-opacity, 1));
  transition:opacity .25s ease
}
/* page wash when wallpaper opacity drops (works even without site_bg) */
html[data-moe-disp] body::before{
  content:"";
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%,
      color-mix(in srgb,var(--moe-theme) calc((1 - var(--moe-wallpaper-opacity,1)) * 55%), transparent),
      transparent 70%),
    color-mix(in srgb,var(--moe-theme) calc((1 - var(--moe-wallpaper-opacity,1)) * 18%), var(--moe-bg));
  filter:blur(calc(var(--moe-bg-blur,0) * .5px));
  transition:background .25s ease,filter .25s ease
}
html[data-moe-disp] .moe-card,
html[data-moe-disp] .moe-post,
html[data-moe-disp] .moe-sidebar-card,
html[data-moe-disp] .moe-widget{
  background:color-mix(in srgb,var(--moe-card) calc(var(--moe-card-opacity,1) * 100%), transparent)!important;
  backdrop-filter:blur(calc(8px + var(--moe-bg-blur,0) * 1px));
  -webkit-backdrop-filter:blur(calc(8px + var(--moe-bg-blur,0) * 1px));
  transition:background .2s ease
}
html[data-moe-disp] .moe-navbar{
  backdrop-filter:blur(calc(10px + var(--moe-bg-blur,0) * 1px));
  -webkit-backdrop-filter:blur(calc(10px + var(--moe-bg-blur,0) * 1px))
}
/* ===== 封面占位（无图时） ===== */
.moe-post-cover-ph{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  font-size:42px;font-weight:800;letter-spacing:.04em;color:#fff;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--moe-theme) 78%,#fff),
      color-mix(in srgb,var(--moe-theme) 45%,#7c5cff));
  user-select:none
}
.moe-post-cover{position:relative;background:var(--moe-bg-2)}
.moe-post-cover img{display:block;width:100%;height:100%;object-fit:cover}

/* ===== 列表：横排长条（Mizuki list） ===== */
html.moe-layout-list .moe-post-list{
  display:flex!important;flex-direction:column!important;gap:18px!important
}
html.moe-layout-list .moe-post{
  display:flex!important;flex-direction:row!important;align-items:stretch!important;
  min-height:148px;height:auto;margin:0
}
html.moe-layout-list .moe-post-cover{
  flex:0 0 34%!important;max-width:220px!important;width:34%!important;
  min-height:148px;align-self:stretch;border-radius:0;overflow:hidden
}
html.moe-layout-list .moe-post-body{
  flex:1 1 auto;min-width:0;padding:18px 20px;display:flex;flex-direction:column
}
html.moe-layout-list .moe-post-title{font-size:1.15rem;line-height:1.35;margin:0 0 8px}
html.moe-layout-list .moe-post-excerpt{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;margin:0 0 10px;flex:1
}
html.moe-layout-list .moe-post-meta{margin-top:auto}

/* ===== 网格：双列竖卡（Mizuki grid） ===== */
html.moe-layout-grid .moe-post-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;align-items:stretch
}
html.moe-layout-grid .moe-post{
  display:flex!important;flex-direction:column!important;
  height:100%;min-height:0;margin:0;overflow:hidden
}
html.moe-layout-grid .moe-post-cover{
  flex:0 0 auto!important;width:100%!important;max-width:none!important;
  height:auto!important;aspect-ratio:16/10;align-self:auto;
  border-radius:0;overflow:hidden
}
html.moe-layout-grid .moe-post-body{
  flex:1;display:flex;flex-direction:column;padding:14px 16px 16px;min-width:0
}
html.moe-layout-grid .moe-post-title{
  font-size:1.02rem;line-height:1.4;margin:0 0 8px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden
}
html.moe-layout-grid .moe-post-excerpt{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;margin:0 0 10px;flex:1;font-size:.9rem
}
html.moe-layout-grid .moe-post-meta{
  margin-top:auto;flex-wrap:wrap;gap:6px 10px
}
html.moe-layout-grid .moe-post-meta .moe-meta-item:nth-child(n+4),
html.moe-layout-grid .moe-post-meta .moe-meta-heat{display:none}

@media (max-width:1024px){
  .moe-display-panel{right:12px;left:auto;transform:none}
  .moe-display-panel.is-open{animation:moe-disp-in .18s ease}
}
/* 仅手机才单列；平板/桌面保持双列网格 */
@media (max-width:640px){
  html.moe-layout-grid .moe-post-list{grid-template-columns:1fr!important;gap:14px!important}
  html.moe-layout-list .moe-post{flex-direction:column!important;min-height:0}
  html.moe-layout-list .moe-post-cover{
    flex:none!important;width:100%!important;max-width:none!important;aspect-ratio:16/9;min-height:0
  }
}
@media (max-width:480px){
  .moe-display-panel{left:12px;right:12px;width:auto}
}