@font-face{font-family:"Be Vietnam Pro";src:url("./fonts/be-vietnam-pro-vietnamese-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";src:url("./fonts/be-vietnam-pro-latin-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("./fonts/be-vietnam-pro-vietnamese-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";src:url("./fonts/be-vietnam-pro-latin-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("./fonts/be-vietnam-pro-vietnamese-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";src:url("./fonts/be-vietnam-pro-latin-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("./fonts/be-vietnam-pro-vietnamese-800.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";src:url("./fonts/be-vietnam-pro-latin-800.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
:root{--brand-lime:#e5ee00;--brand-gold:#d8a300;--brand-orange:#d96b11;--charcoal:#191a1d;--charcoal-soft:#282a2f;--surface:#fff;--surface-warm:#fffdf3;--text:#24272c;--text-muted:#616871;--text-on-dark:#f7f8f3;--border:#e5e3d2;--success:#087b60;--warning:#a83e2a;--shell:1220px;--radius:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:#f7f7f2;font-family:"Be Vietnam Pro",system-ui,sans-serif;font-size:16px;line-height:1.6}
svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
img{display:block;max-width:100%}
button,input{font:inherit}
.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}
.skip-link{position:absolute;z-index:20;top:-5rem;left:1rem;padding:.65rem 1rem;border-radius:8px;color:var(--charcoal);background:var(--brand-lime);font-weight:800}
.skip-link:focus{top:1rem}
:focus-visible{outline:3px solid var(--brand-orange);outline-offset:3px}
.site-header{position:relative;z-index:2;border-bottom:1px solid rgba(229,238,0,.28);color:var(--text-on-dark);background:var(--charcoal)}
.header-inner{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:inline-flex;min-width:0;align-items:center;gap:1.1rem;color:inherit;text-decoration:none}
.brand img{width:130px;height:auto}
.brand-divider{width:1px;height:32px;background:rgba(229,238,0,.5)}
.brand-label{font-size:.75rem;font-weight:700;letter-spacing:.02em}
.system-status{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;padding:.5rem .9rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#eef0e8;background:rgba(255,255,255,.05);font-size:.75rem;font-weight:600;white-space:nowrap}
.status-dot{width:8px;height:8px;border-radius:50%;background:#bfc4c0;box-shadow:0 0 0 4px rgba(191,196,192,.12)}
.system-status[data-state="ready"] .status-dot{background:#57d2b3;box-shadow:0 0 0 4px rgba(87,210,179,.14)}
.system-status[data-state="pending"] .status-dot{background:var(--brand-lime);box-shadow:0 0 0 4px rgba(229,238,0,.13)}
.system-status[data-state="error"] .status-dot{background:#ff967d;box-shadow:0 0 0 4px rgba(255,150,125,.14)}
.hero{position:relative;overflow:hidden;color:var(--text-on-dark);background:var(--charcoal);isolation:isolate}
.hero::before{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;content:""}
.hero::after{position:absolute;right:-15%;bottom:-55%;z-index:-1;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(229,238,0,.09),transparent 67%);content:"";pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding-block:clamp(4rem,8vw,7.5rem)}
.hero-copy{max-width:640px}
.eyebrow,.section-kicker,.card-kicker{margin:0 0 1.25rem;color:var(--brand-lime);font-size:.72rem;font-weight:800;letter-spacing:.16em}
.eyebrow{display:flex;align-items:center;gap:.7rem}
.eyebrow-line{width:26px;height:2px;background:var(--brand-lime)}
h1,h2,h3,p{overflow-wrap:break-word}
h1{margin:0;font-size:clamp(2.65rem,4.7vw,4.9rem);font-weight:800;letter-spacing:-.055em;line-height:1.13}
h1 span{color:var(--brand-lime)}
.hero-lead{max-width:36rem;margin:1.7rem 0 2rem;color:#c8cbc5;font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.8}
.hero-principle{display:flex;align-items:center;gap:.8rem;max-width:27rem;padding-top:1.2rem;border-top:1px solid rgba(229,238,0,.3);color:#e1e3db;font-size:.8rem}
.hero-principle svg{width:26px;height:26px;flex:none;color:var(--brand-lime)}
.checker-card{min-width:0;padding:clamp(1.3rem,2.6vw,2.2rem);border:1px solid #efedda;border-radius:var(--radius);color:var(--text);background:var(--surface);box-shadow:0 28px 60px rgba(0,0,0,.24)}
.checker-top{display:flex;align-items:center;gap:1rem}
.checker-icon{display:grid;width:52px;height:52px;flex:none;place-items:center;padding:13px;border-radius:13px;color:var(--charcoal);background:var(--brand-lime)}
.card-kicker{margin-bottom:.12rem;color:#6c5911;font-size:.65rem}
.checker-top h2{margin:0;font-size:1.4rem;letter-spacing:-.04em;line-height:1.25}
.checker-intro{margin:1.15rem 0 1.45rem;color:var(--text-muted);font-size:.82rem}
form{display:grid;gap:.65rem}
label{font-size:.8rem;font-weight:700}
input{width:100%;min-width:0;min-height:56px;padding:.75rem 1rem;border:1.5px solid #c9cbd0;border-radius:11px;color:var(--text);background:#fff;outline:none}
input::placeholder{color:#777e86}
input:focus-visible{border-color:#786100;outline:3px solid rgba(229,238,0,.5);outline-offset:1px}
input[aria-invalid="true"]{border-color:var(--warning)}
input:disabled{color:#74777d;background:#f1f1ed;cursor:not-allowed}
.input-message{min-height:1.3rem;margin:-.15rem 0 .15rem;color:var(--text-muted);font-size:.7rem}
.input-message[data-error="true"]{color:var(--warning);font-weight:700}
button{display:flex;min-height:56px;align-items:center;justify-content:center;gap:.7rem;padding:.75rem 1.1rem;border:0;border-radius:11px;color:var(--charcoal);background:var(--brand-lime);font-size:.83rem;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease}
button svg{width:20px;height:20px}
button:hover:not(:disabled){background:#f2fa25;transform:translateY(-2px)}
button:active:not(:disabled){transform:translateY(0)}
button:disabled{color:#363a1b;background:#e7eb7a;cursor:not-allowed}
.result{display:flex;min-width:0;gap:1rem;margin-top:1.35rem;padding:1.2rem;border:1px solid #e0e0d8;border-radius:14px;background:#f6f7f5}
.result-icon{display:grid;width:42px;height:42px;flex:none;place-items:center;padding:9px;border-radius:11px;color:#41484a;background:#e9ece9}
.result-copy{min-width:0}
.result-eyebrow{margin:0 0 .15rem;color:#576060;font-size:.62rem;font-weight:800;letter-spacing:.12em}
.result h3{margin:0 0 .3rem;font-size:.91rem;line-height:1.4}
.result-copy>p:not(.result-eyebrow){margin:0;color:#535b5f;font-size:.74rem;line-height:1.6}
.result .result-domain{margin-top:.6rem;padding-top:.55rem;border-top:1px solid currentColor;color:var(--text);overflow-wrap:anywhere}
.result-domain[hidden]{display:none}
.result-domain strong{font-weight:800}
.result[data-state="trusted"]{border-color:#b8e2d4;background:#edfaf5}
.result[data-state="trusted"] .result-icon{color:#fff;background:var(--success)}
.result[data-state="trusted"] .result-eyebrow{color:#086349}
.result[data-state="untrusted"],.result[data-state="invalid"]{border-color:#f1c8b9;background:#fff4ee}
.result[data-state="untrusted"] .result-icon,.result[data-state="invalid"] .result-icon{color:#fff;background:var(--warning)}
.result[data-state="untrusted"] .result-eyebrow,.result[data-state="invalid"] .result-eyebrow{color:#8e3423}
.result[data-state="pending-approval"]{border-color:#e3df9e;background:#fffdf0}
.result[data-state="pending-approval"] .result-icon{color:var(--charcoal);background:var(--brand-lime)}
.result[data-state="data-error"]{border-color:#e9b6b4;background:#fff1f0}
.result[data-state="data-error"] .result-icon{color:#fff;background:var(--warning)}
.result--animate{animation:result-enter .38s ease-out both}
@keyframes result-enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
.commitments{padding-block:clamp(4rem,7vw,6rem);background:#f8f8f3}
.section-heading{max-width:690px;margin-bottom:2.25rem}
.section-kicker{margin-bottom:.7rem;color:#926800}
.section-heading h2,.safety h2{margin:0;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.2;letter-spacing:-.045em}
.section-heading>p:last-child{margin:.8rem 0 0;color:var(--text-muted);font-size:.9rem}
.commitment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.commitment-card{min-width:0;min-height:240px;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 10px 26px rgba(33,37,29,.035)}
.line-icon{width:39px;height:39px;margin-bottom:1.7rem;color:#806200}
.commitment-card h3{margin:0 0 .55rem;font-size:1rem;letter-spacing:-.025em}
.commitment-card p{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.7}
.process{padding-block:clamp(4rem,7vw,6rem);background:var(--surface-warm)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none;counter-reset:none}
.steps li{position:relative;display:flex;align-items:flex-start;gap:1rem;min-width:0}
.steps li:not(:last-child)::after{position:absolute;top:25px;right:-1.2rem;width:1rem;height:1px;background:#d6c87a;content:""}
.step-number{flex:none;color:#ac7900;font-size:2.2rem;font-weight:800;line-height:1}
.steps li:nth-child(2) .step-number{color:var(--brand-orange)}
.steps h3{margin:0 0 .45rem;font-size:.98rem}
.steps p{margin:0;color:var(--text-muted);font-size:.8rem}
.safety{padding-block:clamp(3.5rem,6vw,5rem);background:#eeeee7}
.safety-grid{display:grid;grid-template-columns:.85fr 1fr;gap:4rem}
.safety ul{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}
.safety li{position:relative;padding:0 0 .7rem 1.5rem;border-bottom:1px solid #d9d9ce;color:#454b4e;font-size:.86rem}
.safety li::before{position:absolute;top:.7rem;left:0;width:8px;height:8px;border-radius:50%;background:var(--brand-orange);content:""}
.site-footer{padding-block:2.4rem;border-top:2px solid var(--brand-lime);color:#d6d8d0;background:var(--charcoal)}
.footer-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}
.footer-inner>div p{margin:.4rem 0 0;color:#a7aba4;font-size:.7rem}
.footer-inner>p{max-width:520px;margin:0;color:#c0c4bd;font-size:.75rem}
.error-page{display:grid;min-height:100vh;place-items:center;padding:1.5rem;color:var(--text-on-dark);background:var(--charcoal)}
.error-card{width:min(100%,550px);padding:clamp(1.5rem,5vw,3rem);border:1px solid rgba(229,238,0,.35);border-radius:var(--radius);background:var(--charcoal-soft)}
.error-card img{width:130px;margin-bottom:2rem}
.error-card h1{font-size:clamp(2.4rem,8vw,4rem)}
.error-card p{color:#d7d8d2}
.error-card a{display:inline-flex;min-height:44px;align-items:center;margin-top:1rem;padding:.6rem 1rem;border-radius:10px;color:var(--charcoal);background:var(--brand-lime);font-weight:800;text-decoration:none}
@media(max-width:1024px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);gap:2.5rem}.commitment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commitment-card{min-height:210px}}
@media(max-width:768px){.hero-grid{grid-template-columns:1fr;gap:2rem;padding-block:3.4rem 4rem}.hero-copy{max-width:680px}.hero-lead{margin-bottom:1rem}.hero-principle{display:none}.checker-card{max-width:680px}.steps{gap:1rem}.steps li{display:block}.step-number{display:block;margin-bottom:.8rem}.safety-grid{grid-template-columns:1fr;gap:1.4rem}}
@media(max-width:480px){.shell{width:min(calc(100% - 28px),var(--shell))}.header-inner{min-height:70px}.brand{gap:.6rem}.brand img{width:90px}.brand-divider{height:24px}.brand-label{font-size:.58rem}.system-status{min-width:44px;padding:.5rem;border-radius:50%;justify-content:center}.system-status span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hero-grid{padding-block:2.4rem 3.3rem;gap:1.6rem}.eyebrow{font-size:.57rem}h1{font-size:clamp(2.2rem,10vw,3rem)}.hero-lead{margin:1rem 0 0;font-size:.83rem}.checker-card{padding:1.1rem;border-radius:16px}.checker-top h2{font-size:1.22rem}.checker-icon{width:44px;height:44px;padding:10px}.checker-intro{font-size:.76rem}.result{padding:.9rem;gap:.7rem}.result-icon{width:35px;height:35px;padding:7px}.commitment-grid{grid-template-columns:1fr}.commitment-card{min-height:0}.steps{grid-template-columns:1fr;gap:1.7rem}.steps li{display:flex}.steps li:not(:last-child)::after{top:45px;right:auto;bottom:-1.3rem;left:22px;width:1px;height:1.1rem}.step-number{margin:0}.footer-inner{display:block}.footer-inner>p{margin-top:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* GO88 验证结果标签字体放大 */
#result-eyebrow {
  font-size: 18px !important;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.02em;
}


/* GO88 首页主标题缩小 */
.hero h1,
.hero-copy h1 {
  font-size: clamp(36px, 4vw, 64px) !important;
  line-height: 1.15;
  letter-spacing: -0.035em;
}


