
.activity-workbench{--ink:#243c49;--deep:#183449;--sub:#536b77;--gold:#94642d;--gold-dark:#6e4b24;--line:#e6e8e4;--paper:#fffdf9;--mist:#edf3f5;--ivory:#fbf7ee;--blue:#315a73;--green:#2b644b;font:14px/1.55 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);width:100%;max-width:390px;margin:0 auto;container-type:inline-size}
.activity-workbench *{box-sizing:border-box}
.activity-workbench button,.activity-workbench input,.activity-workbench select,.activity-workbench textarea{font:inherit}
.activity-workbench button{cursor:var(--cursor-interaction,pointer)}
.activity-workbench :is(button,input,select,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.activity-workbench :is(h1,h2,h3,p){margin:0}
.activity-workbench .shell{height:653px;height:clamp(568px,calc(140cqi + 107px),653px);display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--paper);border:1px solid #dfded5;border-radius:24px;overflow:hidden;overflow:clip;box-shadow:0 10px 30px #00000012}
.activity-workbench .masthead{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #eee9df;padding:11px 23px;background:#fffdf8}
.activity-workbench .brand img{display:block;width:128px;height:43px;object-fit:contain}
.activity-workbench .app-body{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}
.activity-workbench nav{grid-row:2;z-index:3;display:flex;justify-content:center;gap:4px;padding:4px 9px 5px;padding:4px 9px max(5px,env(safe-area-inset-bottom));background:#fffdf9;border-top:1px solid #eae5da}
.activity-workbench nav button{flex:1;max-width:140px;min-width:0;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:10px;background:none;padding:4px 1px;color:var(--sub);white-space:nowrap;font-size:12px}
.activity-workbench nav button[aria-current=page]{background:#f7f0e2;color:var(--gold-dark);font-weight:650}
.activity-workbench :is(i,svg){width:19px;height:19px;flex:none;vertical-align:middle}
.activity-workbench main{grid-row:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;padding:19px 23px}
.activity-workbench .hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:6px;position:relative;isolation:isolate;overflow:hidden;padding:20px 23px;min-height:244px;border:1px solid #e9e4d9;border-radius:20px;background:radial-gradient(ellipse at 77% 47%,#f8eddb 0%,#edf4f9 59%,#fcf7ed 100%)}
.activity-workbench .hero:after{content:"";position:absolute;z-index:-1;right:-45px;top:-97px;width:340px;height:340px;border:1px solid #d5b47c5c;border-radius:48% 52% 48%;box-shadow:0 0 0 23px #fff5df58,0 0 0 44px #fffaf056;transform:rotate(-14deg)}
.activity-workbench .hero-art{width:100%;max-width:266px;max-height:230px;aspect-ratio:938/960;object-fit:contain;justify-self:center;filter:drop-shadow(0 10px 11px #555a6c25)}
.activity-workbench .hero-copy{z-index:1}
.activity-workbench h1{font-size:26px;line-height:1.25;letter-spacing:.01em;font-weight:650;color:var(--deep)}
.activity-workbench .hero h1{font-family:"Songti SC",STSong,serif;font-size:clamp(30px,6vw,47px);margin:7px 0 6px}
.activity-workbench .hero .primary{margin-top:8px}
.activity-workbench .head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.activity-workbench .head p,.activity-workbench .hint{color:var(--sub);font-size:13px;margin-top:4px}
.activity-workbench .section-title{margin:18px 0 8px;font-size:15px;letter-spacing:.025em;color:var(--deep)}
.activity-workbench .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:12px;background:var(--ivory);border-radius:13px;border:1px solid #ede4d0}
.activity-workbench .metric{padding:10px 11px;min-width:0}
.activity-workbench .metric+.metric{border-left:1px solid #e9dfca}
.activity-workbench .metric span{font-size:12px;color:var(--sub);display:block}
.activity-workbench .metric b{font-size:clamp(16px,3.3vw,24px);font-variant-numeric:tabular-nums;line-height:1.2;display:block;margin-top:4px;color:var(--gold-dark)}
.activity-workbench .entries{border-top:1px solid var(--line)}
.activity-workbench .entry{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;padding:9px 1px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:9px;min-height:56px}
.activity-workbench .entry:hover,.activity-workbench .row-button:hover{background:#f6f6f1}
.activity-workbench .entry b{font-size:14px;color:var(--deep)}
.activity-workbench .entry small{display:block;font-size:12px;color:var(--sub)}
.activity-workbench .entry>svg:last-child{color:#826b4f}
.activity-workbench .icon-tile{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#f5eddd;color:var(--gold-dark);flex:none}
.activity-workbench .list{display:grid;gap:0;margin-top:8px;border-top:1px solid var(--line)}
.activity-workbench .row,.activity-workbench .row-button{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:9px 3px;border:0;border-bottom:1px solid var(--line);background:var(--paper);min-height:53px;color:var(--ink)}
.activity-workbench .row-button{width:100%;text-align:left}
.activity-workbench .row-main{display:flex;align-items:center;gap:8px;min-width:0}
.activity-workbench .row-main b{overflow-wrap:anywhere;color:var(--deep)}
.activity-workbench .row-main small,.activity-workbench .row-tail small{display:block;color:var(--sub);font-size:12px}
.activity-workbench .row-tail{display:flex;align-items:center;gap:7px;flex:none;text-align:right}
.activity-workbench .pill{border-radius:99px;background:#f8f0df;color:var(--gold-dark);padding:3px 7px;white-space:nowrap;font-size:11px}
.activity-workbench .pill.live{background:#ebf3e8;color:var(--green)}
.activity-workbench .primary,.activity-workbench .secondary{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;border:1px solid var(--deep);border-radius:24px;padding:7px 13px;background:var(--deep);color:#fff;white-space:nowrap}
.activity-workbench .secondary{background:#fffdf8;color:var(--deep);border-color:#d9dfdd}
.activity-workbench .hero .primary{color:#fff;background:#77562e;border-color:#77562e}
.activity-workbench .search{display:flex;gap:8px;align-items:center;padding:0 11px;background:#fff;border:1px solid #d9e0de;border-radius:24px;color:var(--sub)}
.activity-workbench .search input{width:100%;border:0;background:none;color:var(--ink);min-height:44px;padding:5px 0}
.activity-workbench .totals-line{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--sub)}
.activity-workbench .picker{border:1px solid #e2e4dc;border-radius:15px;background:var(--paper);margin-top:8px;overflow:clip}
.activity-workbench .picker-scroll{height:244px;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#9eabaf #f6f3ec;padding:0 10px;-webkit-overflow-scrolling:touch}
.activity-workbench .picker-scroll .list{margin-top:0;border-top:0}
.activity-workbench .picker-scroll .row-button{min-height:58px;touch-action:pan-y}
.activity-workbench .picker-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#f7f4eb;padding:3px 10px;min-height:47px;color:var(--sub);font-size:12px}
.activity-workbench .picker-footer button{border:0;background:none;color:var(--deep);font-weight:600;min-height:42px;padding:4px 3px}
.activity-workbench .details{background:#fff;border:1px solid #e6e3d8;border-radius:15px;padding:14px;margin-top:10px}
.activity-workbench .details dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 15px;margin:11px 0}
.activity-workbench dt{color:var(--sub)}
.activity-workbench dd{margin:0;font-weight:550}
.activity-workbench .qr{display:grid;justify-items:center;gap:6px;text-align:center;background:#f7f4eb;border-radius:11px;margin-top:11px;padding:14px}
.activity-workbench .qr svg{width:74px;height:74px}
.activity-workbench .form{display:grid;gap:10px}
.activity-workbench .form label{display:grid;gap:4px;font-weight:550}
.activity-workbench .form input:not([type=file]):not([type=checkbox]),.activity-workbench .form textarea,.activity-workbench .form select{background:#fff;border:1px solid #d8dfdd;border-radius:9px;padding:9px 10px;min-width:0;width:100%;color:var(--ink)}
.activity-workbench .form input[type=file]{width:100%;color:var(--sub);font-size:13px}
.activity-workbench .form textarea{resize:vertical}
.activity-workbench .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.activity-workbench .photo{width:40px;height:40px;object-fit:cover;border-radius:8px}
.activity-workbench #myg-toast{min-height:1.4em;padding:4px 0;font-size:12px;color:light-dark(#246341,#a7deb8)}

.activity-workbench .person-link{margin:10px 0 0;display:flex;align-items:center;justify-content:space-between;gap:7px;text-align:left;width:100%;min-height:45px;padding:7px 9px;border:1px solid #ebe1cf;border-radius:11px;color:var(--deep);background:#fcf7ec}
.activity-workbench .person-link span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.activity-workbench .person-link small{color:var(--sub)}
.activity-workbench .profile-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:13px;background:linear-gradient(110deg,#f9efdc,#fcf9f1 75%);border:1px solid #ece0c8;border-radius:15px}
.activity-workbench .avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e9d4ab;color:#684b28;font:700 19px/1 "Songti SC",serif}
.activity-workbench .profile-card h2{font-size:18px;overflow-wrap:anywhere}
.activity-workbench .profile-card p{color:var(--sub);font-size:12px}
.activity-workbench .profile-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}
.activity-workbench .profile-actions .secondary{min-height:44px;font-size:13px}
.activity-workbench .avatar{overflow:hidden}
.activity-workbench .avatar img{width:100%;height:100%;object-fit:cover;display:block}
.activity-workbench .avatar--profile{width:52px;height:52px}
.activity-workbench .avatar--small{width:24px;height:24px;font-size:13px}
.activity-workbench .avatar--large{width:104px;height:104px;font-size:37px;margin:0 auto}
.activity-workbench .avatar-button{width:52px;height:52px;padding:0;border:0;border-radius:50%;background:none}
.activity-workbench .avatar-editor{display:grid;justify-items:center;gap:12px;padding:19px 12px}
.activity-workbench .avatar-file{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px 13px;border:1px solid #d9dfdd;border-radius:24px;background:#fffdf8;color:var(--deep)}
.activity-workbench .avatar-file:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.activity-workbench .avatar-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:var(--cursor-interaction,pointer)}
.activity-workbench #myg-avatar-message{margin:0;color:#8c412e;font-size:13px}
.activity-workbench #myg-avatar-message:empty{display:none}
.activity-workbench button:disabled{opacity:.48;cursor:default}
.activity-workbench .section-gap{margin-top:10px}
.activity-workbench .permission-row{display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid var(--line);padding:9px 0;min-height:44px}
.activity-workbench .permission-row input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--blue)}
.activity-workbench .permission-row>span{min-width:0}.permission-row small{display:block;color:var(--sub)}
.activity-workbench .activity-stamp{font-size:12px;color:var(--sub);padding:8px 0}

.activity-workbench .scan-entry{padding:12px;background:#f8f0df;border:1px solid #eee0c5;border-radius:13px;display:grid;gap:6px}
.activity-workbench .scan-entry h2{font-size:16px}
.activity-workbench .scan-entry p{font-size:12px;color:var(--sub)}
.activity-workbench .scan-entry button{justify-self:start}
.activity-workbench .scan-surface{position:relative;display:grid;justify-items:center;gap:7px;padding:14px 8px 12px;background:#17384a;color:#fff;border-radius:15px}
.activity-workbench .scan-surface small{color:#dce7eb}
.activity-workbench .scan-target{position:relative;padding:10px;display:grid;place-items:center}
.activity-workbench .scan-target img{display:block;width:116px;height:116px;border-radius:4px}
.activity-workbench .scan-target span{position:absolute;width:21px;height:21px;border:0 solid #f1d797}
.activity-workbench .scan-target span:nth-child(2){left:0;top:0;border-left-width:3px;border-top-width:3px}
.activity-workbench .scan-target span:nth-child(3){right:0;top:0;border-right-width:3px;border-top-width:3px}
.activity-workbench .scan-target span:nth-child(4){right:0;bottom:0;border-right-width:3px;border-bottom-width:3px}
.activity-workbench .scan-target span:nth-child(5){left:0;bottom:0;border-left-width:3px;border-bottom-width:3px}
.activity-workbench .scan-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.activity-workbench .manual-title{font-size:14px;margin-bottom:6px}
.activity-workbench .redeem-status{color:#8c412e;font-size:12px}
@container (max-width:520px){
 .activity-workbench .shell{border-radius:19px}
 .activity-workbench main{padding:12px}
 .activity-workbench .masthead{padding:7px 11px}
 .activity-workbench .brand img{width:100px;height:35px}
 .activity-workbench .hero{padding:13px 10px;min-height:186px}
 .activity-workbench .hero .primary{font-size:12px;padding:6px 8px}
 .activity-workbench .hero .primary svg{width:14px}
 .activity-workbench .hero h1{font-size:30px}
 .activity-workbench .metric{padding:8px 6px}
 .activity-workbench .metric span{font-size:11px}
 .activity-workbench .row-tail{gap:4px}
 .activity-workbench .picker-scroll{height:228px}
}
@supports not (container-type:inline-size){
 .activity-workbench main{padding:12px}
 .activity-workbench .masthead{padding:7px 11px}
 .activity-workbench .hero{padding:13px 10px;min-height:186px}
 .activity-workbench .hero h1{font-size:30px}
}
@media(prefers-reduced-motion:no-preference){.activity-workbench button{transition:background-color .15s}}
body.activity-page, body.activity-login{margin:0;min-height:100vh;background:#f0eee7}
body.activity-page [hidden],body.activity-login [hidden]{display:none!important}
.activity-workbench .shell{height:100vh;height:100dvh}
.activity-workbench a{color:inherit;text-decoration:none}
.activity-workbench a.primary{color:#fff}
.activity-workbench nav a{flex:1;min-width:0;min-height:50px;display:grid;place-content:center;justify-items:center;gap:2px;border-radius:10px;color:var(--sub);font-size:12px}
.activity-workbench nav [aria-current=page]{background:#f7f0e2;color:var(--gold-dark);font-weight:650}
.activity-workbench .notice{margin:10px 0;color:#8c412e}
.activity-workbench .row [type=file]{max-width:132px;font-size:11px}
.activity-workbench .section-title{margin:18px 0 8px}
.activity-login{display:grid;place-items:center;padding:18px;box-sizing:border-box;font:16px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#183449}
.login-panel{box-sizing:border-box;width:min(390px,100%);padding:26px;border:1px solid #e6e8e4;border-radius:20px;background:#fffdf9}
.login-panel .activity-logo{width:150px;height:auto;display:block}
.login-panel h1{font-family:"Songti SC",serif;font-size:34px;margin:9px 0 20px}
.login-panel h2{font-size:17px;margin:0}
.login-panel .form{display:grid;gap:12px}
.login-panel label{display:grid;gap:4px}
.login-panel input{min-height:44px;border:1px solid #d8dfdd;border-radius:9px;padding:6px 10px;font:inherit}
.login-panel :is(.primary,.secondary){display:block;box-sizing:border-box;width:100%;padding:11px;min-height:44px;border:1px solid #183449;border-radius:24px;text-align:center;background:#183449;color:#fff;font:inherit}
.login-panel .secondary{margin-top:10px;background:none;color:#183449;text-decoration:none;border-color:#d8dfdd}
.login-panel #message{color:#8c412e;font-size:14px}
@media(min-width:560px){.activity-workbench{padding:12px 0}.activity-workbench .shell{height:calc(100dvh - 24px);min-height:600px}}

.activity-workbench .notice:empty{display:none}
.activity-workbench .profile-card{grid-template-columns:52px minmax(0,1fr) auto}
.activity-workbench .profile-actions{margin-top:10px}
.activity-workbench .profile-editor{display:grid;justify-items:center;gap:13px;padding:24px 12px;background:var(--ivory);border-radius:16px}
.activity-workbench .avatar-picker{position:relative;padding:10px 18px;border-radius:99px;background:var(--deep);color:white;min-height:44px}
.activity-workbench .avatar-picker:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.activity-workbench .avatar-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.activity-workbench .reward-tabs{display:flex;gap:3px;background:#f3eee4;border-radius:13px;padding:4px;margin-bottom:14px}
.activity-workbench .reward-tabs button{flex:1;min-width:0;min-height:43px;border:0;border-radius:9px;background:none;color:var(--sub)}
.activity-workbench .reward-tabs button[aria-pressed=true]{background:#fffdf9;color:var(--gold-dark);font-weight:700}
.activity-workbench .reward-filter{display:flex;justify-content:space-between;align-items:center;gap:8px}
.activity-workbench .reward-filter select{min-height:42px;border:1px solid var(--line);border-radius:9px;background:#fffdf9;color:var(--deep);padding:4px 8px}
.activity-workbench .reward-total{margin-top:12px;padding:13px 15px;border-radius:15px;background:linear-gradient(125deg,#f6ead3,#eef4f7)}
.activity-workbench .reward-rows article{padding:11px 1px;border-bottom:1px solid var(--line)}
.activity-workbench .reward-rows p,.activity-workbench .reward-total p{color:var(--sub);font-size:13px}
.activity-workbench .reward-tools{margin-top:16px}
 .activity-workbench .profile-form{margin-top:14px}
@media(max-width:559px), (hover:none) and (pointer:coarse){
 html.brand-app,html.brand-app body.activity-page{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none;background:#fffdf9}
 html.brand-app .activity-workbench{position:fixed;inset:0 0 auto;max-width:none;width:100%;height:100vh;height:100dvh;margin:0;padding:0}
 html.brand-app .activity-workbench .shell{height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
 html.brand-app #screen{overflow-y:auto;overscroll-behavior-y:none}
 .activity-workbench .masthead{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right))}
 .activity-workbench main{padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right))}
 .activity-workbench nav{padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}
}

.activity-workbench .partner-search{display:grid;gap:4px;font-weight:600}
.activity-workbench .partner-search input{width:100%;min-height:44px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fffdf9}
.activity-workbench .partner-qr{margin:12px 0;padding:14px;background:var(--ivory);border-radius:14px;text-align:center}
.activity-workbench .partner-qr img{display:block;max-width:200px;width:65%;height:auto;margin:8px auto}
.activity-workbench .partner-qr :is(a,button){margin:5px}
.activity-workbench #partnersList .row b{display:block;overflow-wrap:anywhere}
.activity-workbench #partnersList .row small{color:var(--sub)}

.activity-workbench .campaign-picker{position:relative;display:grid;place-items:center;min-height:44px}
.activity-workbench .form .campaign-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.activity-workbench .campaign-preview{width:100%;height:auto;border-radius:12px}
.activity-workbench .staff-card{padding:12px 0;border-bottom:1px solid var(--line)}
.activity-workbench .staff-card label{display:flex;align-items:center;gap:8px;min-height:44px}
