.wt04-cooperation { max-width: 1220px; }
.wt04-cooperation__content { display: grid; grid-template-columns: minmax(0, 880px); justify-content: center; gap: 22px; align-items: start; }
.wt04-cooperation__guide, .wt04-friend-apply { min-width: 0; padding: 30px; }
.wt04-section-title { display: flex; gap: 14px; align-items: center; margin-bottom: 20px; }
.wt04-section-title > span { display: grid; width: 46px; height: 46px; flex: 0 0 auto; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, var(--wu-accent), var(--wu-accent-2)); box-shadow: 0 7px 18px rgba(240, 106, 42, .24); font-weight: 900; }
.wt04-section-title small { display: block; color: var(--wu-accent); font-size: 10px; font-weight: 900; letter-spacing: .18em; }
.wt04-section-title h2 { margin: 2px 0 0; font-size: 24px; }
.wt04-cooperation__guide > p, .wt04-form-note { color: var(--wu-muted); line-height: 1.8; }
.wt04-cooperation__steps { display: grid; gap: 11px; margin: 22px 0; padding: 0; list-style: none; }
.wt04-cooperation__steps li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 13px; padding: 14px; border: 1px solid var(--wu-line); border-radius: 13px; background: var(--wu-surface-2); }
.wt04-cooperation__steps li > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: var(--wu-accent); background: #fff; font-weight: 900; }
.wt04-cooperation__steps strong { color: var(--wu-text); }
.wt04-cooperation__steps p { margin: 4px 0 0; color: var(--wu-muted); font-size: 13px; line-height: 1.6; }
.wt04-cooperation__notice { padding: 16px; border-left: 4px solid var(--wu-accent-2); border-radius: 0 12px 12px 0; background: #fff7e3; }
.wt04-cooperation__notice strong { color: var(--wu-accent); }
.wt04-cooperation__notice p { margin: 5px 0 0; color: var(--wu-muted); font-size: 13px; line-height: 1.65; }
.wt04-contact-list { display: grid; gap: 10px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--wu-line); }
.wt04-contact-list div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 14px; align-items: center; }
.wt04-contact-list span { color: var(--wu-muted); }
.wt04-contact-list strong { min-width: 0; overflow-wrap: anywhere; color: var(--wu-accent); }
.wt04-form-note { margin: -2px 0 16px; }
.wt04-own-link { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "label name name" "url url actions"; align-items: center; gap: 8px 14px; margin-bottom: 20px; padding: 14px 16px; border: 1px solid var(--wu-line); border-radius: 13px; background: var(--wu-surface-2); }
.wt04-own-link span { grid-area: label; color: var(--wu-muted); }
.wt04-own-link strong { grid-area: name; min-width: 0; }
.wt04-own-link code { grid-area: url; display: block; min-width: 0; overflow: hidden; color: var(--wu-accent); text-overflow: ellipsis; white-space: nowrap; }
.wt04-own-link button { padding: 6px 13px; border: 1px solid var(--wu-line); border-radius: 7px; background: var(--wu-surface); color: var(--wu-accent); cursor: pointer; }
.wt04-own-link button:disabled { cursor: not-allowed; opacity: .55; }
.wt04-own-link__actions { grid-area: actions; display: flex; justify-self: end; gap: 7px; }
.wu-friend-apply-page { overflow: hidden; }
.wt04-friend-page { min-height: 100vh; }
.wt04-friend-modal { position: fixed; z-index: 9998; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; overflow-y: auto; background: rgba(65, 38, 20, .38); backdrop-filter: blur(8px); }
.wt04-friend-dialog { width: min(690px, 100%); max-height: calc(100dvh - 48px); margin: 0; padding: 28px; overflow-y: auto; box-shadow: 0 28px 90px rgba(102, 55, 22, .26); }
.wt04-friend-dialog__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.wt04-friend-dialog__head .wt04-section-title { margin-bottom: 16px; }
.wt04-friend-dialog__head h1 { margin: 2px 0 0; font-size: 24px; }
.wt04-friend-dialog__head > a { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border: 1px solid var(--wu-line); border-radius: 50%; color: var(--wu-accent); background: var(--wu-surface-2); font-size: 22px; line-height: 1; text-decoration: none; }
.wt04-friend-form { display: grid; gap: 16px; }
.wt04-friend-form label { display: grid; gap: 7px; color: var(--wu-text); font-weight: 750; }
.wt04-friend-form input, .wt04-friend-form select { width: 100%; min-width: 0; height: 47px; padding: 0 13px; border: 1px solid var(--wu-line); border-radius: 11px; outline: 0; color: var(--wu-text); background: #fffdfb; font: inherit; }
.wt04-friend-form input::placeholder { color: #b89d8e; }
.wt04-friend-form input:focus, .wt04-friend-form select:focus { border-color: var(--wu-accent); box-shadow: 0 0 0 3px rgba(240, 106, 42, .12); }
.wt04-domain-row { display: grid !important; grid-template-columns: 112px minmax(0, 1fr); gap: 0; min-width: 0; }
.wt04-friend-form .wt04-domain-row select { border-radius: 11px 0 0 11px; }
.wt04-friend-form .wt04-domain-row input { position: relative; margin-left: -1px; border-radius: 0 11px 11px 0; }
.wt04-friend-form .wt04-domain-row input:focus { z-index: 1; }
.wt04-url-preview { color: var(--wu-accent); font-weight: 550; overflow-wrap: anywhere; }
.wt04-captcha-row { display: grid; grid-template-columns: minmax(0, 1fr) 116px; gap: 9px; }
.wt04-captcha-refresh { width: 116px; height: 47px; padding: 0; overflow: hidden; border: 1px solid var(--wu-line); border-radius: 11px; background: #fff8ef; cursor: pointer; }
.wt04-captcha-refresh img { width: 116px; height: 47px; }
.wt04-form-status { min-height: 20px; margin: -3px 0 0; color: var(--wu-muted); }
.wt04-form-status.is-success { color: #278b58; }
.wt04-form-status.is-error { color: #c63b35; }
.wt04-submit { width: 100%; height: 48px; border: 0; border-radius: 12px; cursor: pointer; box-shadow: 0 9px 22px rgba(240, 106, 42, .2); }
.wt04-submit:disabled { opacity: .55; cursor: wait; }
@media (max-width: 820px) {
  body.wu-cooperation-page { padding-top: 62px; }
  .wu-cooperation-page .wu-header__inner { min-height: 54px; }
}
@media (max-width: 900px) {
  .wt04-cooperation__content { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .wt04-cooperation__guide, .wt04-friend-apply { padding: 20px; }
  .wt04-domain-row { grid-template-columns: 96px minmax(0, 1fr); }
  .wt04-own-link { grid-template-columns: minmax(0, 1fr); grid-template-areas: "label" "name" "url" "actions"; gap: 8px; padding: 13px; }
  .wt04-own-link strong { justify-self: end; max-width: 48vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .wt04-own-link strong { justify-self: start; max-width: 100%; }
  .wt04-own-link__actions { width: 100%; justify-self: stretch; }
  .wt04-own-link__actions button { flex: 1; }
  .wt04-contact-list div { grid-template-columns: 78px minmax(0, 1fr); }
  .wt04-friend-modal { align-items: flex-start; padding: 10px; }
  .wt04-friend-dialog { max-height: calc(100dvh - 20px); padding: 19px 16px; border-radius: 14px; }
}