/* Figma 563:77808 — new project challenge section, 1440px reference. */
@font-face { font-family:DouYinFaXianSans; src:url("assets/fonts/DouYinFaXianSans-Bold.otf") format("opentype"); font-weight:700; font-style:normal; font-display:swap; }
.challenge-section { position:relative; width:868px; height:375px; margin-left:calc(var(--portfolio-content-left) + 15.1641px); }
.challenge-section>h2 { margin:0; height:40.797px; color:rgba(25,22,24,.9); font:700 26px/normal DouyinSans,sans-serif; }
.challenge-board { position:absolute; top:75px; left:0; width:868px; height:227px; border:1px solid #81c1e5; border-radius:24px; overflow:hidden; background:#fdfdfb; }
.challenge-grid { position:absolute; left:-1px; top:-1px; width:868px; height:227px; }
.challenge-gmv-position { position:absolute; left:95.24px; top:17.75px; width:289.065px; height:288.238px; display:flex; align-items:center; justify-content:center; }
.challenge-gmv { display:block; flex:none; width:269px; height:270px; transform:rotate(-7deg); filter:drop-shadow(8px 8px 0 rgba(0,0,0,.18)); }
.challenge-thumb-position { position:absolute; left:-15.02px; top:36.93px; width:141.616px; height:142.14px; display:flex; align-items:center; justify-content:center; }
.challenge-thumb-position img { display:block; flex:none; width:110px; height:111px; transform:rotate(21deg); filter:drop-shadow(8px 8px 0 rgba(0,0,0,.18)); }
.challenge-note-position { position:absolute; left:466.23px; top:61.48px; width:326.52px; height:203.455px; display:flex; align-items:center; justify-content:center; }
.challenge-note { position:relative; display:flex; flex:none; align-items:flex-start; gap:12px; width:320px; height:192.404px; padding:24px 20px 20px; background:#fffdd4; transform:rotate(-2deg); box-shadow:8px 8px 0 rgba(0,0,0,.18); }
.challenge-avatar { display:block; width:40px; height:40px; flex:none; border-radius:50%; transform:rotate(2deg); }
.challenge-copy { width:228px; flex:none; }
.challenge-copy h3 { margin:0 0 12px; height:24px; font:700 18px/24px DouYinFaXianSans,sans-serif; color:#191510; }
.challenge-copy p { font:400 14px/22.75px Inter,"PingFang SC",sans-serif; color:rgba(25,21,16,.75); }
.challenge-date { margin-top:20px; display:inline-flex; align-items:center; gap:6px; height:25px; padding:4px 10px; border:1px solid #2b57d6; border-radius:6px; font:700 12px/16px Inter,sans-serif; color:#191510; }
.challenge-date img { display:block; width:14px; height:14px; }
.challenge-tape { position:absolute; left:267.063px; top:-7.419px; width:64px; height:20px; transform:rotate(38deg); background:rgba(255,198,218,.7); box-shadow:0 1px 3px rgba(17,18,18,.15); filter:drop-shadow(11.23px 1.38px 0 rgba(0,0,0,.18)); }
@media(max-width:1279.98px) { .challenge-section { margin-left:279.1641px; } }