:root{--coop-blue:#1769bc;--coop-deep:#13223f;--coop-muted:#71819a;--coop-line:#dce7f3}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#f7faff 0,#eef5ff 100%);color:var(--coop-deep);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
.cooperation-page{padding:38px 24px 30px;position:relative;overflow:hidden}
.cooperation-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 18%,#cfe6ff66,transparent 31%),radial-gradient(circle at 91% 10%,#d9efffbb,transparent 30%)}
.cooperation-panel{position:relative;z-index:1;max-width:980px;margin:0 auto;background:#fff;border:1px solid #e0eaf5;border-radius:14px;box-shadow:0 14px 42px #2d6fc21c;overflow:hidden}
.cooperation-form{padding:34px 46px 30px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}
.cooperation-form label{display:flex;flex-direction:column;gap:8px;color:#202f4a;font-size:14px;font-weight:600}
.cooperation-form em{font-style:normal;color:#ee6b63}
.cooperation-form input,.cooperation-form select,.cooperation-form textarea{width:100%;border:1px solid var(--coop-line);border-radius:8px;background:#fff;color:#233450;font:inherit;padding:11px 14px;outline:0;transition:border-color .2s,box-shadow .2s}
.cooperation-form input,.cooperation-form select{height:44px}
.cooperation-form textarea{min-height:104px;resize:vertical;line-height:1.7}
.cooperation-form input:focus,.cooperation-form select:focus,.cooperation-form textarea:focus{border-color:#3b91ef;box-shadow:0 0 0 3px #3b91ef1c}
.cooperation-form .field-label{display:inline-flex;align-items:flex-start;gap:2px;min-height:18px}
.cooperation-form .field-label em{margin-top:-2px;font-size:11px;line-height:1;color:#ee6b63}
.wide-field{grid-column:1/-1}
.cooperation-submit{width:100%;height:48px;border:0;border-radius:8px;margin-top:22px;background:linear-gradient(90deg,#287cf2,#21bed0);color:#fff;font:700 16px inherit;cursor:pointer;box-shadow:0 8px 18px #2b81ec36}
.cooperation-submit:hover{filter:brightness(1.04)}.cooperation-submit:disabled{cursor:wait;opacity:.68}.cooperation-submit span{margin-left:8px}
.form-privacy{margin:12px 0 0;text-align:center;color:#9ba8ba;font-size:13px}.cooperation-status{min-height:20px;margin:10px 0 0;text-align:center;font-size:14px;color:#21834e}.cooperation-status.error{color:#c24842}
.cooperation-footer{padding:20px 24px 28px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap;color:#8795a8;font-size:13px}.cooperation-footer a{color:#687e9c;text-decoration:none}.cooperation-footer a:hover{text-decoration:underline}.cooperation-footer img{vertical-align:middle;margin-right:4px}
@media(max-width:800px){.cooperation-page{padding:26px 16px 34px}.cooperation-form{padding:28px 24px 24px}}
@media(max-width:520px){.form-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.cooperation-form{padding:24px 18px 20px}.cooperation-footer{gap:12px;padding-left:16px;padding-right:16px}}

@media(min-width:801px){
  body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
  body>.site-header,.cooperation-footer{flex-shrink:0}
  .cooperation-page{padding:24px 24px 16px;flex:1;display:flex}
  .cooperation-panel{max-width:1040px;width:100%;display:flex}
  .cooperation-form{padding:22px 32px 16px;flex:1;display:flex;flex-direction:column}
  .form-grid{gap:10px 24px;flex:1;grid-template-rows:repeat(4,max-content) minmax(94px,1fr)}
  .cooperation-form label{gap:5px;font-size:13px}
  .cooperation-form input,.cooperation-form select{height:38px;padding:7px 12px}
  .cooperation-form textarea{min-height:72px;flex:1;padding:8px 12px;line-height:1.45}
  .cooperation-submit{height:42px;margin-top:14px;font-size:15px}
  .form-privacy{margin-top:8px;font-size:12px}
  .cooperation-status{min-height:16px;margin-top:4px;font-size:12px}
  .cooperation-footer{gap:14px;padding:12px 20px 18px;font-size:12px}
}