/* 免费资料页：关键词定位 + 卡片 + 领取弹层。字段样式复用 form.css（.f / .hp / .ferr / .fnote-ok） */
.find{max-width:720px;margin:0 0 26px}
.find label{display:block;font-size:15px;font-weight:500;color:#fff;margin:0 0 8px}
.find-row{display:flex;gap:10px}
.find-row input{flex:1;min-width:0;font:inherit;font-size:16px;color:#fff;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.28);border-radius:6px;padding:12px 14px}
.find-row input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.find-row .btn{padding:12px 26px;flex:none}
.find-msg{min-height:1.4em;margin:8px 0 0;font-size:14px;color:var(--dim)}
.find-msg b{color:#fff;font-weight:500}

.res-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.res{border:4px solid var(--line);background:var(--panel);padding:20px 20px 18px;display:flex;flex-direction:column;gap:6px;
  scroll-margin-top:90px;transition:border-color .2s,background .2s}
.res-no{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--dimmer);margin:0}
.res h3{font-size:18px;font-weight:500;margin:0}
.res-title{font-size:14px;color:var(--dim);margin:0;line-height:1.6}
.res-kw{font-size:13.5px;color:var(--dim);margin:2px 0 8px}
.res-kw b{color:#fff;font-weight:500;background:rgba(195,49,125,.22);border-radius:4px;padding:1px 6px}
.res .claim{align-self:flex-start;margin-top:auto;cursor:pointer}
.res.hit{border-color:var(--accent);background:rgba(195,49,125,.14)}
.res.hit .res-no{color:var(--accent)}

.claim-box{position:fixed;inset:0;z-index:50;background:rgba(4,7,14,.78);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.claim-box[hidden]{display:none}
.claim{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow-y:auto;background:#0B1220;gap:14px}
.claim .eyebrow{font-size:12px;letter-spacing:.2em;color:var(--accent);margin:0}
.claim h3{font-size:20px;margin:0;padding-right:30px}
.claim-sub{margin:0;font-size:14px;color:var(--dim)}
.claim .fields{display:flex;flex-direction:column;gap:14px}
.claim .fields[hidden]{display:none}
.claim-x{position:absolute;top:10px;right:12px;width:36px;height:36px;font-size:24px;line-height:1;color:#fff;
  background:transparent;border:0;cursor:pointer;border-radius:6px}
.claim-x:hover{background:rgba(255,255,255,.08)}
.claim .fnote-ok a,.claim .ferr a{color:#fff;font-weight:500}
body.locked{overflow:hidden}

@media (max-width:760px){
  .res-grid{grid-template-columns:1fr}
  .find-row .btn{padding:12px 18px}
  .claim{padding:22px 18px}
}