﻿/* checkacc.php measured at 1440, 1366, 1024, 768 and 390px. */
.hj-blacklist-page{background:var(--site-blacklist-background-f2f4fa);color:var(--site-blacklist-color-919191);font-family:FooterThmanyah,-apple-system,system-ui,"Segoe UI",sans-serif;font-size:16px;font-weight:500;line-height:24px}
.hj-blacklist-page{display:flow-root}
.hj-blacklist-page *{box-sizing:border-box}
.hj-blacklist-back{max-width:1280px;height:94px;margin:auto;padding:20px 16px 0}
.hj-blacklist-back a{display:flex;width:28px;height:34px;align-items:center;color:var(--site-blacklist-color-919191)}
.hj-blacklist-back .hj-icon{width:28px;height:28px}
.hj-blacklist-content{max-width:1280px;margin:auto;padding-top:2vh}
.hj-blacklist-check{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:70vh;padding:40px 80px 80px;background:var(--site-blacklist-background-cfd5e8);border-radius:10px}
.hj-blacklist-shield{display:block;width:20vw;height:auto;margin:0 0 16px}
.hj-blacklist-intro{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%}
.hj-blacklist-page h1,.hj-blacklist-page h2{font:600 20px/28px FooterThmanyah,-apple-system,system-ui,sans-serif;color:var(--site-blacklist-color-474955);margin:0}
.hj-blacklist-intro p{margin:0;padding:12px 0;line-height:24px}
.hj-blacklist-form{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;margin:0}
.hj-blacklist-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hj-blacklist-form input,.hj-blacklist-form button{width:100%;max-width:350px;min-width:0;height:40px;margin:5px 0;border:0;border-radius:10px;font:500 16px/24px FooterThmanyah,-apple-system,system-ui,sans-serif;text-align:center}
.hj-blacklist-form input{min-height:40px;padding:5px 10px;background:var(--site-blacklist-background-ffffff);color:var(--site-blacklist-color-919191);box-shadow:none}
.hj-blacklist-form input::placeholder{color:var(--site-blacklist-color-bbbbbf);opacity:1}
.hj-blacklist-form input:focus{outline:1px solid var(--site-blacklist-outlinefocus-1073c0);color:var(--site-blacklist-colorfocus-85add6)}
.hj-blacklist-form button{display:flex;align-items:center;justify-content:center;padding:15px;background:var(--site-blacklist-background-1073c0);color:var(--site-blacklist-color-f1f8fe);box-shadow:0 2px 5px var(--site-blacklist-box-shadow-0066cc-alpha-00784313725490196);cursor:pointer}
.hj-blacklist-form button:hover{background:var(--site-blacklist-backgroundhover-0061ad)}
.hj-blacklist-form button:disabled{opacity:.6;cursor:wait}
.hj-blacklist-page .hj-blacklist-result,.hj-blacklist-page [data-page-error]{width:100%;max-width:500px;margin:10px 0 0;padding:10px 0;border:0;border-top:1px solid var(--site-blacklist-border-top-b4bfd5);border-radius:0;background:transparent;color:var(--site-blacklist-color-474955);text-align:center;overflow-wrap:anywhere;font-size:16px;line-height:24px}
.hj-blacklist-page [data-page-error]{color:var(--hj-danger)}
.hj-blacklist-guide{text-align:start}
.hj-blacklist-guide h2{margin:16px 0;text-align:center}
.hj-blacklist-tips{width:100%;max-width:95vw;padding:20px;background:var(--site-blacklist-background-ffffff);border-radius:10px;margin:0 auto 32px}
.hj-blacklist-tips h3:empty{display:none}
.hj-blacklist-tips h4{font-size:18px;font-weight:600;line-height:28px;color:var(--site-blacklist-color-474955);margin:16px 0}
.hj-blacklist-tips p{font-size:16px;line-height:24px;margin:0;padding:10px 0}
@media(min-width:768px){.hj-blacklist-tips{position:sticky;bottom:0}}
@media(max-width:767px){.hj-blacklist-content{padding-inline:20px}.hj-blacklist-back{padding-inline:28px}.hj-blacklist-page h1,.hj-blacklist-page h2{font-size:18px}.hj-blacklist-tips h4{font-size:16px;line-height:24px}}
@media(max-width:359px){.hj-blacklist-check{padding-inline:60px}}
[dir=ltr] .hj-blacklist-back .hj-icon{transform:rotate(180deg)}
[data-theme=dark] .hj-blacklist-page{background:var(--hj-surface);color:var(--hj-text)}
[data-theme=dark] .hj-blacklist-check{background:var(--site-blacklist-background-cfd5e8)}
[data-theme=dark] .hj-blacklist-tips,[data-theme=dark] .hj-blacklist-form input{background:var(--hj-card)}
[data-theme=dark] .hj-blacklist-page h1,[data-theme=dark] .hj-blacklist-page h2,[data-theme=dark] .hj-blacklist-tips h4,[data-theme=dark] .hj-blacklist-result{color:var(--hj-text)}
