.audience-switcher{margin:0 0 26px}.audience-switch-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.audience-switch-heading h2{font-size:13px;margin:0;color:#82778a}.audience-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.audience-role-grid button{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:17px 18px;background:#fff;border:1px solid #e5e0e5;border-radius:12px;color:#504654;text-align:left;transition:.15s}.audience-role-grid button strong{font-size:15px}.audience-role-grid button span{font-size:11px;color:#8a7a8c}.audience-role-grid button[aria-pressed=true]{background:#312633;border-color:#312633;color:#fff;box-shadow:0 5px 14px #30253215}.audience-role-grid button[aria-pressed=true] span{color:#e9c791}.audience-switcher>p{font-size:11px;color:#897f8c;margin:10px 0 0}.audience-task-panel{margin-bottom:20px;padding:26px}.audience-task-panel .section-head{margin-bottom:17px}.audience-task-panel .section-head h2{font-size:23px}.audience-task-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;margin:18px 0}.audience-task-options button{border:1px solid #e5dfe7;border-radius:9px;padding:13px 14px;background:#fff;text-align:left;color:#59485c}.audience-task-options button strong,.audience-task-options button small{display:block}.audience-task-options button strong{font-size:13px}.audience-task-options button small{font-size:10px;line-height:1.5;margin-top:5px;color:#8a7a90}.audience-task-options button[aria-pressed=true]{background:#faf4ed;border-color:#be936b;box-shadow:inset 0 0 0 1px #be936b}.audience-task-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.audience-task-actions>span{font-size:11px;color:#897f8c}.audience-deliverables{margin-top:24px;padding-top:20px;border-top:1px solid #eee8ed}.audience-deliverables>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.audience-deliverables strong{font-size:13px}.audience-deliverables small,.audience-deliverables>p{font-size:11px;color:#8a7a8c;line-height:1.6}.audience-output-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.audience-output-grid button{border:1px solid #e6e0e7;background:#f8f6f9;text-align:left;padding:15px 12px;border-radius:9px;min-width:0}.audience-output-grid b,.audience-output-grid small{display:block}.audience-output-grid b{font-size:13px;color:#514157;margin-bottom:5px}.audience-output-grid small{font-size:10px}.audience-progress{margin:23px 0 26px}.audience-progress-heading{display:flex;gap:10px;align-items:baseline;justify-content:space-between;margin-bottom:12px}.audience-progress-heading h2{font-size:17px;margin:0}.audience-progress-heading>span{font-size:10px;color:#8a7a8c}.audience-progress-steps,#audience-progress-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}#audience-progress-steps button{display:flex;align-items:center;text-align:left;gap:12px;min-width:0;padding:16px 12px;background:#f0ecef;border:1px solid #e5dfe5;border-radius:10px;color:#504056}#audience-progress-steps button>span{font-size:20px;color:#ae8b69}#audience-progress-steps strong,#audience-progress-steps small{display:block}#audience-progress-steps strong{font-size:12px}#audience-progress-steps small{font-size:10px;margin-top:5px;color:#897a8e}#audience-progress-steps b{margin-left:auto}.audience-store-guide,.audience-enterprise-guide,.audience-opc-guide{padding:16px 18px;border-radius:9px;background:#f5f3f6;color:#635269;font-size:12px;line-height:1.8}.audience-store-guide p,.audience-enterprise-guide p,.audience-opc-guide p{margin:0 0 8px}.audience-guide-links{display:flex;gap:16px;flex-wrap:wrap}.audience-guide-links button{border:0;background:none;padding:0;color:#815d70;font-size:12px;text-decoration:underline;text-underline-offset:3px}.audience-enterprise-guide a{font-size:12px;color:#815d70}.audience-opc-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;margin:13px 0}.audience-opc-checks label{display:flex;align-items:flex-start;gap:7px;font-size:12px}.audience-opc-checks input{accent-color:#815d70;margin-top:5px}.audience-opc-guide>small{display:block;color:#8a7a8c;font-size:11px;margin:9px 0}.audience-switcher~.hero-heading{margin-bottom:20px}.audience-switcher~.hero-heading h1{font-size:clamp(24px,2.7vw,36px);max-width:730px;line-height:1.45}.audience-switcher~.hero-heading .hero-art{height:230px}.wechat-service-overview{margin-top:24px}.wechat-service-overview h2{font-size:18px}.wechat-service-overview .wechat-service-actions .button{font-size:11px}.audience-role-grid button:focus-visible,.audience-task-options button:focus-visible,.audience-output-grid button:focus-visible{outline:3px solid #ba926a;outline-offset:3px}
@media(max-width:1100px){.audience-role-grid button{display:block}.audience-role-grid button span{display:block;margin-top:7px}.audience-output-grid,#audience-progress-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-progress-heading{display:block}.audience-progress-heading>span{display:block;margin-top:7px}}
@media(max-width:680px){.audience-switch-heading{display:block}.audience-switch-heading h2{margin-top:7px;font-size:11px}.audience-role-grid{gap:7px}.audience-role-grid button{padding:12px 8px}.audience-role-grid button strong{font-size:12px}.audience-role-grid button span{font-size:9px}.audience-task-panel{padding:18px 14px}.audience-task-panel .section-head{gap:8px;align-items:flex-start}.audience-task-panel .section-head h2{font-size:20px}.audience-task-panel .section-head>.text-link{font-size:10px;max-width:94px;line-height:1.7}.audience-task-options{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-task-options button{padding:11px}.audience-task-options button small{font-size:10px}.audience-task-actions>.button{width:100%}.audience-opc-checks{grid-template-columns:1fr}.audience-output-grid{gap:7px}.audience-switcher~.hero-heading h1{font-size:26px}.audience-progress-heading>span{font-size:10px}.audience-store-guide,.audience-enterprise-guide,.audience-opc-guide{padding:13px}#audience-progress-steps button{padding:13px 10px;gap:7px}#audience-progress-steps b{display:none}}