.uc108-activity{display:inline-flex;position:relative}.uc108-activity p{margin:0}.look-officer .lo-top-more .uc108-activity-btn{color:var(--lo-label);border-radius:4px;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.look-officer .lo-top-more .uc108-activity-btn:hover,.look-officer .lo-top-more .uc108-activity-btn[aria-expanded=true]{color:var(--lo-ink);background:#f1f4f6}.uc108-activity-dot{background:#1e4b6a;border-radius:50%;width:6px;height:6px}.uc108-activity-panel{z-index:60;box-sizing:border-box;white-space:normal;background:#fff;border:1px solid #e3e7ec;border-radius:10px;width:410px;padding:18px 20px 20px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #1c202624}.uc108-activity-title{color:#1c2026;font-size:15px;font-weight:500}.uc108-activity-head{align-items:center;gap:12px;margin-top:14px;display:flex}.uc108-activity-who{min-width:0}.uc108-activity-avatar{color:#fff;background:#1e4b6a;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:14px;font-weight:500;display:grid}.uc108-activity-name{color:#1c2026;font-size:14px;font-weight:500}.uc108-activity-ref{color:#3f4650;font-size:13px}.uc108-activity-steps{color:#1c2026;gap:12px;margin:16px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.uc108-activity-steps li{align-items:flex-start;gap:12px;display:flex}.uc108-activity-steps svg{color:#6b7781;flex:none;margin:2px 9px 0}.uc108-activity-steps [data-activity-step]{flex:1;min-width:0}.uc108-activity-note{color:#3f4650;flex:none;font-size:13px}.uc108-activity-foot{border-top:1px solid #e3e7ec;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.uc108-activity-ready{color:#1c2026;align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.uc108-activity-ready svg{color:#1e4b6a;flex:none;margin:0 9px}.look-officer .lo-top-more .uc108-activity-go{color:#fff;background:#1e4b6a;border-radius:4px;padding:8px 12px;font-size:13px;display:inline-flex}.look-officer .lo-top-more .uc108-activity-go:hover{color:#fff;background:#183e58}@media (max-width:520px){.uc108-activity{position:static}.uc108-activity-panel{width:auto;top:calc(100% + 4px);left:16px;right:16px}}