/* Douyin monitor only; the other marketing modules keep their own styles. */
#qf-marketing-discovery{--dy-bg:#11141a;--dy-border:#303641;--dy-muted:#a1adbf;--dy-text:#edf2fa;--dy-accent:#ff493d;gap:18px;color:var(--dy-text)}
#qf-marketing-discovery .hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 0 10px}
#qf-marketing-discovery .hero h1{margin:0;font-size:clamp(27px,2.2vw,38px);line-height:1.2;letter-spacing:-.025em}
#qf-marketing-discovery .hero p{margin:10px 0 0;color:var(--dy-muted);line-height:1.6}
#qf-marketing-discovery .qf-dy-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#qf-marketing-discovery button.qf-dy-step{display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:center;text-align:left;padding:16px;background:#171b22;border:1px solid var(--dy-border);border-radius:14px}
#qf-marketing-discovery .qf-dy-step span{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#3b211f;color:#ff9b8e;font-size:12px;font-weight:700}
#qf-marketing-discovery .qf-dy-step strong{font-size:15px;color:#f4f6fb}
#qf-marketing-discovery .qf-dy-step small{margin-top:4px;color:var(--dy-muted);font-size:12px}
#qf-marketing-discovery .qf-dy-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px;border:1px solid #61413b;border-radius:11px;background:#2b1d1b;color:#f4d6d0;font-size:13px;line-height:1.5}
#qf-marketing-discovery .qf-dy-note strong{color:#ffb1a6}
#qf-marketing-discovery .qf-dy-example{max-width:520px}
#qf-marketing-discovery .qf-md-panel{min-width:0;padding:24px;background:linear-gradient(145deg,#181b22,#12151b);border:1px solid var(--dy-border);border-radius:16px;box-shadow:0 10px 28px #0002}
#qf-marketing-discovery .qf-dy-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px}
#qf-marketing-discovery .qf-dy-heading>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#3b211f;color:#ff9b8e;font-size:12px;font-weight:700}
#qf-marketing-discovery .qf-dy-heading h2{margin:0;color:var(--dy-text);font-size:19px;line-height:1.3}
#qf-marketing-discovery .qf-dy-heading p{margin:5px 0 0;color:var(--dy-muted);font-size:13px;line-height:1.5}
#qf-marketing-discovery p{color:var(--dy-muted);font-size:13px;line-height:1.7}
#qf-marketing-discovery label{color:#b9c4d4;font-size:13px}
#qf-marketing-discovery input,#qf-marketing-discovery select,#qf-marketing-discovery textarea{box-sizing:border-box;min-height:42px;border:1px solid #353c49;border-radius:9px;background:#0d1015;color:#eef2f8;padding:10px 12px;font:inherit}
#qf-marketing-discovery input:focus,#qf-marketing-discovery select:focus,#qf-marketing-discovery textarea:focus{outline:0;border-color:#ff796a;box-shadow:0 0 0 3px #ff493d26}
#qf-marketing-discovery button{min-height:40px;padding:9px 15px;border:1px solid #39404c;border-radius:9px;background:#242933;color:#e9edf5;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
#qf-marketing-discovery button:hover:not(:disabled){background:#303641;border-color:#596371}
#qf-marketing-discovery button.primary,#qf-marketing-discovery form[data-md-form=filter]>button[type=submit]{background:#f04438;border-color:#f04438;color:white}
#qf-marketing-discovery button:disabled{opacity:.55;cursor:not-allowed}
#qf-marketing-discovery button:focus-visible,#qf-marketing-discovery a:focus-visible{outline:2px solid #ff8d7e;outline-offset:3px}
#qf-marketing-discovery .qf-md-table{margin-top:16px;border:1px solid var(--dy-border);border-radius:11px;background:#0e1116}
#qf-marketing-discovery .qf-md-table th{background:#1b2029;color:#aab7c9;white-space:nowrap}
#qf-marketing-discovery .qf-md-table td{color:#dce3ee}
#qf-marketing-discovery .qf-dy-empty{padding:26px 18px;text-align:center}
#qf-marketing-discovery .qf-dy-empty strong{font-size:15px;color:#e9edf5}
#qf-marketing-discovery details{margin-top:16px;border-top:1px solid var(--dy-border);padding-top:14px}
#qf-marketing-discovery summary{cursor:pointer;color:#dce3ef;font-size:13px;font-weight:600}
#qf-marketing-discovery .qf-md-nav{margin-top:16px;color:var(--dy-muted);font-size:13px}
@media(max-width:760px){#qf-marketing-discovery .hero{align-items:flex-start;flex-direction:column}#qf-marketing-discovery .qf-dy-steps{grid-template-columns:1fr}#qf-marketing-discovery .qf-md-panel{padding:18px}#qf-marketing-discovery .qf-md-toolbar>label{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){#qf-marketing-discovery *{scroll-behavior:auto}}
