/* 自动生成，禁止人工编辑。请运行 npm run build 重建。 */
.verification-page{background:var(--cb-bg-cinema);color:var(--cb-text)}
.verification-page h1,.verification-page h2,.verification-page h3{font-family:var(--cb-font-heading);letter-spacing:-.025em;line-height:1.15;text-wrap:balance}
.verification-page h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:0 0 1.25rem}
.verification-page h3{font-size:1.25rem;margin:0 0 .8rem}
.verification-page p{line-height:1.75;color:var(--cb-text-muted);max-width:65ch}
.verification-page a:not(.button){color:var(--cb-info-readable);text-underline-offset:.25em}
.verification-page .button--primary{background:var(--cb-info);color:var(--cb-bg-cinema);border-color:var(--cb-info);white-space:normal;text-align:center;min-height:48px}
.verification-page .button--primary:hover{background:var(--cb-info-readable)}
.verification-page .verify-eyebrow{font-family:var(--cb-font-heading);font-size:.78rem;letter-spacing:.11em;color:var(--cb-brand-gold);font-weight:600}
.verify-hero{padding:clamp(2.5rem,5vw,4.5rem) 0 2.5rem;background:radial-gradient(ellipse at 18% 0%,rgb(217 167 46 / .08),transparent 65%),linear-gradient(var(--cb-bg-navy),#101b2d)}
.verify-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;justify-items:center}
.verify-heading h1{font-size:clamp(2.25rem,4vw,3.75rem);max-width:24ch;white-space:normal;margin:.6rem auto 0}
.verify-heading .verify-lead{font-size:1.2rem;color:var(--cb-text);margin:0}
.verify-workspace{padding:0 0 var(--cb-section-space);background:linear-gradient(#101b2d,var(--cb-bg-cinema))}
.verify-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem)}
.verify-tool{padding:clamp(1.25rem,3vw,2.5rem);border:1px solid var(--cb-border);border-radius:var(--cb-radius-card);background:var(--cb-bg-navy)}
.verify-choice{padding:0;border:0;margin:0 0 2rem;min-width:0}
.verify-choice legend{margin-bottom:1rem;font-weight:600}
.verify-choice>div{display:flex;border-bottom:1px solid var(--cb-border);gap:1.5rem}
.verify-choice label{cursor:pointer;position:relative;flex:1;min-width:0}
.verify-choice input{position:absolute;opacity:0;width:1px;height:1px}
.verify-choice span{display:block;padding:.85rem 0;border-bottom:2px solid transparent;color:var(--cb-text-muted)}
.verify-choice input:checked+span{border-color:var(--cb-brand-gold);color:var(--cb-text)}
.verify-choice input:focus-visible+span{outline:2px solid var(--cb-info);outline-offset:4px}
.verify-label{font-weight:600;display:block}.verify-tool #verification-hint{font-size:.88rem;margin:.5rem 0 1rem}
.verify-input-row{display:flex;gap:.75rem;align-items:stretch}
.verify-tool input:not([type=radio]){min-width:0;flex:1;width:100%;border:1px solid var(--cb-border);border-radius:var(--cb-radius-control);background:var(--cb-bg-cinema);color:var(--cb-text);font:inherit;padding:.8rem 1rem;min-height:48px}
.verify-tool input:focus-visible{outline:2px solid var(--cb-info);outline-offset:2px}
.verify-tool .verify-privacy{font-size:.78rem;margin:1rem 0 0}.verify-tool button:disabled{opacity:.6;cursor:wait}
#verification-message{margin-bottom:0}#verification-message:empty{display:none}
#verification-result{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--cb-border);overflow-wrap:anywhere}
#verification-result h2{font-size:1rem;color:var(--cb-text-muted)}#verification-result [data-result-status]{font-size:1.3rem;color:var(--cb-text);font-weight:600}
#verification-result dl{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}#verification-result dt{color:var(--cb-text-muted)}#verification-result dd{margin:0;text-align:right}
#verification-challenge{margin-top:1rem}#verification-challenge input{display:block;max-width:10rem;margin-top:.5rem}
.verify-guide{align-self:center}.verify-guide h2{font-size:1.6rem}.verify-guide p{font-size:.94rem}
.verify-guide-mark{display:block;color:var(--cb-brand-gold);font-family:var(--cb-font-heading);font-size:2.5rem;margin-bottom:1rem}
.verify-context,.verify-faq,.verify-help{padding:var(--cb-section-space) 0;border-top:1px solid color-mix(in srgb,var(--cb-border) 55%,transparent)}
.verify-context{background:linear-gradient(var(--cb-bg-cinema),var(--cb-bg-navy))}.verify-context>div>h2{max-width:22ch}
.verify-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem}.verify-context-grid p{max-width:54ch}
.verify-faq{background:linear-gradient(var(--cb-bg-navy),var(--cb-bg-cinema))}.verify-faq .verify-layout{grid-template-columns:1fr 1.5fr}
.verify-faq details{border-bottom:1px solid var(--cb-border);padding:1.2rem 0}.verify-faq summary{cursor:pointer;font-weight:600}.verify-faq details:first-child{padding-top:0}
.verify-help{background:radial-gradient(ellipse at 80% 50%,rgb(75 141 255 / .08),transparent 65%),linear-gradient(var(--cb-bg-cinema),var(--cb-bg-navy))}
.verify-help-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.verify-help nav{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;font-size:.88rem}
.verification-page [hidden]{display:none!important}
@media(max-width:800px){.verify-heading,.verify-layout,.verify-faq .verify-layout,.verify-help-inner{grid-template-columns:1fr;gap:2rem}.verify-heading{gap:1.25rem}.verify-guide-mark{display:none}.verify-context-grid{gap:2rem}.verify-help nav{gap:1rem}.verify-input-row{flex-direction:column}.verify-guide{max-width:60ch}}
@media(max-width:480px){.verify-context-grid{grid-template-columns:1fr}.verify-choice>div{gap:.75rem}.verify-choice span{font-size:.9rem}#verification-result dl{grid-template-columns:1fr;gap:.3rem}#verification-result dd{text-align:left;margin-bottom:.6rem}}

/* 验证流程使用与服务页一致的浅色操作表面。 */
.verification-page .verify-workspace {
  padding-top: var(--cb-section-space);
  background: linear-gradient(var(--cb-bg-cinema), var(--cb-bg-navy));
}
.verification-page .verify-context { background: linear-gradient(var(--cb-bg-navy), var(--cb-bg-cinema)); }
.verification-page .verify-faq { background: linear-gradient(var(--cb-bg-cinema), var(--cb-bg-navy)); }
.verification-page .verify-help { background: linear-gradient(var(--cb-bg-navy), var(--cb-bg-cinema)); }
.verification-page .verify-workspace .button--primary,
.verification-page .verify-help .button--primary { color: #fff; }
.verification-page .verify-tool input:not([type=radio]) {
  background: var(--cb-bg-navy);
  border-color: #7c8ba0;
  caret-color: var(--cb-info);
}
.verification-page .verify-tool input::placeholder { color: var(--cb-text-muted); opacity: 1; }
.verification-page > :not(.verify-hero) ::selection { background: #dce8fb; color: var(--cb-text); }

.verify-guide-image { margin: 1.25rem 0; }
.verify-guide-image img { display: block; width: 100%; height: auto; border-radius: var(--cb-radius-control); }
.verify-guide-image figcaption { color: var(--cb-text-muted); font-size: .78rem; line-height: 1.6; margin-top: .5rem; }
.verify-workspace .verify-layout { align-items: start; }
.verify-guide { align-self: start; }

/* 验证与找码按任务顺序排列，避免图片撑高窄侧栏。 */
.verify-workspace > .verify-layout {
  grid-template-columns: minmax(0, 1fr);
  max-width: 68rem;
  gap: 2.5rem;
}
.verify-workspace .verify-tool { padding: clamp(1.25rem, 3vw, 2.25rem); }
.verify-workspace .verify-guide {
  max-width: none;
  padding-top: 2.5rem;
  border-top: 1px solid var(--cb-border);
}
.verify-guide-copy h2 { margin-bottom: 1.25rem; }
.verify-guide [data-guide] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 30rem); align-items: center; gap: clamp(2rem, 5vw, 4rem); }
.verify-guide-copy p { max-width: 48ch; margin: 0; }
.verify-guide-image { width: 100%; max-width: 30rem; margin: 0; }
@media(max-width:700px) {
  .verify-guide [data-guide] { display: block; }
  .verify-guide-image { margin-top: 1.25rem; }
  .verify-workspace > .verify-layout { gap: 2rem; }
  .verify-workspace .verify-guide { padding-top: 2rem; }
}

/* 支持页统一采用紧凑居中头部。 */
.verification-page .verify-hero { padding-block: clamp(2.25rem, 4vw, 3.5rem); text-align: center; }
.verify-hero p { margin-inline: auto; }
.verify-heading > div { max-width: 58ch; }
.verify-heading > div > p:last-child { margin-bottom: 0; }

#verification-challenge img{display:block;width:148px;height:auto;margin-top:.6rem;border:1px solid var(--cb-border);border-radius:8px}
#verification-challenge input{width:128px;min-height:48px;text-transform:uppercase}
