/**
 * ds3 弹窗登录样式（自包含，不再依赖 template/default/asset/css/auth-ui.css）
 * 覆盖：表单结构 / 邀请码 / 找回密码 / 亮色+暗黑(theme2)
 */
:root {
  --tpl-accent: #40cc92;
  --tpl-accent-hover: #36b67e;
  --tpl-accent-muted: rgba(64, 204, 146, 0.24);
  --tpl-bg-muted: #f5f5f5;
  --tpl-bg-base: #fff;
  --tpl-border-soft: #eee;
  --tpl-text-strong: #111;
  --tpl-text-muted: #666;
  --tpl-text-subtle: #999;
  --tpl-text-on-inverse: #fff;
  --tpl-radius: 12px;
  --tpl-font-heading: 14px;
  --tpl-line-heading: 20px;
  --tpl-font-body: 12px;
  --tpl-line-body: 18px;
  --ds-auth-eye-close: url("../../../template/default/images/login/eyes_close-w@2x.png");
  --ds-auth-eye-open: url("../../../template/default/images/login/eyes_open-w@2x.png");
  --ds-auth-eye-close-dark: url("../../../template/default/images/login/eyes_close@2x.png");
  --ds-auth-eye-open-dark: url("../../../template/default/images/login/eyes_open@2x.png");
  --ds-auth-login-top: url("../../../template/default/images/login/Mobile-dialog-top-bg.png");
  --ds-auth-login-top-dark: url("../../../template/default/images/login/Mobile-dialog-top-black-bg.png");
}

body.theme2,
body.dark,
html.dark body {
  --tpl-accent: #40cc92;
  --tpl-accent-hover: #36b67e;
  --tpl-text-on-inverse: #fff;
  --tpl-bg-muted: #1c1f28;
  --tpl-bg-base: #111319;
  --tpl-border-soft: #323846;
  --tpl-text-strong: rgba(255, 255, 255, 0.92);
  --tpl-text-muted: rgba(255, 255, 255, 0.55);
  --tpl-text-subtle: rgba(255, 255, 255, 0.4);
}

.no-show { display: none !important; }
.show-detail { display: block !important; }

/* —— 弹层容器 —— */
.window .window-content .auth-ui-popup { text-align: left; }
.window .window-box { max-width: 460px; /*width: 92%;*/ }

/* 登录弹窗顶部宣传图（对齐 default mac_pop_login） */
.window.window-auth-login .window-box .animated {
  overflow: hidden;
  padding: 0 0 8px !important;
}
.window.window-auth-login .window-title {
  background: var(--ds-auth-login-top) 50% / 100% 100% no-repeat;
  border-radius: 6px 6px 0 0;
  height: 100px;
  margin: 0 0 14px;
  position: relative;
  width: 100%;
}
body.theme2 .window.window-auth-login .window-title,
body.dark .window.window-auth-login .window-title,
html.dark .window.window-auth-login .window-title,
.window.window-auth-login.ds3-auth-window-dark .window-title {
  background-image: var(--ds-auth-login-top-dark);
}
.window.window-auth-login .window-title .subscript {
  border: 0 !important;
  height: 0;
  margin: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  visibility: hidden;
}
.window.window-auth-login .window-off {
  color: #fff !important;
  font-size: 18px;
  right: 12px;
  top: 12px;
  z-index: 2;
}
.window.window-auth-login .window-content {
  padding: 0;
}
.window.window-auth-login .auth-ui {
  padding: 0 18px 6px;
}
.auth-ui { padding: 0 22px 18px; }
#mac-ajax-auth-root.auth-ui { background-color: initial; }
.auth-ui .user-bg { padding: 0; }
.auth-ui-popup .auth-shell { background-color: initial !important; padding: 0 4px 4px; }
.auth-ui .reg-w { max-width: 100%; padding: 0; width: 100%; }

/* —— 表单行 —— */
.auth-ui .reg-w form .reg-group {
  align-items: center;
  background: var(--tpl-bg-muted);
  border: 1px solid var(--tpl-border-soft) !important;
  border-radius: var(--tpl-radius);
  display: flex;
  height: 48px;
  line-height: 48px;
  margin: 0 0 14px;
  min-height: 48px;
  padding-left: 5px;
  position: relative;
}
.auth-ui .reg-group .l-icon {
  height: 18px;
  margin: 0 12px 0 14px;
  object-fit: contain;
  opacity: 0.86;
  width: 18px;
}
.auth-ui .reg-w form .reg-group .reg-control {
  background: transparent;
  border: 0;
  color: var(--tpl-text-strong);
  flex: 1;
  font-size: var(--tpl-font-heading);
  height: 48px;
  min-width: 0;
  outline: 0;
  padding: 0 14px 0 0;
  width: auto;
}
.auth-ui .reg-w form .reg-group .w150 { width: auto !important; }
.auth-ui input::placeholder { color: var(--tpl-text-subtle); }
.auth-ui .m-hi,
.ds3-auth-popup .ds-auth-verify,
.ds3-auth-popup .fr.m-hi {
  border-radius: var(--tpl-radius);
  cursor: pointer;
  height: 34px;
  margin-right: 10px;
  object-fit: cover;
  position: static;
  width: 108px;
}

/* —— 弹窗表单专属（对齐 default popup） —— */
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .auth-field-label,
.ds3-auth-popup .auth-field-label {
  color: #70707f;
  font-size: var(--tpl-font-heading);
  font-weight: 500;
  line-height: var(--tpl-line-body);
  margin-bottom: 6px;
  margin-top: 14px;
  padding-left: 14px;
}
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .auth-field-label:first-child,
.ds3-auth-popup .auth-field-label:first-child { margin-top: 0; }

#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .reg-group,
.ds3-auth-popup .reg-group {
  align-items: center;
  background: #f8f8f8 !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: flex;
  gap: 8px;
  height: 46px;
  line-height: normal;
  margin: 0 0 0 !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  position: relative;
}
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .reg-group .l-icon,
.ds3-auth-popup .mac_login .reg-group .l-icon {
  display: block !important;
  flex: 0 0 18px !important;
  height: 18px !important;
  margin: 0 !important;
  object-fit: contain !important;
  opacity: 0.9;
  width: 18px !important;
}
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .reg-group .reg-control,
.ds3-auth-popup .reg-control {
  background: transparent;
  border: 0;
  color: #9090a0;
  flex: 1;
  font-size: var(--tpl-font-heading) !important;
  height: 46px !important;
  line-height: 46px;
  min-width: 0;
  outline: 0;
  padding: 0 !important;
  width: auto;
}
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .reg-group .reg-control::placeholder,
.ds3-auth-popup .reg-control::placeholder {
  color: #b7b9c8;
  opacity: 1;
}

/* 密码眼睛 */
.auth-pwd-group { position: relative; }
.auth-pwd-group .reg-control { padding-right: 28px !important; }
.auth-pwd-eye {
  background: var(--ds-auth-eye-close) 50% / contain no-repeat;
  cursor: pointer;
  height: 16px;
  margin: 0;
  opacity: 0.86;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  z-index: 2;
}
.auth-pwd-eye.is-open { background-image: var(--ds-auth-eye-open); }

/* 忘记密码 / 邀请码 */
.auth-forgot-row,
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .auth-forgot-row {
  margin: 8px 0 0;
  text-align: right;
}
.auth-forgot-link,
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .auth-forgot-link {
  color: #8f93a6 !important;
  font-size: var(--tpl-font-heading);
  text-decoration: none;
}
.auth-forgot-link:hover { color: var(--tpl-accent) !important; }

.auth-invite-collapsible { --auth-invite-line: var(--tpl-accent); }
.auth-invite-toggle-row { margin: 10px 0 0; width: 100%; }
.auth-invite-toggle {
  align-items: center;
  background: none;
  border: 0;
  color: var(--auth-invite-line);
  cursor: pointer;
  display: flex;
  gap: 12px;
  margin: 0;
  padding: 4px 0 8px;
  width: 100%;
}
.auth-invite-toggle__rule {
  background: rgba(64, 204, 146, 0.3);
  flex: 1 1 auto;
  height: 1px;
  min-width: 12px;
}
.auth-invite-toggle__mid {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1.4;
  white-space: nowrap;
}
.auth-invite-toggle__text { color: inherit; }
.auth-invite-toggle__chev {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: 0;
  margin-left: 4px;
  transition: transform 0.2s ease;
}
.js-auth-invite-toggle[aria-expanded="true"] .auth-invite-toggle__chev { transform: rotate(180deg); }
.auth-invite-collapsible .auth-invite-panel { margin-top: 4px; }

/* 第三方登录 / 找回切换 */
.auth-ui .reg-ts { overflow: hidden; }
.auth-ui .mac_login .reg-ts:not(:has(li)) { display: none; }
.auth-ui .reg-dl { text-align: center; }
.auth-ui .reg-dl h5 {
  color: var(--tpl-text-muted);
  font-size: var(--tpl-font-heading);
  font-weight: 500;
  margin: 0 0 14px;
}
.auth-ui .reg-dl li {
  display: inline-flex;
  font-size: 26px;
  line-height: 26px;
  margin: 0 10px;
}
.auth-ui .reg-dl a { color: var(--tpl-accent); }
.auth-ui .find-bt {
  align-items: center;
  display: flex;
  font-size: var(--tpl-font-heading);
  gap: 10px;
  justify-content: space-between;
  margin-top: 12px;
  width: 100%;
}
.auth-ui .find-bt span { color: var(--tpl-accent); cursor: pointer; }
.auth-ui .mac_login .reg-ts {
  align-items: center;
  display: flex;
  flex-direction: column;
}

/* 找回密码表单：对齐 default 弹窗胶囊输入框 */
.ds3-auth-popup .mac_find .reg-group,
.ds3-auth-popup .mac_find_msg .reg-group {
  align-items: center !important;
  background: #f3f4f6 !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  display: flex !important;
  gap: 8px !important;
  height: 46px !important;
  line-height: 46px !important;
  margin: 0 0 10px !important;
  min-height: 46px !important;
  padding: 0 14px !important;
}
.ds3-auth-popup .mac_find .reg-group:last-of-type,
.ds3-auth-popup .mac_find_msg .reg-group:last-of-type {
  margin-bottom: 0 !important;
}
.ds3-auth-popup .mac_find .reg-group .l-icon,
.ds3-auth-popup .mac_find_msg .reg-group .l-icon {
  display: block !important;
  flex: 0 0 18px !important;
  height: 18px !important;
  margin: 0 !important;
  object-fit: contain !important;
  opacity: 0.9;
  width: 18px !important;
}
.ds3-auth-popup .mac_find .reg-group .reg-control,
.ds3-auth-popup .mac_find_msg .reg-group .reg-control {
  background: transparent !important;
  border: 0 !important;
  flex: 1 1 auto !important;
  height: 46px !important;
  line-height: 46px !important;
  min-width: 0 !important;
  padding: 0 !important; /* 图标与文字靠 gap:8px，无额外左内边距 */
  width: auto !important;
}
.ds3-auth-popup .mac_find .auth-pwd-group .reg-control,
.ds3-auth-popup .mac_find_msg .auth-pwd-group .reg-control {
  padding-right: 28px !important;
}
.ds3-auth-popup .mac_find .auth-pwd-eye,
.ds3-auth-popup .mac_find_msg .auth-pwd-eye {
  right: 14px;
}
.ds3-auth-popup .mac_login .reg-group.verify_code,
.ds3-auth-popup .mac_find .reg-group.verify_code,
.ds3-auth-popup .mac_find_msg .reg-group.verify_code {
  gap: 8px !important;
  padding-right: 8px !important;
}
.ds3-auth-popup .mac_login .reg-group.verify_code .reg-control,
.ds3-auth-popup .mac_find .reg-group.verify_code .reg-control,
.ds3-auth-popup .mac_find_msg .reg-group.verify_code .reg-control {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 0 !important;
}
.ds3-auth-popup .mac_login .reg-group.verify_code .m-hi,
.ds3-auth-popup .mac_login .reg-group.verify_code .fr.m-hi,
.ds3-auth-popup .mac_find .reg-group.verify_code .m-hi,
.ds3-auth-popup .mac_find .reg-group.verify_code .fr.m-hi,
.ds3-auth-popup .mac_find_msg .reg-group.verify_code .m-hi,
.ds3-auth-popup .mac_find_msg .reg-group.verify_code .fr.m-hi {
  background: #fff !important;
  border-radius: 999px !important;
  flex: 0 0 auto !important;
  height: 32px !important;
  margin: 0 !important;
  object-fit: cover !important;
  width: 96px !important;
}
.ds3-auth-popup .mac_find_msg h4 {
  color: var(--tpl-text-muted);
  font-size: 14px;
  font-weight: 500;
  margin: 8px 0 12px;
}

/* 暗黑下找回密码输入框 */
body.theme2 .ds3-auth-popup .mac_find .reg-group,
body.theme2 .ds3-auth-popup .mac_find_msg .reg-group,
.ds3-auth-popup.is-dark .mac_find .reg-group,
.ds3-auth-popup.is-dark .mac_find_msg .reg-group,
.ds3-auth-window-dark .mac_find .reg-group,
.ds3-auth-window-dark .mac_find_msg .reg-group {
  background: #1c1f28 !important;
  background-color: #1c1f28 !important;
  border: 1px solid #323846 !important;
}

/* —— 主按钮 —— */
.ds3-auth-popup .btn-brand.auth-page-btn,
.ds3-auth-popup .login_form_submit.auth-page-btn,
.ds3-auth-popup .login_form_submit.auth-page-btn.is-active,
.ds3-auth-popup input[type="button"].login_form_submit,
#mac-ajax-auth-root .login_form_submit.auth-page-btn,
#mac-ajax-auth-root .login_form_submit.auth-page-btn.is-active,
.auth-ui .reg-w form .btn-sub.btn-brand,
.auth-ui .btn-brand {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  cursor: pointer !important;
  height: 48px !important;
  line-height: 48px !important;
  margin: 14px 0 4px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #40cc92 !important;
  background-color: #40cc92 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
  -webkit-appearance: none !important;
  appearance: none !important;
  opacity: 1 !important;
}
.ds3-auth-popup .login_form_submit.auth-page-btn.is-active:hover,
#mac-ajax-auth-root .login_form_submit.auth-page-btn.is-active:hover,
.auth-ui .btn-brand:hover {
  background: #36b67e !important;
  background-color: #36b67e !important;
  color: #fff !important;
}

/* —— 暗黑 theme2 / is-dark —— */
body.theme2 #mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .auth-field-label,
.ds3-auth-popup.is-dark .auth-field-label,
.ds3-auth-window-dark .auth-field-label {
  color: rgba(255, 255, 255, 0.55) !important;
}

body.theme2 #mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .reg-group,
body.theme2 .ds3-auth-popup .reg-group,
.ds3-auth-popup.is-dark .reg-group,
#mac-ajax-auth-root.is-dark .reg-group,
.ds3-auth-window-dark .reg-group {
  background: #1c1f28 !important;
  background-color: #1c1f28 !important;
  border: 1px solid #323846 !important;
}

body.theme2 #mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .reg-control,
body.theme2 .ds3-auth-popup .reg-control,
.ds3-auth-popup.is-dark .reg-control,
#mac-ajax-auth-root.is-dark .reg-control,
.ds3-auth-window-dark .reg-control {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  caret-color: #40cc92 !important;
}

body.theme2 .ds3-auth-popup .reg-control::placeholder,
.ds3-auth-popup.is-dark .reg-control::placeholder,
#mac-ajax-auth-root.is-dark .reg-control::placeholder,
.ds3-auth-window-dark .reg-control::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.4) !important;
  opacity: 1 !important;
}

body.theme2 .ds3-auth-popup .reg-control:-webkit-autofill,
.ds3-auth-popup.is-dark .reg-control:-webkit-autofill,
#mac-ajax-auth-root.is-dark .reg-control:-webkit-autofill {
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 0 0 1000px #1c1f28 inset !important;
  transition: background-color 99999s ease-out;
}

body.theme2 .ds3-auth-popup .auth-forgot-link,
.ds3-auth-popup.is-dark .auth-forgot-link {
  color: rgba(255, 255, 255, 0.45) !important;
}
body.theme2 .ds3-auth-popup .auth-invite-toggle__text,
.ds3-auth-popup.is-dark .auth-invite-toggle__text {
  color: #40cc92 !important;
}
body.theme2 .ds3-auth-popup .auth-pwd-eye,
.ds3-auth-popup.is-dark .auth-pwd-eye {
  background-image: var(--ds-auth-eye-close-dark);
  filter: none;
  opacity: 0.9;
}
body.theme2 .ds3-auth-popup .auth-pwd-eye.is-open,
.ds3-auth-popup.is-dark .auth-pwd-eye.is-open {
  background-image: var(--ds-auth-eye-open-dark);
}
body.theme2 .ds3-auth-popup .l-icon,
.ds3-auth-popup.is-dark .l-icon {
  filter: invert(1) brightness(1.2);
  opacity: 0.9;
}

.ds3-auth-popup .iconfont { font-style: normal; }

/* 注册成功保存账号弹层（自 default auth-ui 提取） */
.mac-reg-success-layer{align-items:flex-end;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .22s ease;z-index:19999999!important}
/* 保存账号弹层打开时，toast 必须压过它 */
body:has(#mac_reg_success_layer) .msg,
body:has(#mac_reg_success_layer) .msg .msg-box{z-index:20000010!important}
.mac-reg-success-layer.mac-reg-success--visible{opacity:1;pointer-events:auto}
.mac-reg-success-backdrop{background:rgba(15,17,23,.55);inset:0;pointer-events:auto;position:absolute}
.mac-reg-success-panel{background:var(--tpl-bg-base);border-radius:var(--tpl-radius) var(--tpl-radius) 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.18);box-sizing:border-box;max-height:min(88vh,560px);max-width:100%;padding:20px 18px calc(18px + env(safe-area-inset-bottom, 0));pointer-events:auto;position:relative;transform:translateY(100%);transition:transform .28s cubic-bezier(.22,1,.36,1);width:100%;z-index:1}
.mac-reg-success-layer.mac-reg-success--visible .mac-reg-success-panel{transform:translateY(0)}
.mac-reg-success-close{background:transparent;border:none;border-radius:var(--tpl-radius);color:var(--tpl-text-muted);cursor:pointer;font-size:26px;height:36px;line-height:1;padding:0;position:absolute;right:14px;top:14px;width:36px}
.mac-reg-success-close:hover{background:var(--tpl-bg-muted);color:var(--tpl-accent)}
.mac-reg-success-title{color:var(--tpl-text-strong);font-size:17px;font-weight:600;margin:6px 36px 16px 4px;text-align:center}
.mac-reg-success-grid{display:grid;gap:12px 14px;grid-template-columns:1fr 1fr;margin-bottom:20px}
.mac-reg-success-item{display:flex;flex-direction:column;gap:4px;min-width:0}
.mac-reg-success-label{color:var(--tpl-text-muted);font-size:var(--tpl-font-body)}
.mac-reg-success-value{color:var(--tpl-accent);font-size:var(--tpl-font-heading);font-weight:600;line-height:1.35;word-break:break-all}
.mac-reg-success-actions{display:flex;gap:12px}
.mac-reg-success-btn{align-items:center;border:none;border-radius:var(--tpl-radius);box-sizing:border-box;cursor:pointer;display:flex;flex:1;font-size:var(--tpl-font-heading);font-weight:600;justify-content:center;min-height:48px;text-decoration:none;transition:opacity .2s ease,transform .15s ease}
.mac-reg-success-btn:active{transform:scale(.98)}
.mac-reg-success-btn-secondary{background:var(--tpl-bg-muted);border:1px solid var(--tpl-accent-hover);color:var(--tpl-accent)}
.mac-reg-success-btn-primary{background:var(--tpl-accent);color:var(--tpl-text-on-inverse)}
.mac-reg-success-btn-primary:hover{background:var(--tpl-accent-hover)}
.mac-reg-success-layer.mac-reg-success--desktop{align-items:center;padding:24px}
.mac-reg-success-layer.mac-reg-success--desktop .mac-reg-success-panel{border-radius:var(--tpl-radius);max-height:min(90vh,520px);max-width:420px;opacity:0;padding:24px 22px 22px;transform:translateY(16px) scale(.96);transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .22s ease;width:100%}
.mac-reg-success-layer.mac-reg-success--desktop.mac-reg-success--visible .mac-reg-success-panel{opacity:1;transform:translateY(0) scale(1)}

/* 暗黑适配注册成功弹层 */
body.theme2 .mac-reg-success-panel,
body.dark .mac-reg-success-panel,
html.dark .mac-reg-success-panel,
.mac-reg-success-layer.is-dark .mac-reg-success-panel {
  background: #1a1d26 !important;
  box-shadow: 0 -8px 40px rgba(0,0,0,.45);
}
body.theme2 .mac-reg-success-title,
body.dark .mac-reg-success-title,
html.dark .mac-reg-success-title {
  color: rgba(255,255,255,.92) !important;
}
body.theme2 .mac-reg-success-label,
body.dark .mac-reg-success-label,
html.dark .mac-reg-success-label {
  color: rgba(255,255,255,.45) !important;
}
body.theme2 .mac-reg-success-btn-secondary,
body.dark .mac-reg-success-btn-secondary,
html.dark .mac-reg-success-btn-secondary {
  background: transparent !important;
  border: 1px solid #40cc92 !important;
  color: #fff !important;
}
.mac-reg-success-btn {
  border-radius: 999px !important;
  height: 46px;
  text-decoration: none;
}
.mac-reg-success-btn-primary {
  background: #40cc92 !important;
  color: #fff !important;
}

/* 深色确认弹窗（升级会员等） */
.ds3-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 20000020;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.62);
}
.ds3-confirm-dialog {
  position: relative;
  width: 100%;
  max-width: 360px;
  padding: 36px 22px 22px;
  box-sizing: border-box;
  background: #2c2c2e;
  border: 0;
  outline: none;
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}
.ds3-confirm-close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  outline: none;
  border-radius: 8px;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  font-size: 26px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.ds3-confirm-close:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}
.ds3-confirm-message {
  color: rgba(255, 255, 255, 0.92);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
  padding: 4px 8px 22px;
  word-break: break-word;
}
.ds3-confirm-actions {
  display: flex;
  gap: 12px;
}
.ds3-confirm-btn {
  flex: 1;
  height: 46px;
  border: 0;
  outline: none;
  box-shadow: none;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.15s ease;
  -webkit-appearance: none;
  appearance: none;
}
.ds3-confirm-btn:focus,
.ds3-confirm-btn:focus-visible,
.ds3-confirm-btn:active {
  outline: none;
  box-shadow: none;
  border: 0;
}
.ds3-confirm-btn:active {
  transform: scale(0.98);
}
.ds3-confirm-ok {
  background: #34c759;
  color: #fff;
}
.ds3-confirm-ok:hover {
  opacity: 0.92;
}
.ds3-confirm-cancel {
  background: #3a3a3c;
  color: rgba(255, 255, 255, 0.72);
}
.ds3-confirm-cancel:hover {
  background: #454548;
  color: #fff;
}