@layer ds-contract {html body .hunt-panel {margin: 20px 0 32px; padding: clamp(14px,3vw,28px); border: 1px solid var(--line,#d8d1c7); border-radius: 24px; background: var(--card,#fff); color: var(--text,#242125);}html body .hunt-intro {max-width: 760px;}html body .hunt-intro h2 {font-size: clamp(25px,3vw,36px); line-height: 1.2; margin: 8px 0 12px;}html body .hunt-intro p {line-height: 1.7;}html body .hunt-platforms {display: flex; gap: 8px; flex-wrap: wrap; margin: 20px 0 14px;}html body .hunt-platforms button {display: grid; gap: 5px; min-height: 55px; white-space: normal; border: 1px solid var(--line,#ccc); padding: 10px 14px;}html body .hunt-platforms small {font-size: 11px; font-weight: 400;}html body .hunt-platforms [aria-pressed=true] {outline: 3px solid var(--accent,#a41d35); outline-offset: 2px;}html body .hunt-platforms [data-platform=shopee] {background: #EE4D2D !important; color: white !important; font-size: 19px; font-weight: 750;}html body .hunt-platforms [data-platform=tiktok] {background: #161719 !important; color: #fff !important;}html body .hunt-platforms [data-platform=lazada] {background: #0F146D !important; color: #fff !important;}html body .hunt-filters {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px;}html body .hunt-filters label {display: grid; gap: 6px; font-size: 13px; font-weight: 650;}html body .hunt-filters select {width: 100%; min-width: 0; min-height: 46px; border: 1px solid var(--line,#aaa); border-radius: 10px; background: var(--card,#fff); color: inherit; padding: 9px; font: inherit;}html body .hunt-result {padding: 14px 0; font-weight: 650;}html body .hunt-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,270px),1fr)); gap: 16px; margin-bottom: 20px;}html body .hunt-card,html body .hunt-voucher {min-width: 0; border: 1px solid var(--line,#ccc); border-radius: 18px; overflow: hidden; background: var(--card,#fff);}html body .hunt-photo {position: relative; height: 210px; background: #fff; display: grid; place-items: center;}html body .hunt-photo img {width: 100%; height: 100%; object-fit: contain;}html body .hunt-photo b {position: absolute; top: 12px; right: 12px; background: #a01d34; color: #fff; padding: 8px 10px; border-radius: 12px;}html body .hunt-copy,html body .hunt-voucher {padding: 16px; display: flex; flex-direction: column; gap: 9px;}html body .hunt-copy h3,html body .hunt-voucher h3 {font-size: 18px; line-height: 1.4; margin: 0;}html body .hunt-copy p,html body .hunt-voucher p {font-size: 13px; line-height: 1.65; margin: 0;}html body .hunt-copy small,html body .hunt-voucher small {font-size: 12px; line-height: 1.6;}html body .hunt-price {font-size: 26px; color: var(--accent,#a01d34);}html body .hunt-voucher code {font-size: 18px; overflow-wrap: anywhere; padding: 10px; background: var(--bg,#f5f2ed); border: 1px dashed var(--line,#aaa); border-radius: 8px;}html body .hunt-copy .btn,html body .hunt-voucher .btn {white-space: normal; min-height: 44px;}html body .hunt-empty {padding: 18px; border: 1px dashed var(--line,#aaa); border-radius: 12px; line-height: 1.7;}html body .hunt-schedule {font-size: 13px; line-height: 1.7;}html body .hunt-history {border: 1px solid var(--line,#aaa); border-radius: 14px; padding: 16px; margin: 12px 0;}html body .hunt-history h4 {margin: 0 0 8px;}html body .hunt-history p {font-size: 13px; line-height: 1.7;}html body .hunt-change {font-weight: 700;}@media (max-width:650px) {html body .hunt-filters {grid-template-columns: 1fr;}html body .hunt-platforms {display: grid; grid-template-columns: repeat(2,minmax(0,1fr));}html body .hunt-panel {padding: 14px; border-radius: 18px;}html body .hunt-grid {grid-template-columns: 1fr;}html body .hunt-platforms button {min-width: 0;}}}
@layer ds-contract {html body #screen .hunt-platforms button {white-space: normal !important; overflow-wrap: anywhere; min-width: 0;}html body #screen .hunt-platforms button small {display: block; white-space: normal !important; overflow-wrap: anywhere; min-width: 0; max-width: 100%; background: #161719; color: #fff; padding: 3px 5px; border-radius: 5px;}}
@layer ds-contract {html body .hunt-programme {border: 1px solid var(--line,#aaa); border-radius: 16px; padding: 18px; margin: 20px 0; background: var(--card,#fff);}html body .hunt-programme p {font-size: 14px; line-height: 1.7;}html body .hunt-programme small {display: block; font-size: 12px; line-height: 1.7;}html body .hunt-programme .btn {white-space: normal !important;}}