/* ===== Web độc lập Chiến dịch ===== */
.cn{position:sticky;top:0;z-index:30;margin:-4px -2px 12px;padding:8px 10px 6px;background:rgba(15,20,25,.96);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.cn-top{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}
.cn-name{color:var(--text);font-size:.92rem}
.cn-pl{margin-left:auto;font-weight:800;font-size:.95rem}
.cn-chips{display:flex;gap:6px;overflow-x:auto;padding:6px 0 2px;scrollbar-width:none}
.cn-chips::-webkit-scrollbar{display:none}
.cn-chips a{flex:none;padding:4px 11px;border:1px solid var(--border);border-radius:999px;font-size:.76rem;color:var(--muted);text-decoration:none;white-space:nowrap}
.cn-chips a:hover{border-color:var(--orange);color:var(--text)}
.cn-chips a.on{background:var(--orange);border-color:var(--orange);color:#000;font-weight:800}
.cn-welcome{border-color:var(--orange)}
.ca-cur{background:rgba(245,158,11,.08)}
.ca-ls{padding:8px 0;border-top:1px solid rgba(148,163,184,.15)}.ca-ls:first-of-type{border-top:0}
.top-link{color:var(--muted);font-size:.74rem;text-decoration:none;border:1px solid var(--border);border-radius:8px;padding:5px 10px}
.top-link:hover{color:var(--orange);border-color:var(--orange)}
@media(max-width:700px){.cn-top{font-size:.7rem}.cn{top:0}}