.elementor-2327 .elementor-element.elementor-element-a119a86{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2327 .elementor-element.elementor-element-3f889676{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2327 .elementor-element.elementor-element-7e20cd73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2327 .elementor-element.elementor-element-4a233e62 .elementor-heading-title{font-weight:600;}.elementor-2327 .elementor-element.elementor-element-7ec57dba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2327 .elementor-element.elementor-element-c3991ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2327 .elementor-element.elementor-element-8280a4d{padding:10px 10px 10px 10px;}.elementor-2327 .elementor-element.elementor-element-fdf3fd6{padding:10px 10px 10px 10px;}.elementor-2327 .elementor-element.elementor-element-2083a33{padding:10px 10px 10px 10px;}.elementor-2327 .elementor-element.elementor-element-1f190c1c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2327 .elementor-element.elementor-element-4ed2ec33{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2327 .elementor-element.elementor-element-71d995bf.elementor-element{--align-self:flex-start;}.elementor-2327 .elementor-element.elementor-element-71d995bf{text-align:left;}.elementor-2327 .elementor-element.elementor-element-6a5af7a4{--display:flex;--min-height:150px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2327 .elementor-element.elementor-element-6a5af7a4:not(.elementor-motion-effects-element-type-background), .elementor-2327 .elementor-element.elementor-element-6a5af7a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://noctplay.com/wp-content/uploads/2025/11/ScreenShot_2025-11-12_231854_753.jpg");}.elementor-2327 .elementor-element.elementor-element-4ab1d081{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2327 .elementor-element.elementor-element-4ab1d081.e-con{--align-self:flex-start;}.elementor-2327 .elementor-element.elementor-element-1914ce80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2327 .elementor-element.elementor-element-3a7966da .elementor-heading-title{color:var( --e-global-color-da7d0eb );}.elementor-2327 .elementor-element.elementor-element-58be2b63{padding:10px 10px 10px 10px;}.elementor-2327 .elementor-element.elementor-element-58be2b63.elementor-element{--align-self:flex-start;}.elementor-2327 .elementor-element.elementor-element-e9081f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2327 .elementor-element.elementor-element-7e20cd73{--width:50%;}.elementor-2327 .elementor-element.elementor-element-1f190c1c{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-c3991ff */.step {
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(2, 6, 23, 0.55);
  color: var(--text-soft);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5385a69 *//* ========= Nocturnal style for Woo Lost Password form ========= */

/* 让 Woo 的提示条变成你截图那种“圆角提示框” */
.np-wc-lost-wrap .woocommerce-notices-wrapper,
.np-wc-lost-wrap .woocommerce-message,
.np-wc-lost-wrap .woocommerce-error,
.np-wc-lost-wrap .woocommerce-info{
  margin: 0 0 14px 0 !important;
}

.np-wc-lost-wrap .woocommerce-message,
.np-wc-lost-wrap .woocommerce-info{
  border-radius: 18px;
  padding: 14px 14px;
  border: 1px solid rgba(209,180,140,.55);
  background: rgba(2,6,23,.55);
  color: var(--text-soft);
}

.np-wc-lost-wrap .woocommerce-error{
  border-radius: 18px;
  padding: 14px 14px;
  border: 1px solid rgba(148,163,184,.55);
  background: rgba(2,6,23,.55);
  color: var(--text-soft);
}

/* 去掉 Woo 默认的左边色条/图标 */
.np-wc-lost-wrap .woocommerce-message::before,
.np-wc-lost-wrap .woocommerce-error::before,
.np-wc-lost-wrap .woocommerce-info::before{
  display:none !important;
}

/* 表单整体排版更接近截图 */
.np-wc-lost-wrap form.lost_reset_password{
  margin-top: 10px;
}

.np-wc-lost-wrap form.lost_reset_password p{
  margin: 0 0 12px 0;
  color: var(--text-soft);
  font-size: 13px;
  line-height: 1.6;
}

/* Label：Email */
.np-wc-lost-wrap form.lost_reset_password label{
  display:block;
  margin: 0 0 6px 0;
  color: var(--text-soft);
  font-size: 13px;
}

/* 输入框：胶囊 + 深色 + 细描边 */
.np-wc-lost-wrap form.lost_reset_password input[type="text"],
.np-wc-lost-wrap form.lost_reset_password input[type="email"]{
  width: 100%;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.35);
  background: #020617;
  color: var(--text-main);
  font-size: 13px;
  outline: none;
}

.np-wc-lost-wrap form.lost_reset_password input:focus{
  border-color: rgba(209,180,140,.9);
  box-shadow: 0 0 0 3px rgba(209,180,140,.14);
}

/* 按钮：金色大胶囊（跟截图一样宽） */
.np-wc-lost-wrap form.lost_reset_password button,
.np-wc-lost-wrap form.lost_reset_password .woocommerce-Button{
  width: 100%;
  margin-top: 10px;
  border-radius: 999px;
  padding: 14px 28px;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: var(--accent);
  color: #111827;
  border: none;
  box-shadow: 0 16px 30px rgba(0,0,0,.35);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.np-wc-lost-wrap form.lost_reset_password button:hover,
.np-wc-lost-wrap form.lost_reset_password .woocommerce-Button:hover{
  background: var(--accent-soft);
  transform: translateY(-1px);
  box-shadow: 0 20px 40px rgba(0,0,0,.5);
}

/* 隐藏 Woo 默认的多余说明（如果你想完全按截图的文案来） */
.np-wc-lost-wrap form.lost_reset_password .woocommerce-form-row:first-of-type + p{
  display:none;
}

/* AJAX reset form styling */
.np-ajax-reset__input{
  width:100%;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.35);
  background:#020617;
  color:var(--text-main);
  font-size:13px;
  outline:none;
}
.np-ajax-reset__input:focus{
  border-color: rgba(209,180,140,.9);
  box-shadow: 0 0 0 3px rgba(209,180,140,.14);
}

.np-ajax-reset__btn{
  width:100%;
  margin-top:14px;
  border-radius:999px;
  padding:14px 28px;
  letter-spacing:.12em;
  text-transform:uppercase;
  background: var(--accent);
  color:#111827;
  border:none;
  box-shadow:0 16px 30px rgba(0,0,0,.35);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.np-ajax-reset__btn:hover{
  background: var(--accent-soft) !important;
  transform: translateY(-1px);
  box-shadow:0 20px 40px rgba(0,0,0,.5);
}
.np-ajax-reset__btn:disabled{
  opacity:.8;
  cursor:not-allowed;
  transform:none;
}

.np-wc-reset-wrap input{
  width: 100%;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.35);
  background: #020617;
  color: var(--text-main);
  font-size: 13px;
  outline: none;
}

.np-wc-reset-wrap label {
    color: var(--text-soft);
}

.np-wc-reset-wrap p {
    font-size: 14px;
    color: var(--text-soft);
    text-transform: uppercase;
}

.np-wc-reset-wrap form.woocommerce-ResetPassword.lost_reset_password > p:first-of-type{
  display:none !important;
}
.np-wc-reset-wrap button {
    font-size: 16px;
    font-weight: 500 !important;
    width: 100% !important;
    color: var(--bg-dark);
    background: var(--accent);
    padding: 12px 30px;
    border-radius: 999px;
    border: none !important;
}

.np-wc-reset-wrap button:hover {
    color: var(--bg-dark);
    background: var(--accent-soft);
}

.btn.btn-ghost:hover {
    color: var(--accent-soft) !important;
}

/* togglepass：默认显示 eyeoff，点击后显示 eye */
.np-togglepass svg{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.np-togglepass .np-eye{ display:none !important; }
.np-togglepass .np-eyeoff{ display:block !important; }
.np-togglepass.is-showing .np-eye{ display:block !important; }
.np-togglepass.is-showing .np-eyeoff{ display:none !important; }

/* 让密码输入框的包裹容器固定定位 */
.np-passwrap{ position:relative; }

/* 统一密码输入框右侧留出空间，避免文字顶到按钮 */
.np-passwrap input{
  padding-right: 58px !important;
}

/* 眼睛按钮：圆形、贴右、垂直居中 */
.np-passwrap .np-togglepass{
  position:absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: rgba(2,6,23,.60) !important;
  color: var(--text-muted) !important;
  cursor: pointer !important;
  padding: 0 !important;
}


/* 强制 SVG 显示 */
.np-togglepass svg{
  display:block !important;
  opacity:1 !important;
}

/* 标题+back 那一行更贴顶 */
.np-reset-head{ margin-bottom: 4px !important; }

/* 描述文字往上抬 */
.np-reset-desc{ margin-top: -8px !important; margin-bottom: 14px !important; }

.np-reset-text{ min-width:0; }/* End custom CSS */
/* Start custom CSS *//* 全站：autofill 去背景 + 文字统一为 --text-muted */
html body input:-webkit-autofill,
html body input:-webkit-autofill:hover,
html body input:-webkit-autofill:focus,
html body textarea:-webkit-autofill,
html body textarea:-webkit-autofill:hover,
html body textarea:-webkit-autofill:focus,
html body select:-webkit-autofill,
html body select:-webkit-autofill:hover,
html body select:-webkit-autofill:focus {
  /* 去掉 autofill 背景（Chrome/Edge/Safari 用 inset 阴影实现） */
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  background-color: transparent !important;
  background-image: none !important;

  /* autofill 文字颜色强制统一为变量 --text-muted */
  -webkit-text-fill-color: var(--text-main) !important;
  color: var(--text-main) !important;
  caret-color: var(--text-main) !important;

  /* 防止闪回 */
  transition: background-color 999999s ease-out 0s !important;
}/* End custom CSS */