﻿/* checkacc.php measured at 1440, 1366, 1024, 768 and 390px. */
.hj-blacklist-page{background:#f2f4fa;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:#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:#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:#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:#fff;color:#919191;box-shadow:none}
.hj-blacklist-form input::placeholder{color:#bbbbbf;opacity:1}
.hj-blacklist-form input:focus{outline:1px solid #1073c0;color:#85add6}
.hj-blacklist-form button{display:flex;align-items:center;justify-content:center;padding:15px;background:#1073c0;color:#f1f8fe;box-shadow:0 2px 5px #0066cc14;cursor:pointer}
.hj-blacklist-form button:hover{background:#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 #b4bfd5;border-radius:0;background:transparent;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:#fff;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:#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:#262d40}
[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)}
