.yz-social-page{background:#f8fafc;padding:72px 0}.yz-social-page h1{font-size:clamp(29px,4vw,46px);margin:14px 0}.yz-social-page>.wrap>p{max-width:800px;color:#64748b}.yz-social-form{display:flex;gap:12px;margin:26px 0 30px;max-width:850px}.yz-social-form input{flex:1;min-width:0;padding:15px}.yz-social-summary{display:grid;grid-template-columns:280px 1fr;gap:18px;margin:30px 0}.yz-social-summary>div{padding:22px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.yz-social-summary strong{font-size:43px;display:block;color:#2563eb}.yz-social-summary p{color:#64748b}.yz-social-preview{border:1px solid #dbe3ee;border-radius:12px;overflow:hidden;max-width:550px}.yz-social-preview img{width:100%;max-height:265px;object-fit:cover}.yz-social-preview div{padding:15px}.yz-social-preview b{display:block}.yz-social-preview small{color:#64748b}.yz-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.yz-social-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:19px;min-width:0}.yz-social-grid p{color:#64748b;overflow-wrap:anywhere;font-size:13px}.yz-social-grid article>span{display:block;font-size:12px;margin:7px 0;font-weight:800}.yz-pass{color:#15803d}.yz-fail{color:#b91c1c}.yz-social-guidance{margin-top:22px;padding:23px;background:#fff;border:1px solid #e2e8f0;border-radius:15px}.yz-social-guidance pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#101828;color:#fff;padding:18px;border-radius:12px}.yz-social-error{color:#b91c1c;padding:13px;background:#fef2f2;border-radius:12px}.yz-social-guide{margin-top:55px}@media(max-width:780px){.yz-social-summary{grid-template-columns:1fr}.yz-social-grid{grid-template-columns:1fr 1fr}.yz-social-form{flex-direction:column}}@media(max-width:510px){.yz-social-grid{grid-template-columns:1fr}}