.dp-alt{position:fixed;left:0;top:calc(var(--dp-alt-topbar,0px) + var(--dp-alt-y));z-index:9998;font-size:var(--dp-alt-font);color:var(--dp-alt-text);transition:top .18s ease}
.dp-alt *{box-sizing:border-box}.dp-alt__bar{width:var(--dp-alt-width);background:var(--dp-alt-bg);border:1px solid var(--dp-alt-border);box-shadow:var(--dp-alt-shadow);border-radius:var(--dp-alt-radius);overflow:hidden}
.dp-alt__button{display:flex;width:100%;height:var(--dp-alt-btn-h);padding:6px 3px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;border-bottom:1px solid var(--dp-alt-border);background:var(--dp-alt-bg);color:var(--dp-alt-text);cursor:pointer}.dp-alt__button:last-child{border-bottom:0}.dp-alt__button:hover,.dp-alt__button.is-active{background:var(--dp-alt-hover)}
.dp-alt__icon{width:var(--dp-alt-icon);height:var(--dp-alt-icon);display:flex;color:var(--dp-alt-icon-color);line-height:1}.dp-alt__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;vector-effect:non-scaling-stroke}
.dp-alt__panel{position:absolute;left:calc(var(--dp-alt-width) + 10px);top:0;width:var(--dp-alt-panel);max-height:min(70vh,680px);overflow:auto;background:var(--dp-alt-bg);border:1px solid var(--dp-alt-border);box-shadow:var(--dp-alt-shadow);border-radius:var(--dp-alt-radius)}
.dp-alt__panel-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:var(--dp-alt-bg);border-bottom:1px solid var(--dp-alt-border);z-index:2}.dp-alt__panel-head button{border:0;background:transparent;font-size:24px;cursor:pointer;color:inherit}.dp-alt__toc{padding:10px}.dp-alt__toc a{display:block;padding:9px 10px;color:inherit;text-decoration:none;border-left:2px solid transparent}.dp-alt__toc a:hover,.dp-alt__toc a.is-current{background:var(--dp-alt-hover);border-left-color:currentColor}.dp-alt__toc a.is-h3{padding-left:24px;font-size:.94em}.dp-alt__shortcut-links{padding:10px}.dp-alt__shortcut-links a{display:block;padding:10px;border-bottom:1px solid var(--dp-alt-border);color:inherit;text-decoration:none}.dp-alt__shortcut-links a:hover{background:var(--dp-alt-hover)}.dp-alt__empty{padding:8px;margin:0}.dp-alt__editor{border-top:1px solid var(--dp-alt-border);padding:10px}.dp-alt__editor summary{cursor:pointer;font-weight:700;padding:6px 2px}.dp-alt__row{display:grid;grid-template-columns:1fr;gap:7px;padding:10px 0;border-bottom:1px solid var(--dp-alt-border)}.dp-alt__row input[type=text],.dp-alt__row input[type=url]{width:100%;padding:9px;border:1px solid var(--dp-alt-border);background:var(--dp-alt-bg);color:var(--dp-alt-text)}.dp-alt__row button,.dp-alt__actions button{padding:8px 10px;border:1px solid var(--dp-alt-border);background:var(--dp-alt-bg);color:var(--dp-alt-text);cursor:pointer}.dp-alt__actions{display:flex;justify-content:space-between;gap:8px;padding-top:10px}.dp-alt--right .dp-alt__panel{right:calc(var(--dp-alt-width) + 10px);left:auto}.dp-alt.is-anchor-hidden{visibility:hidden;pointer-events:none}
html.dark .dp-alt,body.dark .dp-alt,body.dark-mode .dp-alt,body.is-dark .dp-alt,[data-theme="dark"] .dp-alt,.dark-theme .dp-alt{--dp-alt-bg:var(--dp-alt-dark-bg);--dp-alt-text:var(--dp-alt-dark-text);--dp-alt-border:var(--dp-alt-dark-border);--dp-alt-hover:var(--dp-alt-dark-hover);--dp-alt-icon-color:var(--dp-alt-dark-icon)}
@media(prefers-color-scheme:dark){body:not(.light):not(.light-mode):not([data-theme="light"]) .dp-alt{--dp-alt-bg:var(--dp-alt-dark-bg);--dp-alt-text:var(--dp-alt-dark-text);--dp-alt-border:var(--dp-alt-dark-border);--dp-alt-hover:var(--dp-alt-dark-hover);--dp-alt-icon-color:var(--dp-alt-dark-icon)}}
body.dp-alt-mobile-active{padding-bottom:calc(var(--dp-alt-mobile-reserve) + var(--dp-alt-safe-area,0px))!important}body.dp-alt-mobile-active .dp-alt{top:auto;bottom:calc(var(--dp-alt-mobile-bottom) + var(--dp-alt-safe-area,0px));left:var(--dp-alt-mobile-side);right:auto}body.dp-alt-mobile-active .dp-alt__bar{display:flex;width:auto}body.dp-alt-mobile-active .dp-alt__button{width:var(--dp-alt-width);border-bottom:0;border-right:1px solid var(--dp-alt-border)}body.dp-alt-mobile-active .dp-alt__button:last-child{border-right:0}body.dp-alt-mobile-active .dp-alt__panel{position:fixed;left:10px;right:10px;bottom:calc(var(--dp-alt-mobile-bottom) + var(--dp-alt-btn-h) + 18px + var(--dp-alt-safe-area,0px));top:auto;width:auto;max-height:62vh}body.dp-alt-mobile-active .dp-alt-mobile--bottom-right{left:auto;right:var(--dp-alt-mobile-side)}body.dp-alt-mobile-active .dp-alt-mobile--bottom-center{left:50%;right:auto;transform:translateX(-50%)}body.dp-alt-mobile-active .dp-alt--right .dp-alt__panel{left:10px;right:10px}


/* v1.0.7: 強制隔離網站全域樣式，並可靠套用暗色模式 */
.dp-alt,
.dp-alt__bar,
.dp-alt__button,
.dp-alt__panel,
.dp-alt__panel-head,
.dp-alt__toc,
.dp-alt__shortcut-links,
.dp-alt__editor,
.dp-alt__row,
.dp-alt__actions{
  color:var(--dp-alt-text) !important;
}
.dp-alt__bar,
.dp-alt__button,
.dp-alt__panel,
.dp-alt__panel-head,
.dp-alt__editor,
.dp-alt__row input[type=text],
.dp-alt__row input[type=url],
.dp-alt__row button,
.dp-alt__actions button{
  background-color:var(--dp-alt-bg) !important;
  border-color:var(--dp-alt-border) !important;
}
.dp-alt__panel{color-scheme:light;}
.dp-alt__panel strong,
.dp-alt__panel summary,
.dp-alt__panel p,
.dp-alt__panel label,
.dp-alt__panel a,
.dp-alt__panel input,
.dp-alt__panel button{
  color:var(--dp-alt-text) !important;
  opacity:1 !important;
  -webkit-text-fill-color:var(--dp-alt-text) !important;
}
.dp-alt__toc a,
.dp-alt__shortcut-links a{
  background:transparent !important;
  border-color:var(--dp-alt-border) !important;
}
.dp-alt__button:hover,
.dp-alt__button.is-active,
.dp-alt__toc a:hover,
.dp-alt__toc a.is-current,
.dp-alt__shortcut-links a:hover{
  background-color:var(--dp-alt-hover) !important;
}
.dp-alt__icon,
.dp-alt__icon svg{
  color:var(--dp-alt-icon-color) !important;
  stroke:currentColor !important;
}

.dp-alt.dp-alt--dark{
  --dp-alt-bg:var(--dp-alt-dark-bg) !important;
  --dp-alt-text:var(--dp-alt-dark-text) !important;
  --dp-alt-border:var(--dp-alt-dark-border) !important;
  --dp-alt-hover:var(--dp-alt-dark-hover) !important;
  --dp-alt-icon-color:var(--dp-alt-dark-icon) !important;
  color-scheme:dark;
}
.dp-alt.dp-alt--dark .dp-alt__panel{color-scheme:dark;}
