/* One shared display-settings surface for public, mobile and framed pages. */
html[data-theme] .cy-preferences-retired{display:none!important}
html[data-theme] .cy-preferences-footer{margin-left:auto;order:10}
html[data-theme] .cy-preferences-dock{
  position:fixed!important;
  right:max(16px,env(safe-area-inset-right))!important;
  bottom:calc(16px + env(safe-area-inset-bottom))!important;
  z-index:10000!important;
  width:max-content!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
html[data-theme] .cy-preferences-host>.cy-preferences-shell{
  position:relative!important;display:inline-flex!important;align-items:center!important;
  width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;
  vertical-align:middle!important;overflow:visible!important;
  font:14px/1.5 "Microsoft YaHei","Segoe UI",sans-serif!important;
}
html[data-theme] .cy-preferences-host .cy-preferences-toggle{
  position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  box-sizing:border-box!important;width:auto!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  margin:0!important;padding:0 14px!important;border:1px solid var(--line)!important;border-radius:14px!important;
  background:var(--surface)!important;color:var(--ink)!important;font:600 14px/1 "Microsoft YaHei","Segoe UI",sans-serif!important;
  white-space:nowrap!important;cursor:pointer!important;box-shadow:0 4px 16px #10203024!important;text-shadow:none!important;
}
html[data-theme] .cy-preferences-host .cy-preferences-toggle>[aria-hidden]{font:22px/1 "Segoe UI Symbol",sans-serif!important;color:var(--accent)!important}
html[data-theme] .cy-preferences-host .cy-preferences-toggle:hover,
html[data-theme] .cy-preferences-host .cy-preferences-toggle[aria-expanded=true]{background:var(--tint)!important;border-color:var(--accent)!important;transform:none!important;filter:none!important}
html[data-theme] .cy-preferences-host>.cy-preferences-shell>.cy-preferences-panel{
  display:none!important;position:fixed!important;float:none!important;inset:auto;z-index:10001!important;
  box-sizing:border-box!important;width:min(312px,calc(100vw - 24px))!important;min-width:0!important;
  height:auto!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;
  grid-template-columns:minmax(80px,auto) minmax(0,1fr)!important;align-items:center!important;gap:12px!important;
  margin:0!important;padding:16px!important;border:1px solid var(--line)!important;border-radius:18px!important;
  background:var(--surface)!important;color:var(--ink)!important;white-space:normal!important;
  box-shadow:0 12px 36px #10203033!important;text-align:left!important;
}
html[data-theme] .cy-preferences-host>.cy-preferences-shell.is-open>.cy-preferences-panel{display:grid!important}
html[data-theme] .cy-preferences-host .cy-preferences-title{
  grid-column:1 / -1!important;display:block!important;margin:0!important;padding:0 34px 12px 0!important;
  border-bottom:1px solid var(--line)!important;color:var(--ink)!important;font:700 16px/1.5 "Microsoft YaHei",sans-serif!important;
}
html[data-theme] .cy-preferences-host [data-preferences-field]{
  display:block!important;margin:0!important;padding:0!important;color:var(--ink)!important;
  font:500 14px/1.5 "Microsoft YaHei",sans-serif!important;white-space:nowrap!important;
}
html[data-theme] .cy-preferences-host .cy-preferences-panel :is(select,button){
  position:static!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;
  height:42px!important;min-height:42px!important;margin:0!important;padding:6px 10px!important;
  border:1px solid var(--line)!important;border-radius:10px!important;background:var(--soft)!important;color:var(--ink)!important;
  font:500 14px/1.5 "Microsoft YaHei",sans-serif!important;text-shadow:none!important;box-shadow:none!important;cursor:pointer!important;
}
html[data-theme] .cy-preferences-host .cy-preferences-panel select{padding-right:24px!important}
html[data-theme] .cy-preferences-host .cy-preferences-panel button[data-language-toggle]{font-weight:700!important}
html[data-theme] .cy-preferences-host .cy-preferences-panel button[data-preferences-close]{
  position:absolute!important;right:12px!important;top:10px!important;width:36px!important;height:36px!important;min-height:36px!important;
  padding:0!important;border-color:transparent!important;background:transparent!important;font:24px/1 Arial,sans-serif!important;
}
html[data-theme] .cy-preferences-host .cy-preferences-panel :is(select,button):hover{background:var(--hover)!important;border-color:var(--accent)!important;filter:none!important}
html[data-theme] .cy-preferences-host :is(button,select):focus-visible{outline:2px solid var(--focus)!important;outline-offset:2px!important}
@media(max-width:700px){
  html[data-theme] .cy-preferences-dock{right:max(12px,env(safe-area-inset-right))!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}
  html[data-theme] .cy-preferences-host .cy-preferences-panel :is(select,button){font-size:16px!important}
}