/* actref-20261007: 活动页「任务」页签 = owner reference (activity-task-ref.png). Scope: html.ng05-act.ng05-task:not(#_ar) only
   (活动/返水/VIP/领取记录/教程 页签 and every other page untouched). Pure restyle of lane05's own DOM
   (.ng05-tabs / .ng05-back / .ng05-tc*) — handlers, tier switching, 活动详情, 领取 all stay lane05's.
   + header row (.actref-hdr, built by zzz.actref.js): UK国际 logo left, balance pill right.
   + task art (assets/actref/task-*.webp, cut from the reference): mapped per task by zzz.actref.js (data-ar),
     falling back by lane05's icon class.
   Selectors carry :not(#_ar) (id-level specificity) so they win over lane05/laneZZZ/zz* rules regardless of load order.
   Back chevron = lane05's .ng05-back (kept as-is so the *tgback* overlay can hide/replace it).
   Rollback: delete zzz.actref.css + zzz.actref.js (assets/actref/ can stay). */
html.ng05-act.ng05-task:not(#_ar) body{background:#fbf7ee!important}
html.ng05-act.ng05-task:not(#_ar) body .activities-content,
html.ng05-act.ng05-task:not(#_ar) body .task-tab.is-mobile{background:#fbf7ee!important}
html.ng05-act.ng05-task:not(#_ar) #l12-music .mplayer-bubble-holder{display:none!important}

/* ---- header ---- */
.actref-hdr{display:none}
html.ng05-act.ng05-task:not(#_ar) body .actref-hdr{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;height:50px;padding:0 18px 0 14px;background:#fbf7ee}
html.ng05-act.ng05-task:not(#_ar) body .actref-logo{display:block;height:37px;width:auto;max-width:150px;flex:0 0 auto}
html.ng05-act.ng05-task:not(#_ar) body .actref-bal{display:flex;align-items:center;box-sizing:border-box;width:119px;height:30px;padding:0 8px 0 4px;gap:6px;border-radius:999px;
  border:1px solid rgba(206,166,96,.7);background:linear-gradient(180deg,#fffefb 0%,#f7eedd 100%);box-shadow:0 2px 6px rgba(150,108,40,.14),inset 0 1px 0 #fff}
html.ng05-act.ng05-task:not(#_ar) body .actref-usdt{flex:0 0 22px;width:22px;height:22px;border-radius:50%;overflow:hidden;display:block}
html.ng05-act.ng05-task:not(#_ar) body .actref-usdt img{width:100%;height:100%;display:block;object-fit:cover}
html.ng05-act.ng05-task:not(#_ar) body .actref-amt{flex:1 1 auto;min-width:0;text-align:center;font-size:15px;font-weight:600;color:#3a2f22;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}
html.ng05-act.ng05-task:not(#_ar) body .actref-amt.s1{font-size:13px}
html.ng05-act.ng05-task:not(#_ar) body .actref-amt.s2{font-size:11px}
html.ng05-act.ng05-task:not(#_ar) body .actref-rf{flex:0 0 18px;width:18px;height:18px;padding:0;margin:0;border:0;background:none;color:#8a7a66;display:flex;align-items:center;justify-content:center;cursor:pointer}
html.ng05-act.ng05-task:not(#_ar) body .actref-rf svg{width:17px;height:17px;display:block}
html.ng05-act.ng05-task:not(#_ar) body .actref-rf.spin svg{animation:actref-spin .8s linear infinite}
@keyframes actref-spin{to{transform:rotate(360deg)}}

/* ---- tab row ---- */
html.ng05-act.ng05-task:not(#_ar) body .task-tabs-wrapper{background:#fbf7ee!important;box-shadow:none!important;height:46px!important;min-height:46px!important;align-items:stretch!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-back{width:34px!important;height:46px!important;margin:0 0 0 4px!important;padding:0 0 4px!important;color:#a88a5f!important;background:none!important;align-items:center!important;justify-content:center!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-back svg{width:20px!important;height:20px!important;color:#a88a5f!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tabs{align-items:stretch!important;gap:0!important;overflow:visible!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tab{height:46px!important;padding:0 8px 6px!important;font-size:16px!important;line-height:40px!important;font-weight:500!important;color:#886b39!important;background:none!important;border:0!important;letter-spacing:.3px}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tab.on{color:#2e2113!important;font-weight:700!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tab::after{display:none!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tab.on::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;right:auto!important;top:39px!important;bottom:auto!important;width:27px!important;height:2.5px!important;margin:0!important;transform:translateX(-50%)!important;border-radius:2px!important;background:#b07a2a!important;opacity:1!important}

/* ---- list + card ---- */
html.ng05-act.ng05-task:not(#_ar) body .ng05-tlist{padding:9px 13px 96px!important;gap:10px!important;background:transparent!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tlist .ng05-tc{position:relative!important;box-sizing:border-box!important;min-height:146px;margin:0!important;padding:10px 15px 9px 17px!important;
  border:1px solid #e7d7b3!important;border-radius:12px!important;color:#1f1a12!important;overflow:hidden!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fdf8ef 55%,#fbf3e6 100%)!important;
  box-shadow:0 2px 8px rgba(160,120,50,.10),inset 0 1px 0 #fff!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tlist .ng05-tc::before,
html.ng05-act.ng05-task:not(#_ar) body .ng05-tlist .ng05-tc::after{display:none!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-c{display:block!important;margin:0!important;padding:0!important;position:static!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-l{position:relative!important;z-index:1!important;width:auto!important;max-width:none!important;padding:0!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-r{position:absolute!important;right:3px!important;top:2px!important;width:151px!important;height:106px!important;margin:0!important;padding:0!important;z-index:0!important;pointer-events:none!important;display:block!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-r .ng05-ic{display:block!important;width:151px!important;height:106px!important;margin:0!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;filter:none!important;opacity:1!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc .ng05-ic.ng05-ic1{background-image:url(/vue/ng-fix/assets/actref/task-gift.webp?v=ar1)!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc .ng05-ic.ng05-ic2{background-image:url(/vue/ng-fix/assets/actref/task-chest.webp?v=ar1)!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc .ng05-ic.ng05-ic3{background-image:url(/vue/ng-fix/assets/actref/task-lion.webp?v=ar1)!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc .ng05-ic.ng05-ic4{background-image:url(/vue/ng-fix/assets/actref/task-trophy.webp?v=ar1)!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc[data-ar=gift] .ng05-ic{background-image:url(/vue/ng-fix/assets/actref/task-gift.webp?v=ar1)!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc[data-ar=chest] .ng05-ic{background-image:url(/vue/ng-fix/assets/actref/task-chest.webp?v=ar1)!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc[data-ar=lion] .ng05-ic{background-image:url(/vue/ng-fix/assets/actref/task-lion.webp?v=ar1)!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc[data-ar=trophy] .ng05-ic{background-image:url(/vue/ng-fix/assets/actref/task-trophy.webp?v=ar1)!important}

/* title + 活动详情 */
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-t{display:flex!important;align-items:center!important;gap:10px!important;height:24px!important;margin:0 0 4px!important;padding:0!important;color:#1f1a12!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-t span{font-size:17px!important;line-height:24px!important;font-weight:700!important;color:#1f1a12!important;letter-spacing:.6px;white-space:nowrap}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-d{flex:0 0 auto!important;height:22px!important;margin:0!important;padding:0 10px!important;border-radius:11px!important;line-height:20px!important;font-size:11px!important;font-weight:700!important;
  color:#4a3216!important;border:1px solid #e3c181!important;background:linear-gradient(180deg,#fbedcc 0%,#f0d39d 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 1px 2px rgba(160,115,40,.15)!important}
/* description + condition */
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-desc{font-size:11px!important;line-height:16px!important;height:16px;margin:0 0 3.5px!important;color:#4a4136!important;white-space:nowrap;overflow:visible}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-req{display:flex!important;align-items:center!important;gap:6px!important;height:18px!important;min-height:18px!important;margin:0 0 3.5px!important;font-size:12px!important;line-height:18px!important;color:#4f463a!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-req>svg{flex:0 0 14px!important;width:14px!important;height:14px!important;color:#c3913a!important;display:block!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-req>span{color:#4f463a!important;white-space:nowrap}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-bar{position:relative!important;flex:0 0 132px!important;width:132px!important;height:16px!important;margin:0 0 0 4px!important;border-radius:8px!important;overflow:hidden!important;
  background:#f1e7d3!important;border:1px solid #e4d4b2!important;box-sizing:border-box!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-bar>i{position:absolute!important;left:0;top:0;bottom:0;border-radius:8px!important;background:linear-gradient(90deg,#e7bd6c,#c58b2e)!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-bar>em{position:relative!important;display:block!important;text-align:center!important;font-style:normal!important;font-size:11px!important;line-height:14px!important;color:#3d3224!important;font-weight:500!important}
/* tier stepper */
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-dots{display:flex!important;align-items:center!important;height:24px!important;margin:0!important;padding:0!important;gap:0!important;overflow:visible!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-dots .ln{display:block!important;flex:0 0 7px!important;width:7px!important;height:2px!important;margin:0!important;background:#ead7ad!important;border-radius:1px}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-dots .ln.s{flex-basis:6px!important;width:6px!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-ar{flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;color:#fff!important;
  background:radial-gradient(circle,#5f4e3b 0 42%,transparent 44%)!important;box-shadow:0 1px 3px rgba(110,80,40,.28)!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-ar svg{width:18px!important;height:18px!important;display:block!important;color:#fff!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-ar.off{opacity:.5!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-dot{position:relative!important;flex:0 0 19px!important;width:19px!important;height:19px!important;min-width:0!important;padding:0!important;margin:0!important;border-radius:50%!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:700!important;line-height:1!important;color:#5a3d16!important;
  border:1px solid #e6cb92!important;background:linear-gradient(180deg,#fcefd2 0%,#f1d9a7 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;transform:none!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-dot.on{flex-basis:22px!important;width:22px!important;height:22px!important;color:#fff!important;font-size:12px!important;border-color:#b9832d!important;
  background:linear-gradient(180deg,#e6b45c 0%,#b97c22 100%)!important;box-shadow:0 2px 4px rgba(150,100,30,.35),inset 0 1px 0 rgba(255,236,190,.6)!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-dot::before{display:none!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-dot::after{display:none!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-dot.on::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:auto!important;bottom:-8px!important;width:0!important;height:0!important;margin:0!important;transform:translateX(-50%)!important;
  border:0 solid transparent!important;border-left-width:4px!important;border-right-width:4px!important;border-bottom:5px solid #b98232!important;background:none!important;border-radius:0!important}
/* reward + button */
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-rw{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:29px!important;margin:5px 0 0!important;padding:0!important;gap:8px}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-rw>div:first-child{font-size:17px!important;line-height:29px!important;font-weight:800!important;color:#85550e!important;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-bs{display:flex!important;gap:6px!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-btn{flex:0 0 auto!important;min-width:82px!important;height:29px!important;margin:0!important;padding:0 12px!important;border-radius:8px!important;font-size:13px!important;line-height:29px!important;font-weight:600!important;letter-spacing:.5px;
  color:#fff!important;border:0!important;background:linear-gradient(180deg,#e9b860 0%,#bb7e22 100%)!important;box-shadow:0 2px 5px rgba(160,105,25,.3),inset 0 1px 0 rgba(255,240,200,.55)!important;opacity:1!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-btn.off{color:#fff!important;background:linear-gradient(180deg,#9d9184 0%,#7e7265 100%)!important;box-shadow:0 2px 4px rgba(90,70,40,.18),inset 0 1px 0 rgba(255,255,255,.22)!important}
html.ng05-act.ng05-task:not(#_ar) body .ng05-tc-btn.ng05-tc-btn2{color:#9a6418!important;background:#fffaf0!important;border:1px solid #d3a456!important;box-shadow:none!important;line-height:27px!important}
/* older dark-theme rules pin -webkit-text-fill-color on card/tab text; follow our color instead */
html.ng05-act.ng05-task:not(#_ar) body .ng05-tlist .ng05-tc,
html.ng05-act.ng05-task:not(#_ar) body .ng05-tlist .ng05-tc *,
html.ng05-act.ng05-task:not(#_ar) body .task-tabs-wrapper .ng05-tab,
html.ng05-act.ng05-task:not(#_ar) body .actref-hdr *{-webkit-text-fill-color:currentColor!important}