:root {
  --bg: #06100b;
  --panel: #0b1c14;
  --panel-2: #11271c;
  --line: #274b3a;
  --text: #f1fff7;
  --muted: #8da699;
  --cyan: #49d99a;
  --blue: #9dcc5a;
  --green: #b6e86e;
  --red: #ff746a;
  --shadow: 0 28px 90px rgba(0, 9, 4, .58);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: linear-gradient(180deg, #07120c, var(--bg)); color: var(--text); font-family: Inter, "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body.entry-locked { overflow: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
.shell { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }

.entry-loader { position: fixed; z-index: 200; inset: 0; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 50% 28%, rgba(73,217,154,.18), transparent 34%), radial-gradient(circle at 74% 66%, rgba(157,204,90,.1), transparent 32%), #050d08; }
.entry-loader::before { content: ""; position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(rgba(73,217,154,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(73,217,154,.055) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(circle at center, #000, transparent 74%); }
.entry-loader-card { position: relative; width: min(430px, 100%); padding: 40px 34px 32px; border: 1px solid rgba(73,217,154,.24); border-radius: 20px; background: linear-gradient(145deg, rgba(15,40,27,.96), rgba(6,20,12,.96)); box-shadow: 0 35px 120px rgba(0,0,0,.6); text-align: center; }
.entry-loader-logo { width: 60px; height: 60px; margin: 0 auto 14px; display: grid; place-items: center; border: 2px solid var(--cyan); border-radius: 17px; color: var(--cyan); font-size: 27px; font-weight: 900; box-shadow: inset 0 0 24px rgba(73,217,154,.12), 0 0 35px rgba(73,217,154,.1); }
.entry-loader-card > strong { display: block; margin-bottom: 26px; font-size: 23px; letter-spacing: -.04em; }
.entry-loader-status { display: flex; align-items: center; justify-content: center; gap: 10px; color: #a1b9ac; font-size: 14px; }
.entry-loader-progress { height: 8px; margin-top: 20px; overflow: hidden; border: 1px solid #28513c; border-radius: 999px; background: #06140d; }
.entry-loader-progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #32c883, #70d274, #acd160); box-shadow: 0 0 22px rgba(73,217,154,.42); transition: width .96s linear; }

.site-header { position: sticky; z-index: 30; top: 0; border-bottom: 1px solid rgba(73, 217, 154, .14); background: rgba(5, 14, 9, .9); backdrop-filter: blur(16px); }
.nav { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 850; letter-spacing: -.04em; }
.brand-mark { width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid var(--cyan); border-radius: 11px; color: var(--cyan); box-shadow: inset 0 0 18px rgba(73,217,154,.11), 0 0 22px rgba(73,217,154,.08); }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.language { display: flex; gap: 3px; padding: 4px; border: 1px solid rgba(73, 217, 154, .27); border-radius: 999px; background: #0a1b13; }
.language button, .network-tabs button { border: 0; background: transparent; color: #78929d; cursor: pointer; }
.language button { min-height: 34px; padding: 0 12px; border-radius: 999px; font-size: 13px; font-weight: 750; }
.language button.active { background: linear-gradient(135deg, var(--cyan), var(--blue)); color: #031016; }
.primary, .secondary { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; padding: 0 22px; border: 0; cursor: pointer; font-weight: 800; transition: transform .18s ease, filter .18s ease, opacity .18s ease; }
.primary { background: linear-gradient(135deg, #28b979, #62c96b 58%, #9bc857); color: #04120a; box-shadow: 0 10px 30px rgba(64, 184, 112, .24); }
.primary:hover:not(:disabled), .secondary:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.08); }
.primary:disabled, .secondary:disabled { opacity: .55; cursor: not-allowed; }
.primary.mini { min-height: 40px; padding: 0 16px; font-size: 13px; }
.secondary { border: 1px solid #3b6b53; background: #0c2016; color: #edfff4; }

.hero { position: relative; min-height: 790px; overflow: hidden; background: radial-gradient(circle at 46% -4%, rgba(73,217,154,.2), transparent 36%), radial-gradient(circle at 88% 32%, rgba(157,204,90,.12), transparent 31%), linear-gradient(180deg, #0a1a11 0%, var(--bg) 100%); }
.grid-glow { position: absolute; inset: 0; opacity: .3; background-image: linear-gradient(rgba(73,217,154,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(73,217,154,.055) 1px, transparent 1px); background-size: 88px 88px; mask-image: linear-gradient(to bottom, black, transparent 78%); }
.hero-content { position: relative; padding: 105px 0 70px; text-align: center; }
.eyebrow { width: fit-content; margin: 0 auto 24px; display: inline-flex; align-items: center; gap: 10px; padding: 8px 13px; border: 1px solid rgba(73,217,154,.3); border-radius: 999px; background: rgba(73,217,154,.075); color: #81e6b0; font-size: 12px; letter-spacing: .08em; }
.eyebrow span { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(97,231,173,.1); animation: pulse 1.8s infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 0 10px rgba(97,231,173,0); } }
h1 { margin: 0 auto; max-width: 930px; font-size: clamp(44px, 7vw, 78px); line-height: 1.03; letter-spacing: -.065em; }
h1 span, h1 strong { display: block; }
h1 strong { margin-top: 10px; background: linear-gradient(100deg, #4bdc9c, #9de06d 52%, #d7d36a); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[lang="zh-CN"] h1 { max-width: 1120px; font-size: clamp(20px, 5.45vw, 70px); letter-spacing: -.055em; }
html[lang="zh-CN"] h1 span,
html[lang="zh-CN"] h1 strong { white-space: nowrap; }
html[lang="en"] h1 { max-width: 1040px; font-size: clamp(42px, 6.15vw, 70px); font-weight: 600; line-height: 1.08; letter-spacing: -.052em; }
html[lang="en"] h1 strong { font-weight: 600; }
html[lang="en"] .eyebrow b { font-weight: 600; }
.lead { max-width: 740px; margin: 25px auto 0; color: #9aafb8; font-size: 18px; line-height: 1.75; }
.safety-pill { width: fit-content; margin: 20px auto 0; padding: 9px 14px; border: 1px solid rgba(97,231,173,.25); border-radius: 9px; background: rgba(97,231,173,.055); color: #7ee7b9; font-size: 13px; }

.query-card { max-width: 850px; margin: 38px auto 0; padding: 18px; border: 1px solid #2b5540; border-radius: 16px; background: linear-gradient(145deg, rgba(15,39,27,.97), rgba(7,24,15,.97)); box-shadow: var(--shadow); text-align: left; }
.network-tabs { display: flex; gap: 6px; margin-bottom: 13px; }
.network-tabs button { min-height: 32px; padding: 0 13px; border-radius: 7px; font-size: 11px; font-weight: 850; letter-spacing: .08em; }
.network-tabs button.active { background: #183b29; color: #edfff5; }
.query-card label { display: block; margin-bottom: 8px; color: #91a8b2; font-size: 12px; font-weight: 700; }
.query-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.query-row input { min-width: 0; height: 54px; padding: 0 17px; border: 1px solid #315d47; border-radius: 10px; outline: 0; background: #06140d; color: #fff; }
.query-row input:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(38,211,224,.1); }
.query-note { margin: 12px 2px 0; color: #66828e; font-size: 12px; }
.captcha-panel { margin-top: 13px; padding: 15px; border: 1px solid #315a45; border-radius: 11px; background: #081a11; }
.captcha-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 11px; }
.captcha-heading strong { font-size: 14px; }
.captcha-heading span { color: #779184; font-size: 12px; }
.captcha-row { display: grid; grid-template-columns: 132px 1fr auto; gap: 9px; }
.captcha-code { position: relative; min-height: 48px; overflow: hidden; padding: 0; border: 1px solid #3a6c52; border-radius: 9px; background: #10291c; cursor: pointer; }
.captcha-code img { width: 100%; height: 48px; display: block; object-fit: cover; }
.captcha-code.loading::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(140,240,186,.14), transparent); animation: captcha-shimmer 1s linear infinite; }
@keyframes captcha-shimmer { to { transform: translateX(100%); } }
.captcha-row input { min-width: 0; height: 48px; padding: 0 14px; border: 1px solid #315d47; border-radius: 9px; outline: 0; background: #06140d; color: #fff; text-transform: uppercase; }
.captcha-row input:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(73,217,154,.1); }
.captcha-change { margin-top: 10px; padding: 2px 0; border: 0; background: transparent; color: #718a7e; font-size: 12px; cursor: pointer; }
.captcha-change:hover { color: #c9f6dd; }
.result { display: none; margin-top: 14px; padding: 17px; border-radius: 11px; line-height: 1.55; }
.result.show { display: block; }
.result.info { border: 1px solid rgba(73,217,154,.22); background: rgba(73,217,154,.06); color: #9bd6b7; }
.result.loading { display: flex; align-items: center; gap: 11px; border: 1px solid rgba(38,211,224,.24); background: rgba(38,211,224,.07); color: #8becf1; }
.result.error, .result.risk { border: 1px solid rgba(255,116,106,.32); background: rgba(255,116,106,.075); color: #ffaaa4; }
.result.safe { border: 1px solid rgba(97,231,173,.3); background: rgba(97,231,173,.07); color: #a1f2cb; }
.result strong { display: block; margin-bottom: 5px; color: #fff; font-size: 17px; }
.result small { display: block; margin-top: 8px; color: #829aa5; }
.spinner { width: 19px; height: 19px; flex: 0 0 auto; border: 2px solid rgba(255,255,255,.16); border-top-color: var(--cyan); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.trust-row { max-width: 850px; margin: 34px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #17333f; border-bottom: 1px solid #17333f; }
.trust-row div { padding: 21px 16px; display: grid; grid-template-columns: 32px 1fr; text-align: left; }
.trust-row div + div { border-left: 1px solid #17333f; }
.trust-row span { grid-row: 1 / 3; color: var(--cyan); font-size: 12px; font-weight: 900; }
.trust-row b { font-size: 14px; }
.trust-row small { margin-top: 4px; color: #6f8994; }

.risk-section { padding: 105px 0; background: linear-gradient(180deg, #06100b, #0a1b12); }
.section-heading { max-width: 750px; margin: 0 auto 42px; text-align: center; }
.section-heading > p { margin: 0 0 11px; color: var(--cyan); font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.section-heading h2 { margin: 0; font-size: clamp(31px, 5vw, 50px); line-height: 1.12; letter-spacing: -.05em; }
html[lang="zh-CN"] .section-heading { max-width: 1100px; }
html[lang="zh-CN"] .section-heading h2 { font-size: clamp(18px, 3.5vw, 46px); white-space: nowrap; }
.section-heading span { display: block; margin-top: 16px; color: #849ca7; line-height: 1.75; }
.risk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.risk-grid article { padding: 31px; border: 1px solid #274b39; border-radius: 14px; background: linear-gradient(145deg, #0d2418, #08170f); }
.risk-grid i { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid rgba(38,211,224,.27); border-radius: 10px; background: rgba(38,211,224,.07); color: var(--cyan); font-style: normal; font-size: 13px; font-weight: 900; }
.risk-grid h3 { margin: 23px 0 10px; font-size: 20px; }
.risk-grid p { margin: 0; color: #8198a3; line-height: 1.7; }
.warning { margin-top: 25px; padding: 19px 22px; display: flex; gap: 13px; border-left: 3px solid var(--cyan); background: #0d2418; color: #91aa9d; line-height: 1.65; }
.warning strong { flex: 0 0 auto; color: #eafcff; }
footer { padding: 45px 0; border-top: 1px solid #204331; background: #030a06; }
.footer-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; }
.footer-row p { max-width: 600px; margin: 14px 0 0; color: #637b86; font-size: 12px; }
.footer-row > p { text-align: right; }

.modal { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(2,5,8,.8); backdrop-filter: blur(10px); }
[hidden] { display: none !important; }
.modal-card { width: min(480px, 100%); padding: 35px; border: 1px solid #2e5a44; border-radius: 17px; background: linear-gradient(145deg, #102b1e, #08180f); box-shadow: 0 34px 110px rgba(0,0,0,.62); text-align: center; }
.modal-icon { width: 54px; height: 54px; margin: 0 auto 18px; display: grid; place-items: center; border: 1px solid rgba(38,211,224,.4); border-radius: 50%; background: rgba(38,211,224,.08); color: #68e7ed; font-size: 27px; font-weight: 900; }
.modal-card h2 { margin: 0; font-size: 25px; }
.modal-card p { min-height: 52px; margin: 12px 0 0; color: #9eb1ba; line-height: 1.6; }
.modal-actions { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.notice-card { width: min(520px, 100%); }
.notice-icon { border-color: rgba(97,231,173,.42); background: rgba(97,231,173,.09); color: #8cf0ba; font-family: Georgia, serif; text-transform: lowercase; }
.notice-message { min-height: 0 !important; margin-top: 17px !important; color: #eafff3 !important; font-size: 18px; font-weight: 750; overflow-wrap: anywhere; }
.notice-countdown { min-height: 24px !important; margin-top: 14px !important; color: #8da699 !important; font-size: 13px; }
.notice-actions { margin-top: 20px; }
.notice-actions .primary { width: 100%; }

@media (max-width: 760px) {
  .shell { width: min(100% - 28px, 1120px); }
  .nav { min-height: 64px; gap: 8px; }
  .brand { font-size: 14px; gap: 7px; }
  .brand-mark { width: 31px; height: 31px; }
  .nav-actions { gap: 6px; }
  .language { padding: 3px; }
  .language button { min-height: 32px; padding: 0 8px; font-size: 11px; }
  .primary.mini { display: none; }
  .hero { min-height: 0; }
  .hero-content { padding: 72px 0 55px; }
  h1 { font-size: clamp(39px, 12vw, 57px); }
  html[lang="en"] h1 { font-size: clamp(36px, 10.8vw, 48px); line-height: 1.1; }
  .lead { font-size: 16px; }
  .safety-pill { line-height: 1.5; }
  .query-card { padding: 13px; }
  .query-row { grid-template-columns: 1fr; }
  .captcha-heading { align-items: flex-start; flex-direction: column; gap: 3px; }
  .captcha-row { grid-template-columns: 1fr 1fr; }
  .captcha-row .primary { grid-column: 1 / -1; }
  .query-row .primary { width: 100%; }
  .trust-row { grid-template-columns: 1fr; }
  .trust-row div + div { border-left: 0; border-top: 1px solid #17333f; }
  .risk-section { padding: 78px 0; }
  .risk-grid { grid-template-columns: 1fr; }
  .risk-grid article { padding: 27px; }
  .warning { flex-direction: column; }
  .footer-row { align-items: flex-start; flex-direction: column; }
  .footer-row > p { text-align: left; }
  .modal-card { padding: 29px 21px; }
  .modal-actions { grid-template-columns: 1fr; }
}

@media (max-width: 370px) {
  .language button { padding: 0 6px; font-size: 10px; }
  .brand { font-size: 12px; }
  .brand-mark { width: 28px; height: 28px; }
}