@import url('/brand/palette.css?v=20261002-palette-1');
/* All rules are confined to this dialog, preserving the existing directory layout. */
html body dialog.a4-member-dialog { box-sizing:border-box; width:min(560px,calc(100% - 24px)); max-width:none; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); margin:auto; padding:0; border:1px solid var(--wx-line); border-radius:14px; background:var(--wx-panel); color:var(--wx-text); font:16px/1.6 system-ui,-apple-system,'Segoe UI','Microsoft YaHei',sans-serif; box-shadow:0 18px 70px #0004; overflow:auto; overscroll-behavior:contain; text-align:left; }
.a4-member-dialog::backdrop,.a4-member-backdrop { background:rgb(10 27 35 / 58%); }
.a4-member-dialog:not([open]),.a4-member-dialog [hidden],.a4-member-backdrop[hidden] { display:none!important; }
.a4-member-dialog[data-fallback=true][open] { display:block; position:fixed; inset:0; z-index:2147483001; height:fit-content; }
.a4-member-backdrop { position:fixed; inset:0; z-index:2147483000; }
html body .a4-member-dialog * { box-sizing:border-box; }
html body .a4-member-dialog :is(div,p,span,h2,section,label,form) { margin:0; padding:0; font:inherit; color:inherit; }
html body .a4-member-dialog .a4-member-header { display:flex; position:sticky; top:0; z-index:1; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px 10px 24px; background:var(--wx-primary); color:var(--wx-on-primary); }
html body .a4-member-dialog h2 { font-size:21px; font-weight:700; }
html body .a4-member-dialog .a4-member-content { padding:20px 24px 24px; }
.a4-member-dialog :is(input,textarea,button) { min-height:44px; font:inherit; border:1px solid var(--wx-control); border-radius:7px; background:var(--wx-panel); color:var(--wx-text); }
.a4-member-dialog :is(input,textarea) { display:block; width:100%; min-width:0; padding:9px 12px; }
.a4-member-dialog textarea { resize:vertical; }
.a4-member-dialog button { cursor:pointer; padding:8px 14px; }
.a4-member-dialog button:disabled { opacity:.65; cursor:wait; }
.a4-member-dialog button:hover:enabled { background:var(--wx-soft); }
.a4-member-dialog button[data-close] { width:44px; padding:0; border:0; background:transparent; color:var(--wx-on-primary); font-size:30px; line-height:1; }
.a4-member-dialog button[data-close]:hover:enabled { background:var(--wx-hover); }
html body .a4-member-dialog label { display:block; margin:14px 0 6px; font-weight:600; }
html body .a4-member-dialog .a4-member-help { color:var(--wx-muted); font-size:14px; margin:6px 0 12px; }
.a4-member-dialog button.a4-member-primary { display:block; width:100%; margin-top:20px; background:var(--wx-primary); color:var(--wx-on-primary); border-color:var(--wx-primary); font-weight:600; }
.a4-member-dialog button.a4-member-primary:hover:enabled { background:var(--wx-hover); }
html body .a4-member-dialog .a4-member-actions { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-top:12px; }
.a4-member-dialog .a4-member-actions button { border:0; background:transparent; color:var(--wx-link); text-decoration:underline; padding:8px 0; }
html body .a4-member-dialog a { color:var(--wx-link); text-decoration:underline; font:inherit; }
html body .a4-member-dialog .a4-member-page-link { font-size:14px; margin-top:16px; }
html body .a4-member-dialog #a4-member-notice { padding:10px 12px; margin-bottom:14px; border-radius:7px; background:var(--wx-soft); white-space:pre-wrap; overflow-wrap:anywhere; }
html body .a4-member-dialog [data-tone=error] { color:#a52b35; }
html[data-theme=dark] body .a4-member-dialog [data-tone=error] { color:#ff9ea5; }
html body .a4-member-dialog [data-tone=success] { color:#126c47; }
html[data-theme=dark] body .a4-member-dialog [data-tone=success] { color:#79dbad; }
html body .a4-member-dialog .a4-member-copy { display:flex; flex-wrap:wrap; gap:8px; }
.a4-member-copy input { flex:1 1 240px; }
html body .a4-member-dialog #a4-result-text { margin-top:16px; white-space:pre-wrap; overflow-wrap:anywhere; }
.a4-member-dialog :is(button,input,textarea,a):focus-visible { outline:3px solid var(--wx-focus); outline-offset:2px; }
.a4-member-dialog button[data-close]:focus-visible { outline-color:var(--wx-on-primary); outline-offset:-3px; }
@media(max-width:520px) { html body .a4-member-dialog .a4-member-content { padding:16px; } html body .a4-member-dialog .a4-member-header { padding-left:16px; } .a4-member-copy button { width:100%; } }