:root{--brand:#176cff;--ink:#0c2554}body{background:#f4f7ff;color:var(--ink);font-family:system-ui,"Microsoft YaHei",sans-serif}body>header,body>main{max-width:1650px}body>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand,.login-brand{color:var(--ink);text-decoration:none;font-weight:800}.logo{background:linear-gradient(135deg,#176cff,#21bfef)!important}.member-nav{display:flex;align-items:center;gap:20px;font-size:14px}.member-nav a{color:#344a72;text-decoration:none}.member-nav button{border:0;background:#eaf1ff;color:#176cff;border-radius:8px;padding:8px}.tools{color:#a0a9ba;position:relative}.tools span{display:none;position:absolute;width:270px;top:20px;left:0;background:white;padding:16px;z-index:9}.tools:hover span{display:block}.member-nav details{position:relative;color:#176cff;cursor:pointer}.wechat{position:absolute;right:0;top:30px;width:220px;padding:16px;background:white;box-shadow:0 12px 35px #0c255426;z-index:20;border-radius:16px}.wechat img{width:100%}.wechat p{font-size:14px}.member-name{font-size:13px}.login-page{margin:0;min-height:100vh;background:radial-gradient(at 15% 30%,#cbe8ff,transparent 60%),#f4f7ff}.login-brand{display:block;padding:35px 5%;font-size:26px}.login-layout{max-width:1100px;margin:9vh auto;display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center;padding:24px}.login-layout h1{font-size:48px;line-height:1.5}.login-box{background:white;border-radius:24px;padding:36px;box-shadow:0 20px 70px #176cff12}.login-box p,.login-box small{color:#6b7c99;font-size:14px;line-height:1.7}.login-box label{display:block;margin:20px 0;font-size:14px}.login-box input{display:block;box-sizing:border-box;width:100%;padding:14px;border:1px solid #dbe3f0;border-radius:9px;margin-top:8px;font-size:16px}.login-box button{width:100%;padding:13px;border:0;border-radius:9px;color:white;background:#176cff;font-size:16px}.login-box button:disabled{opacity:.5}html[data-tier=ordinary] .save,html[data-tier=ordinary] #saved{opacity:.45}@media(max-width:850px){.login-layout{grid-template-columns:1fr;gap:10px;max-width:430px;margin:0 auto}.login-layout h1{font-size:28px}.member-nav{flex-wrap:wrap;gap:10px}body>header{flex-wrap:wrap}}
/* Full-width navigation; only the content has a 1650px limit. */
body{max-width:none;width:100%;margin:0}
body>header{width:100%;max-width:none;height:auto;min-height:72px;padding:18px 32px}
body>main.board-main,body>main.channel-main{width:calc(100% - 48px);max-width:1650px;margin:0 auto;padding:0 0 30px}
.board-search{display:flex;width:min(100%,960px);margin:28px auto 24px;border:1px solid #176cff;border-radius:12px;background:white;overflow:hidden;box-shadow:0 4px 16px #176cff0a}
.board-search #search{flex:1;min-width:0;width:100%;height:56px;padding:0 22px;background:white;border:0;border-radius:0;font-size:16px;outline:none}
.board-search:focus-within{outline:2px solid #176cff40;outline-offset:3px}
.board-search button{border:0;border-radius:0;background:#176cff;color:white;min-width:108px;padding:0 24px;font-size:16px}
.board-main .toolbar{padding:16px;margin-bottom:20px;border-radius:12px;align-items:center}
.board-main .pagination{margin:28px 0}
@media(max-width:850px){body>header{padding:14px 20px}body>main.board-main,body>main.channel-main{width:calc(100% - 28px)}.board-search{margin:20px auto}.board-main .toolbar{padding:12px;position:relative}}
@media(max-width:520px){.board-search #search{height:50px;padding:0 12px;font-size:14px}.board-search button{min-width:72px;padding:0 16px;font-size:14px}}

/* Published board navigation and homepage brand mark */
.brand{gap:12px}.brand .logo{width:42px;height:42px;flex:0 0 42px;border-radius:13px 13px 13px 5px;background:linear-gradient(145deg,#176cff,#44d7e8)!important;box-shadow:0 10px 24px rgba(23,108,255,.25);font-size:21px}.board-top{display:flex;align-items:center;gap:24px;margin:28px 0 24px}.board-top .board-search{margin:0 auto;width:min(960px,100%);flex:1}.board-date{flex:0 0 240px}.board-date select{width:100%}.board-date button{min-height:56px}.board-date .custom-select{width:100%}@media(max-width:700px){.board-top{flex-wrap:wrap;gap:14px}.board-date{flex-basis:100%}.board-top .board-search{flex-basis:100%}}

.primary-nav{display:flex;gap:12px;margin-right:auto;margin-left:24px}.primary-nav a{padding:12px 18px;border-radius:10px;color:#344a72;font-size:15px;text-decoration:none;white-space:nowrap}.primary-nav a:hover{color:#176cff;background:#eef4ff}.member-nav{margin-left:auto}.board-top{justify-content:space-between;gap:32px}.board-top .board-search{flex:0 1 760px;width:760px;max-width:calc(100% - 260px);margin:0}.board-search #search{height:50px}.board-date{flex-basis:220px}.board-date button{min-height:50px}.tracking-search{display:flex;align-items:center;gap:20px}.tracking-filters{display:flex;gap:10px}.tracking-search #favoriteSearch{width:300px}.tracking-filters .select-trigger{min-width:150px}@media(max-width:1000px){.favorites-toolbar,.tracking-search{flex-wrap:wrap}.tracking-filters{margin-left:auto}.primary-nav{margin-left:0;gap:0}.primary-nav a{padding:10px}.member-name{max-width:200px}.board-top .board-search{flex:1}}@media(max-width:700px){.board-top .board-search{max-width:100%;width:100%;flex-basis:100%}.tracking-search #favoriteSearch{width:100%}.tracking-filters{margin-left:0}.primary-nav{order:3;width:100%}}

.competitor-avatar{width:100%;height:100%;object-fit:contain;border-radius:12px;background:white}.channel-avatar{width:48px;height:48px;object-fit:contain;border-radius:12px;vertical-align:middle;margin-right:14px;background:white}#name{display:flex;align-items:center}

body[data-tracking] .pagination{gap:18px;margin:32px 0;row-gap:14px}.page-numbers,.page-jump{display:flex;align-items:center;gap:7px}.page-numbers button{min-width:40px;height:40px}.page-jump{margin:0;font-size:14px;color:#7889a4}.page-jump label{display:flex;align-items:center;gap:8px;white-space:nowrap}.page-jump input{box-sizing:border-box;width:62px;height:40px;margin:0;padding:0 8px;text-align:center;border:1px solid #dce5f2;border-radius:7px;background:#fff;color:#0c2554;font:inherit}.page-jump input:focus{outline:2px solid #176cff40;border-color:#176cff}.page-jump button{height:40px;color:#176cff}.pagination .page-ellipsis{margin:0 3px}.pagination .page-total{margin:0}.page-jump span{margin:0 0 0 4px}@media(max-width:600px){body[data-tracking] .pagination{gap:12px}.pagination .page-total{flex-basis:100%;text-align:center}.page-numbers{gap:4px}.page-numbers button{min-width:32px;padding:7px 8px}}

/* Board and saved material cards */
.board-main #cards>.card,.favorites-main #cards>.card{background:#fff;border:0;box-shadow:0 4px 18px rgba(12,37,84,.08);transition:box-shadow .18s;}
.board-main #cards>.card:hover,.favorites-main #cards>.card:hover{box-shadow:0 8px 26px rgba(12,37,84,.14);}
.select-trigger{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-menu[aria-multiselectable=true] .select-option{padding-right:38px}
.creative-main{box-sizing:border-box;width:calc(100% - 48px);max-width:1350px;margin:24px auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0c255410}
.creative-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.creative-actions a{color:#176cff;text-decoration:none}.creative-actions button{padding:10px 16px;background:#e8f1ff;color:#176cff;border:0;border-radius:7px;cursor:pointer}
.creative-main .preview-media video{width:100%;max-height:76vh;background:#000}.creative-main .preview-media{align-self:start}
@media(max-width:700px){.creative-main{width:calc(100% - 24px);padding:16px}.select-trigger{max-width:230px}}

.primary-nav a{font-weight:700;font-size:16px;border-radius:6px;transition:background-color .15s,color .15s}.primary-nav a:hover,.primary-nav a:focus-visible{background:#e8f1ff;color:#176cff}.competitor-info>.author-save[data-competitor-save]{display:block;margin-left:auto;min-width:72px;border:1px solid #a9bddb!important;color:#587092!important}.competitor-info>.author-save[data-competitor-save][aria-pressed=true]{border-color:#dfa04b!important;color:#c4740c!important}.competitor-info>.author-save[data-competitor-save]:hover{border-color:#548de0!important;box-shadow:0 0 0 2px #176cff0d}